@smitch/breeze 0.2.1 → 0.2.3
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/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 @@
|
|
|
1
|
+
export { default as Counter } from './Counter';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface CounterProps extends React.HTMLAttributes<HTMLLabelElement> {
|
|
2
|
+
name?: string;
|
|
3
|
+
id?: string;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
value: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
label: string;
|
|
10
|
+
labelIsBold?: boolean;
|
|
11
|
+
layout?: "col" | "row";
|
|
12
|
+
onCountChange: (count: number) => void;
|
|
13
|
+
inputStyles?: string;
|
|
14
|
+
btnShape?: "square" | "circle" | "rounded";
|
|
15
|
+
btnBackground?: "info" | "primary" | "dark" | "light" | "transparent";
|
|
16
|
+
btnColor?: "dark" | "light" | "current";
|
|
17
|
+
size?: "md" | "lg";
|
|
18
|
+
spacing?: "0" | "1" | "2" | "4";
|
|
19
|
+
title?: string;
|
|
20
|
+
hint?: boolean;
|
|
21
|
+
rounded?: "none" | "md" | "lg" | "full";
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DataTable } from './DataTable';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useDisableBack: (usehook: boolean) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Dialog } from './Dialog';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface DialogProps extends React.HTMLAttributes<HTMLDialogElement> {
|
|
2
|
+
open: boolean;
|
|
3
|
+
modal?: boolean;
|
|
4
|
+
showClose?: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
submit?: (e: React.FormEvent<HTMLFormElement>) => void;
|
|
7
|
+
title?: string;
|
|
8
|
+
titleSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
+
closeBtnSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
titleBold?: boolean;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Drawer } from './Drawer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Dropdown } from './Dropdown';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface LinksProps {
|
|
2
|
+
href: string;
|
|
3
|
+
label: string;
|
|
4
|
+
links?: any[];
|
|
5
|
+
}
|
|
6
|
+
export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
size?: "md" | "lg" | "xl";
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
className?: string;
|
|
10
|
+
links: LinksProps[];
|
|
11
|
+
prefetch?: boolean;
|
|
12
|
+
buttonLayout: "circle" | "square";
|
|
13
|
+
buttonBackground?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "transparent";
|
|
14
|
+
buttonColor?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "current";
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Figure } from './Figure';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface FigureProps extends React.HTMLAttributes<HTMLElement> {
|
|
2
|
+
className?: string;
|
|
3
|
+
caption?: string;
|
|
4
|
+
aspect?: "landscape" | "portrait" | "square" | "video" | "circle" | "phone" | "ultrawide" | "auto";
|
|
5
|
+
src: string;
|
|
6
|
+
alt: string;
|
|
7
|
+
backdrop?: "light" | "dark";
|
|
8
|
+
preload?: boolean;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FileUpload } from './FileUpload';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface AcceptType {
|
|
2
|
+
all: string;
|
|
3
|
+
audio: string;
|
|
4
|
+
image: string;
|
|
5
|
+
video: string;
|
|
6
|
+
document: string[];
|
|
7
|
+
compressed: string[];
|
|
8
|
+
text: string[];
|
|
9
|
+
}
|
|
10
|
+
export interface FileUploadEvent {
|
|
11
|
+
target: {
|
|
12
|
+
files: FileList | null;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface FileProps {
|
|
16
|
+
files: File[];
|
|
17
|
+
deleteFile: (file: File) => void;
|
|
18
|
+
}
|
|
19
|
+
export interface FileUploadProps {
|
|
20
|
+
label?: string;
|
|
21
|
+
multipleLabel?: string;
|
|
22
|
+
className?: string;
|
|
23
|
+
size?: 'md' | 'lg' | 'xl';
|
|
24
|
+
accept?: string;
|
|
25
|
+
showMultiple?: boolean;
|
|
26
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
+
setFiles?: (files: File[]) => void;
|
|
28
|
+
icon?: boolean;
|
|
29
|
+
files: File[];
|
|
30
|
+
}
|
|
31
|
+
export interface AcceptTypes {
|
|
32
|
+
label: string;
|
|
33
|
+
value: string;
|
|
34
|
+
}
|
|
35
|
+
export declare const acceptTypes: AcceptTypes[];
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { FormProps } from './types';
|
|
2
|
+
declare const Form: ({ className, style, name, onsubmit, onCancel, layout, showCancel, actions, children, submitLabel, cancelLabel, actionsLayout, actionsSpacing, submitBackground, submitColor, cancelBackground, cancelColor, submitOutline, submitOutlineColor, cancelOutline, cancelOutlineColor, buttonTextcase, buttonShape, buttonIsBold, separator, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Form;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { RegisterFormProps } from './types';
|
|
2
|
+
declare const RegisterForm: ({ action, actionsLayout, actionsSpacing, onCancel, onsubmit, showCancel, submitLabel, cancelLabel, submitBackground, submitColor, submitOutlineColor, cancelBackground, cancelColor, cancelOutlineColor, separator, name, className, style, buttonOutline, buttonTextcase, buttonShape, buttonIsBold, legendText, legendisBold, legendAlign, legendSize, spacing, hasBorder, userLabel, userAutocomplete, userPlaceholder, passwordLabel, passwordPlaceholder, passwordPattern, passwordTitle, confirmLabel, confirmPlaceholder, confirmTitle, inputsLayout, inputsSize, inputsRounded, checkLabel, checkLabelIsBold, checkRounded, checkHint, }: RegisterFormProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default RegisterForm;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
type BaseColorOption = 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary';
|
|
2
|
+
type ColorOption = BaseColorOption | 'current';
|
|
3
|
+
type OutlineColorOption = ColorOption | 'accent';
|
|
4
|
+
type BackgroundOption = BaseColorOption | 'transparent';
|
|
5
|
+
type SpacingOption = '0' | '1' | '2' | '4' | '8';
|
|
6
|
+
type AlignOption = 'left' | 'center' | 'right';
|
|
7
|
+
type SizeOption = 'sm' | 'md' | 'lg' | 'xl';
|
|
8
|
+
interface CommonFormProps {
|
|
9
|
+
name?: string;
|
|
10
|
+
action?: string;
|
|
11
|
+
layout?: 'col' | 'row';
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
onsubmit?: (formData: {
|
|
15
|
+
[key: string]: string;
|
|
16
|
+
}) => void;
|
|
17
|
+
onCancel?: () => void;
|
|
18
|
+
showCancel?: boolean;
|
|
19
|
+
actions?: boolean;
|
|
20
|
+
actionsLayout?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
|
|
21
|
+
actionsSpacing?: SpacingOption;
|
|
22
|
+
separator?: boolean;
|
|
23
|
+
submitLabel?: string;
|
|
24
|
+
cancelLabel?: string;
|
|
25
|
+
submitBackground?: BackgroundOption;
|
|
26
|
+
submitColor?: ColorOption;
|
|
27
|
+
cancelBackground?: BackgroundOption;
|
|
28
|
+
cancelColor?: ColorOption;
|
|
29
|
+
submitOutline?: boolean;
|
|
30
|
+
submitOutlineColor?: OutlineColorOption;
|
|
31
|
+
cancelOutline?: boolean;
|
|
32
|
+
cancelOutlineColor?: ColorOption;
|
|
33
|
+
buttonTextcase?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
|
|
34
|
+
buttonShape?: 'default' | 'rounded' | 'pill';
|
|
35
|
+
buttonIsBold?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface FormProps extends React.HTMLAttributes<HTMLFormElement>, CommonFormProps {
|
|
38
|
+
method?: 'GET' | 'POST' | 'dialog' | string;
|
|
39
|
+
enctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain' | string;
|
|
40
|
+
}
|
|
41
|
+
export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
|
|
42
|
+
legendText?: string;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
legendAlign?: AlignOption;
|
|
45
|
+
legendSize?: SizeOption;
|
|
46
|
+
hasBorder?: boolean;
|
|
47
|
+
isBold?: boolean;
|
|
48
|
+
spacing?: '4' | '8';
|
|
49
|
+
className?: string;
|
|
50
|
+
}
|
|
51
|
+
export interface LegendProps extends React.HTMLProps<HTMLLegendElement> {
|
|
52
|
+
text: string;
|
|
53
|
+
isBold?: boolean;
|
|
54
|
+
align?: AlignOption;
|
|
55
|
+
legendSize?: SizeOption;
|
|
56
|
+
}
|
|
57
|
+
export interface RegisterFormProps extends CommonFormProps {
|
|
58
|
+
legendText: string;
|
|
59
|
+
legendisBold?: boolean;
|
|
60
|
+
legendAlign?: AlignOption;
|
|
61
|
+
legendSize?: SizeOption;
|
|
62
|
+
spacing?: '4' | '8';
|
|
63
|
+
hasBorder?: boolean;
|
|
64
|
+
buttonOutline?: boolean;
|
|
65
|
+
userLabel: string;
|
|
66
|
+
userAutocomplete?: 'username' | 'email' | 'username email';
|
|
67
|
+
userPlaceholder?: string;
|
|
68
|
+
passwordLabel: string;
|
|
69
|
+
passwordPlaceholder?: string;
|
|
70
|
+
passwordPattern?: string;
|
|
71
|
+
passwordTitle?: string;
|
|
72
|
+
confirmLabel: string;
|
|
73
|
+
confirmPlaceholder?: string;
|
|
74
|
+
confirmTitle?: string;
|
|
75
|
+
inputsLayout?: 'col' | 'row';
|
|
76
|
+
inputsSize?: 'md' | 'lg' | 'xl';
|
|
77
|
+
inputsRounded?: 'none' | 'md' | 'lg' | 'full';
|
|
78
|
+
checkLabel: string;
|
|
79
|
+
checkLabelIsBold?: boolean;
|
|
80
|
+
checkRounded?: 'none' | 'full';
|
|
81
|
+
checkHint?: React.ReactNode;
|
|
82
|
+
}
|
|
83
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Gallery } from './Gallery';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface DataProps {
|
|
2
|
+
name: string;
|
|
3
|
+
src: string;
|
|
4
|
+
}
|
|
5
|
+
export interface GalleryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
data: DataProps[];
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
aspect?: "landscape" | "portrait" | "square" | "video" | "circle" | "phone";
|
|
10
|
+
caption?: boolean;
|
|
11
|
+
preloadImages?: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Heading } from './Heading';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface HeadingProps {
|
|
2
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
3
|
+
weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
|
|
4
|
+
align?: 'left' | 'center' | 'right';
|
|
5
|
+
transform?: 'normal' | 'capitalize' | 'uppercase' | 'lowercase';
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { HeroProps } from "./types";
|
|
2
|
+
declare const Hero: ({ title, body, align, layout, aspectRatio, titleLevel, titleTransform, titleWeight, theme, bgImage, bgVideo, bgVideoPoster, randomImage, categoryTags, bgBlur, bgGrayscale, children, className, style, }: HeroProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Hero;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Hero } from './Hero';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface HeroProps {
|
|
2
|
+
title: string;
|
|
3
|
+
body?: React.ReactNode;
|
|
4
|
+
theme?: "dark" | "light" | "responsive";
|
|
5
|
+
align?: "left" | "center" | "right";
|
|
6
|
+
layout?: "col" | "row";
|
|
7
|
+
aspectRatio?: "auto" | "square" | "landscape" | "video";
|
|
8
|
+
titleLevel?: 1 | 2 | 3 | 4;
|
|
9
|
+
titleWeight?: "light" | "normal" | "medium" | "semibold" | "bold";
|
|
10
|
+
titleTransform?: "normal" | "capitalize" | "uppercase" | "lowercase";
|
|
11
|
+
bgImage?: string;
|
|
12
|
+
bgVideo?: string;
|
|
13
|
+
bgVideoPoster?: string;
|
|
14
|
+
bgBlur?: boolean;
|
|
15
|
+
bgGrayscale?: "none" | "grayscale" | "sepia";
|
|
16
|
+
randomImage?: boolean;
|
|
17
|
+
categoryTags?: string;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Icon } from './Icon';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface IconProps {
|
|
2
|
+
iconName?: string;
|
|
3
|
+
iconId?: string;
|
|
4
|
+
iconSize?: number;
|
|
5
|
+
iconColor?: string;
|
|
6
|
+
iconStyle?: 'color' | 'fluency';
|
|
7
|
+
flipX?: boolean;
|
|
8
|
+
flipY?: boolean;
|
|
9
|
+
rotate?: 'none' | '45' | '90' | '135' | '180' | '225' | '270' | '315';
|
|
10
|
+
altText?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export { Accordion, AccordionItem } from "./accordion";
|
|
2
|
+
export { Alert } from "./alert";
|
|
3
|
+
export { Autocomplete } from "./autocomplete";
|
|
4
|
+
export { Badge } from "./badge";
|
|
5
|
+
export { Blockquote } from "./blockquote";
|
|
6
|
+
export { Breadcrumbs } from "./breadcrumbs";
|
|
7
|
+
export { Button, CloseButton } from "./button";
|
|
8
|
+
export { ButtonGroup } from "./buttongroup";
|
|
9
|
+
export { Card, CardHeader, CardBody, CardImage, CardFooter } from "./card";
|
|
10
|
+
export { Carousel } from "./carousel";
|
|
11
|
+
export { Checkbox } from "./checkbox";
|
|
12
|
+
export { Clock } from "./clock";
|
|
13
|
+
export { Codeblock } from "./codeblock";
|
|
14
|
+
export { Counter } from "./counter";
|
|
15
|
+
export { DataTable } from "./datatable";
|
|
16
|
+
export { Dialog } from "./dialog";
|
|
17
|
+
export { Dropdown } from "./dropdown";
|
|
18
|
+
export { Figure } from "./figure";
|
|
19
|
+
export { FileUpload } from "./fileupload";
|
|
20
|
+
export { Form, Fieldset, RegisterForm } from "./form";
|
|
21
|
+
export { Gallery } from "./gallery";
|
|
22
|
+
export { Heading } from "./heading";
|
|
23
|
+
export { Hero } from "./hero";
|
|
24
|
+
export { Icon } from "./icon";
|
|
25
|
+
export { Input } from "./input";
|
|
26
|
+
export { Label } from "./label";
|
|
27
|
+
export { Loading, Spinner } from "./loading";
|
|
28
|
+
export { Modal } from "./modal";
|
|
29
|
+
export { NavBar } from "./navbar";
|
|
30
|
+
export { Pagination } from "./pagination";
|
|
31
|
+
export { PasswordInput } from "./passwordinput";
|
|
32
|
+
export { Pictogram } from "./pictogram";
|
|
33
|
+
export { PlaceHolder } from "./placeholder";
|
|
34
|
+
export { Progress } from "./progress";
|
|
35
|
+
export { RadioGroup } from "./radiogroup";
|
|
36
|
+
export { RangeInput } from "./rangeinput";
|
|
37
|
+
export { Ratings } from "./ratings";
|
|
38
|
+
export { Tabs } from "./tabs";
|
|
39
|
+
export { SearchInput } from "./searchinput";
|
|
40
|
+
export { Select } from "./select";
|
|
41
|
+
export { Sidebar } from "./sidebar";
|
|
42
|
+
export { SocialShare, FacebookButton, RedditButton, LinkedinButton, PinterestButton, SlackButton, TelegramButton, WhatsAppButton, XButton, BlueskyButton, } from "./socialshare";
|
|
43
|
+
export { StatBar } from "./statbar";
|
|
44
|
+
export { Switch } from "./switch";
|
|
45
|
+
export { TextInput } from "./textinput";
|
|
46
|
+
export { TextArea } from "./textarea";
|
|
47
|
+
export { Toast } from "./toast";
|
|
48
|
+
export { Ticker } from "./ticker";
|
|
49
|
+
export { TwitterEmbed } from "./twitterembed";
|
|
50
|
+
export { VideoPlayer, Video } from "./videoplayer";
|
|
51
|
+
export { YoutubeEmbed } from "./youtubeembed";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Input } from './Input';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export interface InputProps {
|
|
2
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'date' | 'datetime-local' | 'checkbox' | 'radio' | 'file' | 'color' | 'range' | 'search' | 'url' | 'time' | 'month' | 'week';
|
|
4
|
+
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' | string;
|
|
5
|
+
name?: string;
|
|
6
|
+
id?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
list?: string;
|
|
11
|
+
pattern?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
hint?: boolean;
|
|
16
|
+
hidden?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
readonly?: boolean;
|
|
19
|
+
tabindex?: number;
|
|
20
|
+
min?: string | number;
|
|
21
|
+
max?: string | number;
|
|
22
|
+
maxLength?: number;
|
|
23
|
+
minLength?: number;
|
|
24
|
+
step?: string;
|
|
25
|
+
accept?: string;
|
|
26
|
+
multiple?: boolean;
|
|
27
|
+
value?: number | string;
|
|
28
|
+
checked?: boolean;
|
|
29
|
+
defaultChecked?: boolean;
|
|
30
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
31
|
+
onInput?: React.ChangeEventHandler<HTMLInputElement>;
|
|
32
|
+
onFocus?: React.ChangeEventHandler<HTMLInputElement>;
|
|
33
|
+
onBlur?: React.ChangeEventHandler<HTMLInputElement>;
|
|
34
|
+
autocorrect?: 'on' | 'off';
|
|
35
|
+
spellcheck?: boolean;
|
|
36
|
+
rounded?: 'none' | 'md' | 'lg' | 'full';
|
|
37
|
+
suppressHydrationWarning?: boolean;
|
|
38
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Label } from './Label';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface LabelProps {
|
|
2
|
+
className?: string;
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
forId?: string;
|
|
5
|
+
layout?: 'col' | 'row' | 'row_reverse';
|
|
6
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
label: string | React.ReactNode;
|
|
8
|
+
isBold?: boolean;
|
|
9
|
+
value?: any;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
+
type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'date' | 'checkbox' | 'radio' | 'file' | 'button' | 'color' | 'range' | 'search' | 'url' | 'datetime-local' | 'time' | 'month' | 'week';
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface LoadingProps {
|
|
2
|
+
className?: string;
|
|
3
|
+
caption?: string;
|
|
4
|
+
spinner?: string;
|
|
5
|
+
customSpinner?: React.ReactNode;
|
|
6
|
+
customAnimate?: "spin" | "pulse" | "bounce" | "ping";
|
|
7
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
8
|
+
layout?: "col" | "col_reverse" | "row" | "row_reverse";
|
|
9
|
+
loadingColor?: "current" | "info" | "success" | "warning" | "danger" | "primary" | "secondary";
|
|
10
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "leaflet/dist/leaflet.css";
|
|
2
|
+
import "leaflet.fullscreen/Control.FullScreen.css";
|
|
3
|
+
import "leaflet.fullscreen";
|
|
4
|
+
import { MapProps } from "./types";
|
|
5
|
+
declare const LazyMap: ({ center, bounds, zoom, zoomControl, fullscreenControl, fullscreenControlPosition, tilesControl, attributionControl, dragging, scrollWheelZoom, doubleClickZoom, geojson, layerColor, layerFillColor, onDblClick, className, style, tileIndex, customTiles, children, }: MapProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default LazyMap;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Icon } from 'leaflet';
|
|
2
|
+
import { MapMarkerProps, CustomIconProps } from './types';
|
|
3
|
+
declare const LazyMapMarker: ({ position, popupContent, iconName, iconId, iconSize, iconColor, draggable, onDragEnd, }: MapMarkerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default LazyMapMarker;
|
|
5
|
+
export declare const UseCustomIcon: ({ iconName, iconId, size, color }: CustomIconProps) => Icon;
|