@smitch/breeze 0.2.2 → 1.0.0

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

@@ -0,0 +1,12 @@
+export interface DataProps {
+    name: string;
+    src: string;
+}
+export interface GalleryProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: DataProps[];
+    className?: string;
+    style?: React.CSSProperties;
+    aspect?: "landscape" | "portrait" | "square" | "video" | "circle" | "phone";
+    caption?: boolean;
+    preloadImages?: boolean;
+}

package/lib/heading/Heading.d.ts

@@ -0,0 +1,3 @@
+import { HeadingProps } from "./types";
+declare const Heading: ({ level, weight, align, transform, children, className, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export default Heading;

package/lib/heading/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export interface HeadingProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    align?: 'left' | 'center' | 'right';
+    transform?: 'normal' | 'capitalize' | 'uppercase' | 'lowercase';
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/hero/Hero.d.ts

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

package/lib/hero/index.d.ts

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

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

@@ -0,0 +1,21 @@
+export interface HeroProps {
+    title: string;
+    body?: React.ReactNode;
+    theme?: "dark" | "light" | "responsive";
+    align?: "left" | "center" | "right";
+    layout?: "col" | "row";
+    aspectRatio?: "auto" | "square" | "landscape" | "video";
+    titleLevel?: 1 | 2 | 3 | 4;
+    titleWeight?: "light" | "normal" | "medium" | "semibold" | "bold";
+    titleTransform?: "normal" | "capitalize" | "uppercase" | "lowercase";
+    bgImage?: string;
+    bgVideo?: string;
+    bgVideoPoster?: string;
+    bgBlur?: boolean;
+    bgGrayscale?: "none" | "grayscale" | "sepia";
+    randomImage?: boolean;
+    categoryTags?: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/icon/Icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types";
+declare const Icon: ({ iconName, iconId, altText, iconSize, iconColor, iconStyle, flipX, flipY, rotate, className, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/lib/icon/index.d.ts

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

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

@@ -0,0 +1,13 @@
+export interface IconProps {
+    iconName?: string;
+    iconId?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconStyle?: 'color' | 'fluency';
+    flipX?: boolean;
+    flipY?: boolean;
+    rotate?: 'none' | '45' | '90' | '135' | '180' | '225' | '270' | '315';
+    altText?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/index.d.ts

@@ -0,0 +1,51 @@
+export { Accordion, AccordionItem } from "./accordion";
+export { Alert } from "./alert";
+export { Autocomplete } from "./autocomplete";
+export { Badge } from "./badge";
+export { Blockquote } from "./blockquote";
+export { Breadcrumbs } from "./breadcrumbs";
+export { Button, CloseButton } from "./button";
+export { ButtonGroup } from "./buttongroup";
+export { Card, CardHeader, CardBody, CardImage, CardFooter } from "./card";
+export { Carousel } from "./carousel";
+export { Checkbox } from "./checkbox";
+export { Clock } from "./clock";
+export { Codeblock } from "./codeblock";
+export { Counter } from "./counter";
+export { DataTable } from "./datatable";
+export { Dialog } from "./dialog";
+export { Dropdown } from "./dropdown";
+export { Figure } from "./figure";
+export { FileUpload } from "./fileupload";
+export { Form, Fieldset, RegisterForm } from "./form";
+export { Gallery } from "./gallery";
+export { Heading } from "./heading";
+export { Hero } from "./hero";
+export { Icon } from "./icon";
+export { Input } from "./input";
+export { Label } from "./label";
+export { Loading, Spinner } from "./loading";
+export { Modal } from "./modal";
+export { NavBar } from "./navbar";
+export { Pagination } from "./pagination";
+export { PasswordInput } from "./passwordinput";
+export { Pictogram } from "./pictogram";
+export { PlaceHolder } from "./placeholder";
+export { Progress } from "./progress";
+export { RadioGroup } from "./radiogroup";
+export { RangeInput } from "./rangeinput";
+export { Ratings } from "./ratings";
+export { Tabs } from "./tabs";
+export { SearchInput } from "./searchinput";
+export { Select } from "./select";
+export { Sidebar } from "./sidebar";
+export { SocialShare, FacebookButton, RedditButton, LinkedinButton, PinterestButton, SlackButton, TelegramButton, WhatsAppButton, XButton, BlueskyButton, } from "./socialshare";
+export { StatBar } from "./statbar";
+export { Switch } from "./switch";
+export { TextInput } from "./textinput";
+export { TextArea } from "./textarea";
+export { Toast } from "./toast";
+export { Ticker } from "./ticker";
+export { TwitterEmbed } from "./twitterembed";
+export { VideoPlayer, Video } from "./videoplayer";
+export { YoutubeEmbed } from "./youtubeembed";

package/lib/input/Input.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { InputProps } from "./types";
+export type InputRef = HTMLInputElement;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/input/index.d.ts

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

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

@@ -0,0 +1,38 @@
+export interface InputProps {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'date' | 'datetime-local' | 'checkbox' | 'radio' | 'file' | 'color' | 'range' | 'search' | 'url' | 'time' | 'month' | 'week';
+    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;
+    name?: string;
+    id?: string;
+    title?: string;
+    ariaLabel?: string;
+    placeholder?: string;
+    list?: string;
+    pattern?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    hint?: boolean;
+    hidden?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    tabindex?: number;
+    min?: string | number;
+    max?: string | number;
+    maxLength?: number;
+    minLength?: number;
+    step?: string;
+    accept?: string;
+    multiple?: boolean;
+    value?: number | string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onInput?: React.ChangeEventHandler<HTMLInputElement>;
+    onFocus?: React.ChangeEventHandler<HTMLInputElement>;
+    onBlur?: React.ChangeEventHandler<HTMLInputElement>;
+    autocorrect?: 'on' | 'off';
+    spellcheck?: boolean;
+    rounded?: 'none' | 'md' | 'lg' | 'full';
+    suppressHydrationWarning?: boolean;
+}

package/lib/label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from "./types";
+declare const Label: ({ forId, size, layout, label, isBold, required, type, children, className, style, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/lib/label/index.d.ts

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

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

@@ -0,0 +1,14 @@
+export interface LabelProps {
+    className?: string;
+    style?: React.CSSProperties;
+    forId?: string;
+    layout?: 'col' | 'row' | 'row_reverse';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    label: string | React.ReactNode;
+    isBold?: boolean;
+    value?: any;
+    required?: boolean;
+    children: React.ReactNode;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'date' | 'checkbox' | 'radio' | 'file' | 'button' | 'color' | 'range' | 'search' | 'url' | 'datetime-local' | 'time' | 'month' | 'week';
+}

package/lib/loading/Loading.d.ts

@@ -0,0 +1,3 @@
+import { LoadingProps } from "./types";
+declare const Loading: ({ className, caption, spinner, customSpinner, customAnimate, size, loadingColor, layout, }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default Loading;

package/lib/loading/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loading } from './Loading';
+export { default as Spinner } from './spinners/Spinner';

package/lib/loading/spinners/Bars.d.ts

@@ -0,0 +1,4 @@
+declare const Bars: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Bars;

package/lib/loading/spinners/Clock.d.ts

@@ -0,0 +1,4 @@
+declare const Clock: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Clock;

package/lib/loading/spinners/Dots.d.ts

@@ -0,0 +1,4 @@
+declare const Dots: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Dots;

package/lib/loading/spinners/Pulse.d.ts

@@ -0,0 +1,4 @@
+declare const Pulse: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Pulse;

package/lib/loading/spinners/Spindots.d.ts

@@ -0,0 +1,4 @@
+declare const SpinDots: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SpinDots;

package/lib/loading/spinners/Spinner.d.ts

@@ -0,0 +1,4 @@
+declare const Spinner: ({ width }: {
+    width?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/lib/loading/spinners/Wifi.d.ts

@@ -0,0 +1,4 @@
+declare const Wifi: ({ width }: {
+    width: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Wifi;

package/lib/loading/spinners/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Bars';
+export * from './Clock';
+export * from './Dots';
+export * from './Pulse';
+export * from './Spindots';
+export * from './Spinner';
+export * from './Wifi';

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

@@ -0,0 +1,10 @@
+export interface LoadingProps {
+    className?: string;
+    caption?: string;
+    spinner?: string;
+    customSpinner?: React.ReactNode;
+    customAnimate?: "spin" | "pulse" | "bounce" | "ping";
+    size?: "sm" | "md" | "lg" | "xl";
+    layout?: "col" | "col_reverse" | "row" | "row_reverse";
+    loadingColor?: "current" | "info" | "success" | "warning" | "danger" | "primary" | "secondary";
+}

package/lib/map/LazyMap.d.ts

@@ -0,0 +1,6 @@
+import "leaflet/dist/leaflet.css";
+import "leaflet.fullscreen/Control.FullScreen.css";
+import "leaflet.fullscreen";
+import { MapProps } from "./types";
+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;
+export default LazyMap;

package/lib/map/LazyMapCircle.d.ts

@@ -0,0 +1,3 @@
+import { MapCircleProps } from './types';
+declare const MapCircle: ({ position, radius, fill, stroke, fillOpacity, opacity, popupContent, }: MapCircleProps) => import("react/jsx-runtime").JSX.Element;
+export default MapCircle;

package/lib/map/LazyMapLine.d.ts

@@ -0,0 +1,3 @@
+import { MapLineProps } from './types';
+declare const MapLine: ({ positions, color, weight, dashArray, popupContent, }: MapLineProps) => import("react/jsx-runtime").JSX.Element;
+export default MapLine;

package/lib/map/LazyMapMarker.d.ts

@@ -0,0 +1,5 @@
+import { Icon } from 'leaflet';
+import { MapMarkerProps, CustomIconProps } from './types';
+declare const LazyMapMarker: ({ position, popupContent, iconName, iconId, iconSize, iconColor, draggable, onDragEnd, }: MapMarkerProps) => import("react/jsx-runtime").JSX.Element;
+export default LazyMapMarker;
+export declare const UseCustomIcon: ({ iconName, iconId, size, color }: CustomIconProps) => Icon;

package/lib/map/LazyMapPolygon.d.ts

@@ -0,0 +1,3 @@
+import { MapPolygonProps } from './types';
+declare const MapPolygon: ({ positions, fill, stroke, popupContent }: MapPolygonProps) => import("react/jsx-runtime").JSX.Element;
+export default MapPolygon;

package/lib/map/LazyMapRectangle.d.ts

@@ -0,0 +1,3 @@
+import { MapRectangleProps } from './types';
+declare const MapRectangle: ({ bounds, color, fillColor, popupContent, }: MapRectangleProps) => import("react/jsx-runtime").JSX.Element;
+export default MapRectangle;

package/lib/map/Map.d.ts

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

package/lib/map/MapCircle.d.ts

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

package/lib/map/MapLine.d.ts

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

package/lib/map/MapMarker.d.ts

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

package/lib/map/MapPolygon.d.ts

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

package/lib/map/MapRectangle.d.ts

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

package/lib/map/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Map } from './Map';
+export { default as MapMarker } from './MapMarker';
+export { default as MapCircle } from './MapCircle';
+export { default as MapPolygon } from './MapPolygon';
+export { default as MapLine } from './MapLine';
+export { default as MapRectangle } from './MapRectangle';

package/lib/map/tileOptions.d.ts

@@ -0,0 +1,11 @@
+export declare const tileOptions: ({
+    name: string;
+    url: string;
+    attribution: string;
+    subdomains: undefined;
+} | {
+    name: string;
+    url: string;
+    attribution: string;
+    subdomains: string[];
+})[];

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

@@ -0,0 +1,77 @@
+import { LatLngExpression, LatLngBoundsExpression } from "leaflet";
+import { GeoJsonObject } from "geojson";
+interface TileLayerOptions {
+    name: string;
+    url: string;
+    minZoom?: number;
+    maxZoom?: number;
+    attribution: string;
+    subdomains?: string[] | undefined;
+}
+export interface MapProps {
+    center?: LatLngExpression;
+    bounds?: LatLngBoundsExpression;
+    zoom?: number;
+    zoomControl?: boolean;
+    fullscreenControl?: boolean;
+    fullscreenControlPosition?: "topleft" | "topright" | "bottomleft" | "bottomright";
+    tilesControl?: boolean;
+    tileIndex?: number;
+    attributionControl?: boolean;
+    customTiles?: TileLayerOptions[];
+    dragging?: boolean;
+    scrollWheelZoom?: boolean;
+    doubleClickZoom?: boolean;
+    geojson?: GeoJsonObject;
+    layerColor?: string;
+    layerFillColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    onDblClick?: (position: LatLngExpression) => void;
+}
+export interface MapMarkerProps {
+    position: LatLngExpression;
+    popupContent?: string;
+    iconName?: string;
+    iconId?: string;
+    iconSize?: number;
+    iconColor?: string;
+    draggable?: boolean;
+    onDragEnd?: (position: LatLngExpression) => void;
+}
+export interface CustomIconProps {
+    iconName?: string;
+    iconId?: string;
+    size?: number;
+    color?: string;
+}
+export interface MapCircleProps {
+    position: LatLngExpression;
+    radius: number;
+    fill?: string;
+    stroke?: boolean;
+    fillOpacity?: number;
+    opacity?: number;
+    popupContent?: string;
+}
+export interface MapPolygonProps {
+    positions: LatLngExpression[] | LatLngExpression[][];
+    fill?: string;
+    stroke?: boolean;
+    popupContent?: string;
+}
+export interface MapLineProps {
+    positions: LatLngExpression[];
+    color?: string;
+    weight?: number;
+    dashArray?: string;
+    popupContent?: string;
+}
+export interface MapRectangleProps {
+    bounds: LatLngBoundsExpression;
+    color?: string;
+    fillColor?: string;
+    popupContent?: string;
+}
+export {};

package/lib/modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from './types';
+declare const Modal: ({ src, caption, alt, onClick, open, theme, className, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;

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

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

package/lib/modal/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export interface ModalProps extends React.HTMLAttributes<HTMLDialogElement> {
+    src: string;
+    alt: string;
+    caption?: string;
+    className?: string | undefined;
+    onClick?: () => void;
+    open: boolean;
+    theme?: 'light' | 'dark';
+}

package/lib/navbar/NavBar.d.ts

@@ -0,0 +1,3 @@
+import { NavBarProps } from './types';
+declare const NavBar: ({ brand, brandSrc, brandStyles, links, linkStyles, btnBackground, btnColor, btnLayout, btnSize, children, navStyles, onLinkClick, placement, prefetch, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
+export default NavBar;

package/lib/navbar/NavBrand.d.ts

@@ -0,0 +1,3 @@
+import { NavBrandProps } from './types';
+declare const NavBrand: ({ brand, src, brandStyles, prefetch }: NavBrandProps) => import("react/jsx-runtime").JSX.Element;
+export default NavBrand;

package/lib/navbar/NavLinks.d.ts

@@ -0,0 +1,3 @@
+import { NavLinkProps } from './types';
+declare const NavLinks: ({ links, linkStyles, btnBackground, btnColor, btnLayout, btnSize, placement, onLinkClick, prefetch, }: NavLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default NavLinks;

package/lib/navbar/index.d.ts

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

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

@@ -0,0 +1,43 @@
+type colors = 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary';
+type ButtonColor = colors | 'current';
+type ButtonBackground = colors | 'transparent';
+type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonLayout = 'rounded' | 'square' | 'circle';
+export interface NavBarProps {
+    navStyles?: string;
+    brand?: string;
+    brandSrc?: string;
+    brandStyles?: string;
+    links: NavLink[];
+    linkStyles?: string;
+    btnBackground?: ButtonBackground;
+    btnColor?: ButtonColor;
+    btnLayout?: ButtonLayout;
+    btnSize?: ButtonSize;
+    children?: React.ReactNode;
+    onLinkClick?: (name: string) => void;
+    placement?: 'top' | 'bottom';
+    prefetch?: boolean;
+}
+export interface NavLinkProps {
+    links: NavLink[];
+    linkStyles?: string;
+    btnBackground?: ButtonBackground;
+    btnColor?: ButtonColor;
+    btnLayout?: ButtonLayout;
+    btnSize?: ButtonSize;
+    onLinkClick?: (name: string) => void;
+    placement?: 'top' | 'bottom';
+    prefetch?: boolean;
+}
+export interface NavBrandProps {
+    brand?: string;
+    src?: string;
+    brandStyles?: string;
+    prefetch?: boolean;
+}
+export interface NavLink {
+    name: string;
+    href: string;
+}
+export {};

package/lib/pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from "./types";
+declare const Pagination: ({ page, feedback, feedbackLabel, feedbackSeparator, firstPageLabel, lastPageLabel, prevPageLabel, nextPageLabel, range, results, size, layout, gap, rounded, icons, minimal, btnBackground, btnColor, btnShape, onChange, className, style, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/lib/pagination/index.d.ts

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

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

@@ -0,0 +1,25 @@
+export interface PaginationProps {
+    size?: "md" | "lg" | "xl";
+    page: string;
+    range: number;
+    results: number;
+    feedback?: boolean;
+    feedbackLabel?: string;
+    feedbackSeparator?: string;
+    firstPageLabel?: string;
+    lastPageLabel?: string;
+    prevPageLabel?: string;
+    nextPageLabel?: string;
+    vertical?: boolean;
+    icons?: boolean;
+    minimal?: boolean;
+    layout?: "horizontal" | "vertical";
+    gap?: "none" | "sm" | "md" | "lg" | "xl";
+    rounded?: boolean;
+    onChange: (page: string) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    btnShape?: "default" | "rounded" | "square" | "circle";
+    btnBackground?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "transparent";
+    btnColor?: "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "current";
+}

package/lib/passwordinput/PasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { PasswordInputProps } from "./types";
+declare const PasswordInput: ({ name, className, label, size, rounded, placeholder, autocomplete, pattern, inputStyles, hint, title, required, layout, onInputChange, }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export default PasswordInput;

package/lib/passwordinput/index.d.ts

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

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

@@ -0,0 +1,18 @@
+export interface PasswordInputProps {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    autocomplete?: 'new-password' | 'current-password';
+    name?: string;
+    title?: string;
+    placeholder?: string;
+    pattern?: string;
+    className?: string;
+    disabled?: boolean;
+    hint?: boolean;
+    required?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onInputChange?: (input: string) => void;
+    rounded?: 'none' | 'md' | 'lg' | 'full';
+    layout?: 'col' | 'row';
+    label: string;
+    inputStyles?: string;
+}

package/lib/pictogram/Pictogram.d.ts

@@ -0,0 +1,3 @@
+import { PictogramProps } from "./types";
+declare const Pictogram: ({ labels, tally, icon, size, caption, captionSide, className, style, }: PictogramProps) => import("react/jsx-runtime").JSX.Element;
+export default Pictogram;

package/lib/pictogram/index.d.ts

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

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

@@ -0,0 +1,10 @@
+export interface PictogramProps {
+    labels: string[];
+    tally: number[];
+    icon?: React.ReactNode;
+    caption?: string;
+    captionSide?: "top" | "bottom";
+    size?: "md" | "lg" | "xl";
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/placeholder/PlaceHolder.d.ts

@@ -0,0 +1,3 @@
+import { PlaceHolderProps } from './types';
+declare const PlaceHolder: ({ width, height, background, color, text, format, className, style, }: PlaceHolderProps) => import("react/jsx-runtime").JSX.Element;
+export default PlaceHolder;

package/lib/placeholder/index.d.ts

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