@smitch/breeze 0.2.2 → 0.2.3

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

@@ -0,0 +1,12 @@
+export interface StatBarProps {
+    title?: string;
+    titleAlign?: 'left' | 'center' | 'right';
+    titleWeight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    titleSize?: 2 | 3 | 4 | 5;
+    labels: [string, string];
+    showLabels?: boolean;
+    data: [number, number];
+    colors?: [string, string];
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/switch/Switch.d.ts

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

package/lib/switch/index.d.ts

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

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

@@ -0,0 +1,21 @@
+export interface SwitchProps extends React.HTMLAttributes<HTMLElement> {
+    name?: string;
+    label?: string;
+    labelIsBold?: boolean;
+    labelSize?: 'base' | 'lg' | 'xl';
+    className?: string;
+    style?: React.CSSProperties;
+    switchOffContent?: string;
+    switchOnContent?: string;
+    switchOffColor?: 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'current' | 'neutral';
+    switchOnColor?: 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'current' | 'neutral';
+    thin?: boolean;
+    required?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    shape?: 'circle' | 'square';
+    disabled?: boolean;
+    showHint?: boolean;
+    hint?: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}

package/lib/tabs/Tab.d.ts

@@ -0,0 +1,2 @@
+import { TabProps } from "./types";
+export declare const Tab: ({ id, title, activeId, tabStyles, activeTabStyles, onClick, }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/lib/tabs/TabBar.d.ts

@@ -0,0 +1,3 @@
+import { TabBarProps } from "./types";
+declare const TabBar: ({ tabs, onClick, activeId, tabStyles, activeTabStyles, tabsPosition, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
+export default TabBar;

package/lib/tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from "./types";
+declare const Tabs: ({ className, defaultActiveId, tabStyles, activeTabStyles, icons, children, minimalTabs, contentBorder, tabSize, tabsPosition, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/lib/tabs/index.d.ts

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

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

@@ -0,0 +1,30 @@
+export interface TabsProps {
+    className?: string;
+    tabStyles?: string;
+    activeTabStyles?: string;
+    children: React.ReactNode;
+    defaultActiveId?: string;
+    icons?: React.ReactNode[];
+    minimalTabs?: boolean;
+    contentBorder?: boolean;
+    tabSize?: "sm" | "md" | "lg" | "xl" | "xxl";
+    tabsPosition?: "left" | "center" | "right" | "full";
+}
+export interface TabProps {
+    id: string;
+    activeId?: string;
+    title: React.ReactNode | string;
+    tabStyles?: string;
+    activeTabStyles?: string;
+    onClick?: (id: string) => void | undefined;
+}
+export interface TabBarProps {
+    className?: string;
+    tabStyles?: string;
+    activeTabStyles?: string;
+    defaultActiveId?: string;
+    tabs: TabProps[];
+    activeId: string;
+    tabsPosition?: "left" | "center" | "right" | "full";
+    onClick: (id: string) => void | undefined;
+}

package/lib/textarea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { TextareaProps } from './types';
+declare const TextArea: ({ className, textAreaStyles, label, layout, required, name, value, placeholder, size, onChange, rows, resize, maxLength, disabled, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/lib/textarea/index.d.ts

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

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

@@ -0,0 +1,16 @@
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
+    textAreaStyles?: string;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+    maxLength?: number;
+    disabled?: boolean;
+    resize?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    label: string;
+    layout?: 'col' | 'row';
+    required?: boolean;
+}

package/lib/textinput/TextInput.d.ts

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

package/lib/textinput/index.d.ts

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

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

@@ -0,0 +1,21 @@
+export interface TextInputProps extends React.HTMLAttributes<HTMLLabelElement> {
+    name?: string;
+    id?: string;
+    value?: string;
+    className?: string;
+    label: string;
+    layout?: 'col' | 'row';
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    onInputChange?: (input: string) => void;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    title?: string;
+    hint?: boolean;
+    type?: 'text' | 'password' | 'email' | 'tel' | 'search' | 'url';
+    placeholder?: string;
+    inputStyles?: string;
+    rounded?: 'none' | 'md' | 'lg' | 'full';
+    pattern?: string;
+    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';
+}

package/lib/ticker/Ticker.d.ts

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

package/lib/ticker/index.d.ts

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

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

@@ -0,0 +1,7 @@
+export interface TickerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    position?: 'top' | 'bottom';
+    duration?: number;
+    children: React.ReactNode;
+}

package/lib/toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastProps } from "./types";
+declare const Toast: ({ toastBackground, rounded, open, body, horizontal, vertical, autohide, autohideDuration, className, style, onClose, onClick, closeOnBlur, dismissable, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/lib/toast/index.d.ts

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

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

@@ -0,0 +1,18 @@
+type BackgroundOption = "info" | "success" | "warning" | "danger" | "primary";
+export interface ToastProps {
+    className?: string;
+    style?: React.CSSProperties;
+    toastBackground?: BackgroundOption;
+    body: React.ReactNode;
+    open: boolean;
+    autohideDuration?: number;
+    horizontal?: "left" | "center" | "right";
+    vertical?: "top" | "middle" | "bottom";
+    rounded?: "none" | "md" | "lg" | "xl" | "full";
+    autohide?: boolean;
+    onClose: () => void;
+    onClick?: () => void;
+    closeOnBlur?: boolean;
+    dismissable?: boolean;
+}
+export {};

package/lib/twitterembed/TwitterEmbed.d.ts

@@ -0,0 +1,13 @@
+import { TwitterEmbedProps } from "./types";
+declare global {
+    interface Window {
+        twttr?: {
+            widgets: {
+                createTweet: (tweetId: string, element: HTMLElement, options?: any) => Promise<HTMLElement | null>;
+                load: (el?: HTMLElement) => void;
+            };
+        };
+    }
+}
+export declare const TwitterEmbed: ({ handle, status, lang, theme, className, style, }: TwitterEmbedProps) => import("react/jsx-runtime").JSX.Element;
+export default TwitterEmbed;

package/lib/twitterembed/index.d.ts

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

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

@@ -0,0 +1,8 @@
+export interface TwitterEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    style?: React.CSSProperties;
+    handle: string;
+    status: string;
+    theme?: "light" | "dark" | undefined;
+    lang?: string;
+}

package/lib/videoplayer/Video.d.ts

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

package/lib/videoplayer/VideoControls.d.ts

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

package/lib/videoplayer/VideoPlayer.d.ts

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

package/lib/videoplayer/VideoTracks.d.ts

@@ -0,0 +1,3 @@
+import { VideoTracksProps } from './types';
+declare const VideoTracks: ({ tracks, srcLangs }: VideoTracksProps) => import("react/jsx-runtime").JSX.Element[] | null;
+export default VideoTracks;

package/lib/videoplayer/controls/CaptionsControl.d.ts

@@ -0,0 +1,2 @@
+declare const CaptionsControl: (handleCaptionChange: (value: string) => void, tracks: string[], srcLangs: string[]) => import("react/jsx-runtime").JSX.Element | null;
+export default CaptionsControl;

package/lib/videoplayer/controls/FullscreenControl.d.ts

@@ -0,0 +1,2 @@
+declare const FullscreenControl: (fullscreen: boolean, duration: number, onFullscreen?: () => void) => import("react/jsx-runtime").JSX.Element;
+export default FullscreenControl;

package/lib/videoplayer/controls/PipControl.d.ts

@@ -0,0 +1,2 @@
+declare const PipControl: (duration: number, onPIP?: () => void) => import("react/jsx-runtime").JSX.Element;
+export default PipControl;

package/lib/videoplayer/controls/SoundControl.d.ts

@@ -0,0 +1,2 @@
+declare const SoundControl: (muted: boolean, onMute: () => void, duration: number, volumeLevel: number, handleVolumeChange: (e: React.ChangeEvent<HTMLInputElement>) => void) => import("react/jsx-runtime").JSX.Element;
+export default SoundControl;

package/lib/videoplayer/controls/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CaptionsControl } from './CaptionsControl';
+export { default as FullscreenControl } from './FullscreenControl';
+export { default as PipControl } from './PipControl';
+export { default as SoundControl } from './SoundControl';

package/lib/videoplayer/index.d.ts

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

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

@@ -0,0 +1,62 @@
+export type VideoFormat = 'mp4' | 'webm' | 'ogg';
+export type PreloadOption = 'auto' | 'metadata' | 'none';
+export type ControlOption = 'sound' | 'fullscreen' | 'pip' | 'captions';
+export interface VideoTracksProps {
+    tracks?: string[];
+    srcLangs?: string[];
+}
+export interface MediaProps extends VideoTracksProps {
+    src: string;
+    poster?: string;
+    loop?: boolean;
+    preload?: PreloadOption;
+    formats?: VideoFormat[];
+    fallback?: string;
+    muted?: boolean;
+    autoplay?: boolean;
+    aspect?: 'square' | 'phone' | 'video' | 'television' | 'cinema' | 'ultrawide';
+    grayscale?: 'none' | 'grayscale' | 'sepia';
+}
+export interface VideoSpecificProps {
+    defaultError?: string;
+    play?: boolean;
+    togglePlay?: () => void;
+    playEnded?: () => void;
+    pictureInPicture?: boolean;
+    controls?: boolean;
+    trackIndex?: string;
+    videoWidth?: string;
+    videoHeight?: string;
+    blur?: boolean;
+}
+export interface VideoProps extends MediaProps, VideoSpecificProps {
+    setDuration?: (duration: number) => void;
+    setTime?: (time: number) => void;
+    currentTime?: number;
+    volume?: number;
+    className?: string;
+}
+export interface VideoPlayerProps extends React.HTMLAttributes<HTMLDivElement>, MediaProps {
+    className?: string;
+    defaultError?: string;
+    controlOptions?: ControlOption[];
+    progressBg?: string;
+    progressColor?: string;
+}
+export interface VideoControlProps extends React.HTMLAttributes<HTMLDivElement>, VideoTracksProps {
+    duration: number;
+    time: number;
+    togglePlay: () => void;
+    play: boolean;
+    fullscreen: boolean;
+    muted: boolean;
+    onScrubChange?: (time: number) => void;
+    onFullscreen?: () => void;
+    onPIP?: () => void;
+    onMute: () => void;
+    onVolume: (volume: number) => void;
+    onCaption: (index: string) => void;
+    controlOptions?: ControlOption[];
+    progressBg?: string;
+    progressColor?: string;
+}

package/lib/youtubeembed/YoutubeEmbed.d.ts

@@ -0,0 +1,3 @@
+import { YoutubeEmbedProps } from "./types";
+declare const YoutubeEmbed: ({ className, style, videoId, title, playerParams, loading, allow, ...iframeProps }: YoutubeEmbedProps) => import("react/jsx-runtime").JSX.Element;
+export default YoutubeEmbed;

package/lib/youtubeembed/index.d.ts

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

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

@@ -0,0 +1,25 @@
+interface PlayerParamsProps {
+    autoplay?: 0 | 1;
+    controls?: 0 | 1;
+    loop?: 0 | 1;
+    mute?: 0 | 1;
+    start?: number;
+    end?: number;
+    modestbranding?: 0 | 1;
+    rel?: 0 | 1;
+    fs?: 0 | 1;
+    cc_load_policy?: 0 | 1;
+    playsinline?: 0 | 1;
+}
+interface IFrameProps {
+    loading?: "eager" | "lazy";
+    allow?: string;
+}
+export interface YoutubeEmbedProps extends IFrameProps {
+    className?: string;
+    style?: React.CSSProperties;
+    videoId: string;
+    title?: string;
+    playerParams?: PlayerParamsProps;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smitch/breeze",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
   "main": "index.js",
   "keywords": [