@smitch/breeze 0.2.2 → 1.0.0

package/lib/card/atoms/CardBody.d.ts

@@ -0,0 +1,3 @@
+import { CardBodyProps } from '../types';
+declare const CardBody: ({ className, children }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default CardBody;

package/lib/card/atoms/CardFooter.d.ts

@@ -0,0 +1,3 @@
+import { CardFooterProps } from '../types';
+declare const CardFooter: ({ className, link, linkLabel, children }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default CardFooter;

package/lib/card/atoms/CardHeader.d.ts

@@ -0,0 +1,3 @@
+import { CardHeaderProps } from '../types';
+declare const CardHeader: ({ className, title, titlestyles, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CardHeader;

package/lib/card/atoms/CardImage.d.ts

@@ -0,0 +1,3 @@
+import { CardImageProps } from '../types';
+declare const CardImage: ({ className, title, src, aspect }: CardImageProps) => import("react/jsx-runtime").JSX.Element;
+export default CardImage;

package/lib/card/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Card } from './Card';
+export { default as CardBody } from './atoms/CardBody';
+export { default as CardFooter } from './atoms/CardFooter';
+export { default as CardHeader } from './atoms/CardHeader';
+export { default as CardImage } from './atoms/CardImage';

package/lib/card/types/index.d.ts

@@ -0,0 +1,31 @@
+export interface CardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    layout?: 'col' | 'row' | 'col_reverse';
+    children: React.ReactNode;
+    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    outline?: boolean;
+}
+export interface CardHeaderProps {
+    className?: string;
+    title: string;
+    titlestyles?: string;
+    children?: React.ReactNode;
+}
+export interface CardBodyProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export interface CardImageProps {
+    className?: string;
+    title: string;
+    src: string;
+    aspect?: 'landscape' | 'portrait' | 'square' | 'video';
+}
+export interface CardFooterProps {
+    className?: string;
+    link?: string;
+    linkLabel?: string;
+    children?: React.ReactNode;
+}

package/lib/carousel/Carousel.d.ts

@@ -0,0 +1,3 @@
+import { CarouselProps } from "./types";
+declare const Carousel: ({ data, caption, autoplay, autoplayDuration, outline, gallery, className, aspect, rounded, buttonsPosition, buttonLayout, buttonIcon, buttonSize, buttonBackground, buttonColor, buttonOutline, preloadImages, children, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
+export default Carousel;

package/lib/carousel/index.d.ts

@@ -0,0 +1 @@
+export { default as Carousel } from './Carousel';

package/lib/carousel/types/index.d.ts

@@ -0,0 +1,28 @@
+interface DataProps {
+    name: string;
+    src: string;
+    description: string;
+    link: string;
+}
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: DataProps[];
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    caption?: boolean;
+    autoplay?: boolean;
+    autoplayDuration?: number;
+    outline?: "none" | "thin" | "medium" | "thick";
+    rounded?: "none" | "md" | "lg" | "xl";
+    gallery?: boolean;
+    aspect?: "landscape" | "portrait" | "square" | "video" | "circle";
+    buttonLayout?: "rounded" | "square" | "circle";
+    buttonsPosition?: "top" | "middle" | "bottom";
+    buttonIcon?: "arrow" | "chevron";
+    buttonSize?: "md" | "lg" | "xl";
+    buttonBackground?: "dark" | "light" | "transparent";
+    buttonColor?: "dark" | "light";
+    buttonOutline?: boolean;
+    preloadImages?: boolean;
+}
+export {};

package/lib/charts/BarChart.d.ts

@@ -0,0 +1,3 @@
+import { BarChartProps } from './types';
+declare const BarChart: ({ data, options, title, legendposition, aspect, style, className, layout, gridColor, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export default BarChart;

package/lib/charts/BubbleChart.d.ts

@@ -0,0 +1,3 @@
+import { BubbleChartProps } from './types';
+declare const BubbleChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: BubbleChartProps) => import("react/jsx-runtime").JSX.Element;
+export default BubbleChart;

package/lib/charts/ChartWrap.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ChartDataMap, ChartOptionsMap } from "./types";
+type ChartTypes = keyof ChartDataMap;
+interface ChartWrapProps<T extends ChartTypes> {
+    title?: string;
+    legendposition?: string;
+    data: ChartDataMap[T];
+    options?: ChartOptionsMap[T];
+    chartType: T;
+    className?: string;
+    style?: React.CSSProperties;
+    aspect?: "landscape" | "portrait" | "square" | "auto";
+}
+declare const ChartWrap: <T extends ChartTypes>({ data, options, title, legendposition, chartType, aspect, className, style, }: ChartWrapProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ChartWrap;

package/lib/charts/DoughnutChart.d.ts

@@ -0,0 +1,3 @@
+import { DoughnutChartProps } from './types';
+declare const DoughnutChart: ({ data, options, title, legendposition, border, aspect, style, className, }: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
+export default DoughnutChart;

package/lib/charts/LineChart.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from './types';
+declare const LineChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export default LineChart;

package/lib/charts/MixedChart.d.ts

@@ -0,0 +1,3 @@
+import { MixedChartProps } from './types';
+declare const MixedChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: MixedChartProps) => import("react/jsx-runtime").JSX.Element;
+export default MixedChart;

package/lib/charts/PieChart.d.ts

@@ -0,0 +1,3 @@
+import { PieChartProps } from './types';
+declare const PieChart: ({ data, options, title, legendposition, border, aspect, style, className, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+export default PieChart;

package/lib/charts/PolarAreaChart.d.ts

@@ -0,0 +1,3 @@
+import { PolarAreaChartProps } from './types';
+declare const PolarAreaChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: PolarAreaChartProps) => import("react/jsx-runtime").JSX.Element;
+export default PolarAreaChart;

package/lib/charts/RadarChart.d.ts

@@ -0,0 +1,3 @@
+import { RadarChartProps } from './types';
+declare const RadarChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: RadarChartProps) => import("react/jsx-runtime").JSX.Element;
+export default RadarChart;

package/lib/charts/ScatterChart.d.ts

@@ -0,0 +1,3 @@
+import { ScatterChartProps } from './types';
+declare const ScatterChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: ScatterChartProps) => import("react/jsx-runtime").JSX.Element;
+export default ScatterChart;

package/lib/charts/index.d.ts

@@ -0,0 +1,9 @@
+export { default as BarChart } from './BarChart';
+export { default as BubbleChart } from './BubbleChart';
+export { default as LineChart } from './LineChart';
+export { default as PieChart } from './PieChart';
+export { default as DoughnutChart } from './DoughnutChart';
+export { default as ScatterChart } from './ScatterChart';
+export { default as RadarChart } from './RadarChart';
+export { default as PolarAreaChart } from './PolarAreaChart';
+export { default as MixedChart } from './MixedChart';

package/lib/charts/types/index.d.ts

@@ -0,0 +1,85 @@
+import { ChartData, ChartOptions } from 'chart.js';
+interface ChartComponentProps {
+    title?: string;
+    legendposition?: 'top' | 'bottom' | 'left' | 'right';
+    aspect?: 'landscape' | 'portrait' | 'square' | 'auto';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface LineChartProps extends ChartComponentProps {
+    data: ChartData<'line', number[], string>;
+    options?: ChartOptions<'line'>;
+    gridColor?: string;
+}
+export interface PieChartProps extends ChartComponentProps {
+    data: ChartData<'pie', number[], string>;
+    options?: ChartOptions<'pie'>;
+    border?: boolean;
+}
+export interface DoughnutChartProps extends ChartComponentProps {
+    data: ChartData<'doughnut', number[], string>;
+    options?: ChartOptions<'doughnut'>;
+    border?: boolean;
+}
+export interface BarChartProps extends ChartComponentProps {
+    data: ChartData<'bar', number[], string>;
+    options?: ChartOptions<'bar'>;
+    layout?: 'vertical' | 'horizontal';
+    gridColor?: string;
+}
+export interface MixedChartProps extends ChartComponentProps {
+    data: ChartData<'bar', number[], string>;
+    options?: ChartOptions<'bar'>;
+    gridColor?: string;
+}
+export interface RadarChartProps extends ChartComponentProps {
+    data: ChartData<'radar', number[], string>;
+    options?: ChartOptions<'radar'>;
+    gridColor?: string;
+}
+export interface PolarAreaChartProps extends ChartComponentProps {
+    data: ChartData<'polarArea', number[], string>;
+    options?: ChartOptions<'polarArea'>;
+    gridColor?: string;
+}
+export interface BubbleChartProps extends ChartComponentProps {
+    data: ChartData<'bubble', {
+        x: number;
+        y: number;
+        r: number;
+    }[], string>;
+    options?: ChartOptions<'bubble'>;
+    gridColor?: string;
+}
+export interface ScatterChartProps extends ChartComponentProps {
+    data: ChartData<'scatter', {
+        x: number;
+        y: number;
+    }[], string>;
+    options?: ChartOptions<'scatter'>;
+    gridColor?: string;
+}
+export type ChartTypes = 'bar' | 'bubble' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'scatter' | 'line' | 'mixed';
+export interface ChartDataMap {
+    line: ChartData<'line'>;
+    pie: ChartData<'pie'>;
+    doughnut: ChartData<'doughnut'>;
+    bar: ChartData<'bar'>;
+    mixed: ChartData<'bar'>;
+    radar: ChartData<'radar'>;
+    polarArea: ChartData<'polarArea'>;
+    bubble: ChartData<'bubble'>;
+    scatter: ChartData<'scatter'>;
+}
+export interface ChartOptionsMap {
+    line: ChartOptions<'line'>;
+    pie: ChartOptions<'pie'>;
+    doughnut: ChartOptions<'doughnut'>;
+    bar: ChartOptions<'bar'>;
+    mixed: ChartOptions<'bar'>;
+    radar: ChartOptions<'radar'>;
+    polarArea: ChartOptions<'polarArea'>;
+    bubble: ChartOptions<'bubble'>;
+    scatter: ChartOptions<'scatter'>;
+}
+export {};

package/lib/checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from './types';
+declare const Checkbox: ({ name, className, style, label, size, rounded, required, checked, labelIsBold, hint, onChange, suppressHydrationWarning, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/lib/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/lib/checkbox/types/index.d.ts

@@ -0,0 +1,14 @@
+export interface CheckboxProps {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: 'md' | 'lg' | 'xl';
+    label: string;
+    labelIsBold?: boolean;
+    required?: boolean;
+    checked?: boolean;
+    name?: string;
+    rounded?: 'none' | 'full';
+    hint?: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    suppressHydrationWarning?: boolean;
+}

package/lib/clock/Clock.d.ts

@@ -0,0 +1,3 @@
+import { ClockProps } from "./types";
+declare const Clock: ({ timezone, size, showSeconds, ticks, theme, layout, showLabel, clockFaceStroke, labelSize, className, }: ClockProps) => import("react/jsx-runtime").JSX.Element;
+export default Clock;

package/lib/clock/index.d.ts

@@ -0,0 +1 @@
+export { default as Clock } from './Clock';

package/lib/clock/types/index.d.ts

@@ -0,0 +1,13 @@
+export type ClockTimezone = "UTC" | "America/New_York" | "America/Chicago" | "America/Denver" | "America/Los_Angeles" | "Europe/London" | "Europe/Paris" | "Europe/Berlin" | "Europe/Moscow" | "Asia/Tokyo" | "Asia/Shanghai" | "Asia/Kolkata" | "Australia/Sydney" | string;
+export type ClockProps = {
+    timezone?: ClockTimezone;
+    size?: number;
+    showSeconds?: boolean;
+    theme?: "light" | "dark";
+    layout?: "column" | "column-reverse" | "row" | "row-reverse";
+    clockFaceStroke?: number;
+    ticks?: boolean;
+    showLabel?: boolean;
+    labelSize?: "sm" | "md" | "lg" | "xl";
+    className?: string;
+};

package/lib/codeblock/Codeblock.d.ts

@@ -0,0 +1,3 @@
+import { CodeblockProps } from "./types";
+declare const Codeblock: ({ language, size, children, }: CodeblockProps) => import("react/jsx-runtime").JSX.Element;
+export default Codeblock;

package/lib/codeblock/index.d.ts

@@ -0,0 +1 @@
+export { default as Codeblock } from './Codeblock';

package/lib/codeblock/types/index.d.ts

@@ -0,0 +1,6 @@
+export interface CodeblockProps {
+    style?: React.CSSProperties;
+    children: string;
+    language?: string;
+    size?: "sm" | "md" | "lg" | "xl" | "xxl";
+}

package/lib/counter/Counter.d.ts

@@ -0,0 +1,3 @@
+import { CounterProps } from "./types";
+declare const Counter: ({ name, id, className, min, max, value, step, onCountChange, btnShape, btnBackground, btnColor, size, spacing, label, labelIsBold, layout, title, hint, inputStyles, rounded, }: CounterProps) => import("react/jsx-runtime").JSX.Element;
+export default Counter;

package/lib/counter/index.d.ts

@@ -0,0 +1 @@
+export { default as Counter } from './Counter';

package/lib/counter/types/index.d.ts

@@ -0,0 +1,22 @@
+export interface CounterProps extends React.HTMLAttributes<HTMLLabelElement> {
+    name?: string;
+    id?: string;
+    min: number;
+    max: number;
+    value: number;
+    step?: number;
+    className?: string;
+    label: string;
+    labelIsBold?: boolean;
+    layout?: "col" | "row";
+    onCountChange: (count: number) => void;
+    inputStyles?: string;
+    btnShape?: "square" | "circle" | "rounded";
+    btnBackground?: "info" | "primary" | "dark" | "light" | "transparent";
+    btnColor?: "dark" | "light" | "current";
+    size?: "md" | "lg";
+    spacing?: "0" | "1" | "2" | "4";
+    title?: string;
+    hint?: boolean;
+    rounded?: "none" | "md" | "lg" | "full";
+}

package/lib/datatable/DataTable.d.ts

@@ -0,0 +1,3 @@
+import { DataTableProps } from "./types";
+declare const DataTable: ({ className, data, ignore, caption, dividersX, dividersY, sortable, }: DataTableProps) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;

package/lib/datatable/index.d.ts

@@ -0,0 +1 @@
+export { default as DataTable } from './DataTable';

package/lib/datatable/types/index.d.ts

@@ -0,0 +1,10 @@
+export interface DataTableProps {
+    data: any[];
+    ignore?: string[];
+    caption?: string;
+    dividersX?: boolean;
+    dividersY?: boolean;
+    sortable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps } from "./types";
+declare const Dialog: ({ open, modal, showClose, onClose, title, titleSize, closeBtnSize, titleBold, children, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Dialog;

package/lib/dialog/hooks/useDisableBack.d.ts

@@ -0,0 +1 @@
+export declare const useDisableBack: (usehook: boolean) => void;

package/lib/dialog/index.d.ts

@@ -0,0 +1 @@
+export { default as Dialog } from './Dialog';

package/lib/dialog/types/index.d.ts

@@ -0,0 +1,12 @@
+export interface DialogProps extends React.HTMLAttributes<HTMLDialogElement> {
+    open: boolean;
+    modal?: boolean;
+    showClose?: boolean;
+    onClose: () => void;
+    submit?: (e: React.FormEvent<HTMLFormElement>) => void;
+    title?: string;
+    titleSize?: 'sm' | 'md' | 'lg' | 'xl';
+    closeBtnSize?: 'sm' | 'md' | 'lg' | 'xl';
+    titleBold?: boolean;
+    children: React.ReactNode;
+}

package/lib/drawer/Drawer.d.ts

@@ -0,0 +1,3 @@
+import { DrawerProps } from "./types";
+declare const Drawer: ({ open, position, backdrop, className, style, children, onClose, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default Drawer;

package/lib/drawer/index.d.ts

@@ -0,0 +1 @@
+export { default as Drawer } from './Drawer';

package/lib/drawer/types/index.d.ts

@@ -0,0 +1,9 @@
+export interface DrawerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    open: boolean;
+    backdrop?: boolean;
+    position?: 'top' | 'bottom';
+    onClose: (open: boolean) => void;
+}

package/lib/dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from "./types";
+declare const Dropdown: ({ size, className, style, links, prefetch, buttonLayout, buttonBackground, buttonColor, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/lib/dropdown/index.d.ts

@@ -0,0 +1 @@
+export { default as Dropdown } from './Dropdown';

package/lib/dropdown/types/index.d.ts

@@ -0,0 +1,15 @@
+export interface LinksProps {
+    href: string;
+    label: string;
+    links?: any[];
+}
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "md" | "lg" | "xl";
+    style?: React.CSSProperties;
+    className?: string;
+    links: LinksProps[];
+    prefetch?: boolean;
+    buttonLayout: "circle" | "square";
+    buttonBackground?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "transparent";
+    buttonColor?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "current";
+}

package/lib/figure/Figure.d.ts

@@ -0,0 +1,3 @@
+import { FigureProps } from "./types";
+declare const Figure: ({ className, caption, aspect, src, alt, backdrop, preload, }: FigureProps) => import("react/jsx-runtime").JSX.Element;
+export default Figure;

package/lib/figure/index.d.ts

@@ -0,0 +1 @@
+export { default as Figure } from './Figure';

package/lib/figure/types/index.d.ts

@@ -0,0 +1,9 @@
+export interface FigureProps extends React.HTMLAttributes<HTMLElement> {
+    className?: string;
+    caption?: string;
+    aspect?: "landscape" | "portrait" | "square" | "video" | "circle" | "phone" | "ultrawide" | "auto";
+    src: string;
+    alt: string;
+    backdrop?: "light" | "dark";
+    preload?: boolean;
+}

package/lib/fileupload/FileUpload.d.ts

@@ -0,0 +1,3 @@
+import { FileUploadProps } from './types';
+declare const FileUpload: ({ className, size, accept, label, icon, onChange, setFiles, showMultiple, multipleLabel, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default FileUpload;

package/lib/fileupload/Files.d.ts

@@ -0,0 +1,3 @@
+import { FileProps } from './types';
+declare const Files: ({ files, deleteFile }: FileProps) => import("react/jsx-runtime").JSX.Element;
+export default Files;

package/lib/fileupload/index.d.ts

@@ -0,0 +1 @@
+export { default as FileUpload } from './FileUpload';

package/lib/fileupload/types/index.d.ts

@@ -0,0 +1,35 @@
+export interface AcceptType {
+    all: string;
+    audio: string;
+    image: string;
+    video: string;
+    document: string[];
+    compressed: string[];
+    text: string[];
+}
+export interface FileUploadEvent {
+    target: {
+        files: FileList | null;
+    };
+}
+export interface FileProps {
+    files: File[];
+    deleteFile: (file: File) => void;
+}
+export interface FileUploadProps {
+    label?: string;
+    multipleLabel?: string;
+    className?: string;
+    size?: 'md' | 'lg' | 'xl';
+    accept?: string;
+    showMultiple?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    setFiles?: (files: File[]) => void;
+    icon?: boolean;
+    files: File[];
+}
+export interface AcceptTypes {
+    label: string;
+    value: string;
+}
+export declare const acceptTypes: AcceptTypes[];

package/lib/form/Fieldset.d.ts

@@ -0,0 +1,3 @@
+import { FieldsetProps } from "./types";
+declare const Fieldset: ({ legendText, disabled, legendAlign, legendSize, hasBorder, isBold, children, spacing, className, }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+export default Fieldset;

package/lib/form/Form.d.ts

@@ -0,0 +1,3 @@
+import { FormProps } from './types';
+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;
+export default Form;

package/lib/form/Legend.d.ts

@@ -0,0 +1,3 @@
+import { LegendProps } from './types';
+declare const Legend: ({ text, isBold, className, align, legendSize, }: LegendProps) => import("react/jsx-runtime").JSX.Element;
+export default Legend;

package/lib/form/RegisterForm.d.ts

@@ -0,0 +1,3 @@
+import { RegisterFormProps } from './types';
+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;
+export default RegisterForm;

package/lib/form/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Form } from './Form';
+export { default as Fieldset } from './Fieldset';
+export { default as Legend } from './Legend';
+export { default as RegisterForm } from './RegisterForm';

package/lib/form/types/index.d.ts

@@ -0,0 +1,83 @@
+type BaseColorOption = 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary';
+type ColorOption = BaseColorOption | 'current';
+type OutlineColorOption = ColorOption | 'accent';
+type BackgroundOption = BaseColorOption | 'transparent';
+type SpacingOption = '0' | '1' | '2' | '4' | '8';
+type AlignOption = 'left' | 'center' | 'right';
+type SizeOption = 'sm' | 'md' | 'lg' | 'xl';
+interface CommonFormProps {
+    name?: string;
+    action?: string;
+    layout?: 'col' | 'row';
+    className?: string;
+    style?: React.CSSProperties;
+    onsubmit?: (formData: {
+        [key: string]: string;
+    }) => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    actions?: boolean;
+    actionsLayout?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
+    actionsSpacing?: SpacingOption;
+    separator?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    submitBackground?: BackgroundOption;
+    submitColor?: ColorOption;
+    cancelBackground?: BackgroundOption;
+    cancelColor?: ColorOption;
+    submitOutline?: boolean;
+    submitOutlineColor?: OutlineColorOption;
+    cancelOutline?: boolean;
+    cancelOutlineColor?: ColorOption;
+    buttonTextcase?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
+    buttonShape?: 'default' | 'rounded' | 'pill';
+    buttonIsBold?: boolean;
+}
+export interface FormProps extends React.HTMLAttributes<HTMLFormElement>, CommonFormProps {
+    method?: 'GET' | 'POST' | 'dialog' | string;
+    enctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain' | string;
+}
+export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legendText?: string;
+    disabled?: boolean;
+    legendAlign?: AlignOption;
+    legendSize?: SizeOption;
+    hasBorder?: boolean;
+    isBold?: boolean;
+    spacing?: '4' | '8';
+    className?: string;
+}
+export interface LegendProps extends React.HTMLProps<HTMLLegendElement> {
+    text: string;
+    isBold?: boolean;
+    align?: AlignOption;
+    legendSize?: SizeOption;
+}
+export interface RegisterFormProps extends CommonFormProps {
+    legendText: string;
+    legendisBold?: boolean;
+    legendAlign?: AlignOption;
+    legendSize?: SizeOption;
+    spacing?: '4' | '8';
+    hasBorder?: boolean;
+    buttonOutline?: boolean;
+    userLabel: string;
+    userAutocomplete?: 'username' | 'email' | 'username email';
+    userPlaceholder?: string;
+    passwordLabel: string;
+    passwordPlaceholder?: string;
+    passwordPattern?: string;
+    passwordTitle?: string;
+    confirmLabel: string;
+    confirmPlaceholder?: string;
+    confirmTitle?: string;
+    inputsLayout?: 'col' | 'row';
+    inputsSize?: 'md' | 'lg' | 'xl';
+    inputsRounded?: 'none' | 'md' | 'lg' | 'full';
+    checkLabel: string;
+    checkLabelIsBold?: boolean;
+    checkRounded?: 'none' | 'full';
+    checkHint?: React.ReactNode;
+}
+export {};

package/lib/gallery/Gallery.d.ts

@@ -0,0 +1,3 @@
+import { GalleryProps } from "./types";
+declare const Gallery: ({ className, aspect, data, caption, preloadImages, style, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
+export default Gallery;

package/lib/gallery/index.d.ts

@@ -0,0 +1 @@
+export { default as Gallery } from './Gallery';