@neuctra/ui 0.2.2 → 0.2.4

package/dist/types/components/basic/DropDown.d.ts

@@ -1,63 +0,0 @@
-import React from "react";
-interface Option {
-    label: string;
-    value: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-}
-interface DropdownProps {
-    options: Option[];
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    searchable?: boolean;
-    multiSelect?: boolean;
-    clearable?: boolean;
-    virtualized?: boolean;
-    optionHeight?: number;
-    visibleOptions?: number;
-    width?: string;
-    height?: string;
-    borderColor?: string;
-    focusBorderColor?: string;
-    errorBorderColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    placeholderColor?: string;
-    hoverColor?: string;
-    selectedColor?: string;
-    disabledColor?: string;
-    padding?: string;
-    margin?: string;
-    borderRadius?: string;
-    boxShadow?: string;
-    optionPadding?: string;
-    optionGap?: string;
-    transitionDuration?: string;
-    dropdownMaxHeight?: string;
-    dropdownMinWidth?: string;
-    className?: string;
-    dropdownClassName?: string;
-    optionClassName?: string;
-    inputClassName?: string;
-    style?: React.CSSProperties;
-    dropdownStyle?: React.CSSProperties;
-    optionStyle?: React.CSSProperties;
-    inputStyle?: React.CSSProperties;
-    iconPrefix?: React.ReactNode;
-    iconSuffix?: React.ReactNode;
-    clearIcon?: React.ReactNode;
-    dropdownIcon?: React.ReactNode;
-    checkIcon?: React.ReactNode;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    ariaDescribedby?: string;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-export declare const Dropdown: React.FC<DropdownProps>;
-export {};

package/dist/types/components/basic/Flexbox.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-type ScreenSize = "sm" | "md" | "lg";
-interface FlexboxProps {
-    direction?: "row" | "column" | Partial<Record<ScreenSize, "row" | "column">>;
-    align?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    justify?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
-    gap?: number | string;
-    padding?: number | string;
-    backgroundColor?: string;
-    width?: string;
-    maxWidth?: string;
-    height?: string;
-    style?: React.CSSProperties;
-    children: React.ReactNode;
-}
-export declare const Flexbox: React.FC<FlexboxProps>;
-export {};

package/dist/types/components/basic/Image.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-interface ImageProps {
-    src?: string;
-    alt?: string;
-    width?: string;
-    height?: string;
-    borderRadius?: string;
-    borderColor?: string;
-    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none";
-    borderWidth?: string;
-    shadow?: boolean;
-    boxShadow?: string;
-    opacity?: number;
-    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
-    overlayText?: string;
-    overlayColor?: string;
-    svgIcon?: React.ReactNode;
-    responsive?: boolean;
-    padding?: string;
-    margin?: string;
-    lazyLoad?: boolean;
-    hoverOpacity?: number;
-    hoverShadow?: boolean;
-    hoverScale?: number;
-    hoverRotate?: number;
-    transitionDuration?: string;
-    overflow?: "hidden" | "scroll" | "auto" | "visible" | "x" | "y";
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement>) => void;
-}
-export declare const Image: React.FC<ImageProps>;
-export {};

package/dist/types/components/basic/ImageGallery.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-interface BreakpointColumns {
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    default?: number;
-}
-interface ImageGalleryProps {
-    images: {
-        src: string;
-        alt?: string;
-    }[];
-    columns?: number | BreakpointColumns;
-    gap?: string;
-    layout?: "grid" | "masonry";
-    lightbox?: boolean;
-    className?: string;
-}
-export declare const ImageGallery: React.FC<ImageGalleryProps>;
-export {};

package/dist/types/components/basic/Table.d.ts

@@ -1,59 +0,0 @@
-import React, { ReactNode } from "react";
-interface Column {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    icon?: ReactNode;
-    width?: string | number;
-    align?: "left" | "center" | "right";
-    headerClassName?: string;
-    cellClassName?: string;
-    render?: (value: any, row: Record<string, any>) => ReactNode;
-}
-interface TableProps {
-    columns: Column[];
-    data: Record<string, any>[];
-    className?: string;
-    pagination?: boolean;
-    rowsPerPage?: number;
-    colors?: {
-        headerBg?: string;
-        headerText?: string;
-        rowBg?: string;
-        rowText?: string;
-        borderColor?: string;
-        hoverBg?: string;
-        paginationBg?: string;
-        paginationText?: string;
-        evenRowBg?: string;
-        selectedRowBg?: string;
-    };
-    borderRadius?: {
-        table?: string;
-        header?: string;
-        pagination?: string;
-    };
-    sortable?: boolean;
-    defaultSort?: {
-        column: string;
-        direction: "asc" | "desc";
-    };
-    bodyAlign?: "left" | "center" | "right";
-    headerAlign?: "left" | "center" | "right";
-    rowSelection?: {
-        enabled?: boolean;
-        onSelect?: (selectedRows: Record<string, any>[]) => void;
-        selectionColumnWidth?: string;
-        selectionColumnHeader?: ReactNode;
-    };
-    emptyState?: ReactNode;
-    onRowClick?: (row: Record<string, any>, index: number) => void;
-    rowClassName?: (row: Record<string, any>, index: number) => string;
-    cellPadding?: string;
-    headerCellPadding?: string;
-    stickyHeader?: boolean;
-    maxHeight?: string;
-    scrollShadow?: boolean;
-}
-export declare const Table: React.FC<TableProps>;
-export {};

package/dist/types/components/basic/Tabs.d.ts

@@ -1,47 +0,0 @@
-import React, { CSSProperties } from "react";
-interface TabItem {
-    label: React.ReactNode;
-    content: React.ReactNode;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    ariaLabel?: string;
-}
-interface TabsBaseProps {
-    tabs: TabItem[];
-    defaultActive?: number;
-    activeTabClassName?: string;
-    inactiveTabClassName?: string;
-    tabContainerClassName?: string;
-    contentContainerClassName?: string;
-    className?: string;
-    activeTabStyle?: CSSProperties;
-    inactiveTabStyle?: CSSProperties;
-    tabContainerStyle?: CSSProperties;
-    contentContainerStyle?: CSSProperties;
-    style?: CSSProperties;
-    tabsWidth?: string | number;
-    tabGap?: number;
-    tabPadding?: string;
-    tabBorderRadius?: number;
-    primaryColor?: string;
-    textColor?: string;
-    backgroundColor?: string;
-    hoverTextColor?: string;
-    disabledColor?: string;
-    responsiveBreakpoint?: number;
-    showDrawerLabel?: string;
-    drawerIcon?: React.ReactNode;
-    transitionDuration?: number;
-    onTabChange?: (index: number) => void;
-    role?: string;
-    ariaOrientation?: "horizontal" | "vertical";
-}
-export declare const LeftTabs: React.FC<TabsBaseProps>;
-export declare const TopTabs: React.FC<TabsBaseProps>;
-export declare const RightTabs: React.FC<TabsBaseProps>;
-export declare const Tabs: {
-    Left: React.FC<TabsBaseProps>;
-    Top: React.FC<TabsBaseProps>;
-    Right: React.FC<TabsBaseProps>;
-};
-export {};

package/dist/types/components/basic/Text.d.ts

@@ -1,39 +0,0 @@
-import React, { JSX } from "react";
-interface TextProps {
-    as?: keyof JSX.IntrinsicElements;
-    children: React.ReactNode;
-    className?: string;
-    color?: string;
-    bgColor?: string;
-    fontSize?: string;
-    fontWeight?: "normal" | "bold" | "lighter" | "bolder" | number;
-    textAlign?: "left" | "center" | "right" | "justify";
-    textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
-    lineHeight?: string;
-    letterSpacing?: string;
-    maxWidth?: string;
-    padding?: string;
-    margin?: string;
-    borderRadius?: string;
-    boxShadow?: string;
-    shadowColor?: string;
-    wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
-    italic?: boolean;
-    bold?: boolean;
-    underline?: boolean;
-    strikethrough?: boolean;
-    selectable?: boolean;
-    truncate?: boolean;
-    hoverColor?: string;
-    hoverBgColor?: string;
-    hoverTextDecoration?: "underline" | "line-through" | "none";
-    activeColor?: string;
-    activeBgColor?: string;
-    transitionDuration?: string;
-    onClick?: () => void;
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    rel?: string;
-}
-export declare const Text: React.FC<TextProps>;
-export {};

package/dist/types/components/basic/VideoGallery.d.ts

@@ -1,136 +0,0 @@
-import React from "react";
-interface VideoData {
-    id: string;
-    src: string;
-    poster?: string;
-    title?: string;
-    description?: string;
-    duration?: number;
-    author?: string;
-    publishDate?: string;
-    tags?: string[];
-    views?: number;
-    likes?: number;
-    category?: string;
-    thumbnail?: string;
-    quality?: "auto" | "720p" | "1080p" | "4k";
-    subtitles?: {
-        src: string;
-        label: string;
-        language: string;
-    }[];
-    chapters?: {
-        time: number;
-        title: string;
-    }[];
-    resolution?: string;
-    frameRate?: number;
-    license?: string;
-    location?: string;
-}
-interface ResponsiveConfig {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    "2xl"?: number;
-    "3xl"?: number;
-}
-interface ThemeConfig {
-    primary?: string;
-    secondary?: string;
-    accent?: string;
-    background?: string;
-    surface?: string;
-    text?: string;
-    textSecondary?: string;
-    textTertiary?: string;
-    border?: string;
-    shadow?: string;
-    hoverShadow?: string;
-    gradient?: string;
-    borderRadius?: string;
-    borderRadiusSmall?: string;
-    borderRadiusLarge?: string;
-    transitionSpeed?: string;
-    transitionEasing?: string;
-    fontFamily?: string;
-    fontSizeBase?: string;
-    fontWeightNormal?: string;
-    fontWeightBold?: string;
-    spacingUnit?: string;
-    backdropBlur?: string;
-    overlayOpacity?: string;
-}
-type LayoutType = "grid" | "masonry" | "carousel" | "list" | "mosaic" | "compact" | "highlight";
-type AspectRatio = "16:9" | "4:3" | "1:1" | "3:2" | "21:9" | "auto" | "9:16" | "custom";
-type AnimationType = "fade" | "slide" | "zoom" | "flip" | "none" | "slide-up" | "slide-down";
-type SortOption = "date" | "title" | "views" | "likes" | "duration" | "random" | "trending";
-interface VideoGalleryProps {
-    videos: VideoData[];
-    layout?: LayoutType;
-    columns?: ResponsiveConfig;
-    gap?: string | ResponsiveConfig;
-    aspectRatio?: AspectRatio;
-    theme?: ThemeConfig;
-    showThumbnails?: boolean;
-    showMetadata?: boolean;
-    metadataPosition?: "below" | "overlay" | "hover";
-    showControls?: boolean;
-    controlsPosition?: "bottom" | "top" | "sides" | "floating";
-    showProgress?: boolean;
-    showVolume?: boolean;
-    showQualityOptions?: boolean;
-    showSpeedOptions?: boolean;
-    autoPlay?: boolean;
-    autoPlayDelay?: number;
-    autoAdvance?: boolean;
-    autoAdvanceDelay?: number;
-    loop?: boolean;
-    muted?: boolean;
-    preload?: "none" | "metadata" | "auto";
-    lazyLoading?: boolean;
-    infiniteScroll?: boolean;
-    loadMoreThreshold?: number;
-    lightbox?: boolean;
-    lightboxAnimation?: AnimationType;
-    lightboxTransitionSpeed?: number;
-    keyboard?: boolean;
-    swipeGestures?: boolean;
-    title?: string;
-    description?: string;
-    ariaLabel?: string;
-    structured?: boolean;
-    search?: boolean;
-    searchPlaceholder?: string;
-    filter?: boolean;
-    sort?: boolean;
-    sortOptions?: SortOption[];
-    playlist?: boolean;
-    fullscreen?: boolean;
-    pictureInPicture?: boolean;
-    sharing?: boolean;
-    download?: boolean;
-    favorites?: boolean;
-    customLoader?: React.ReactNode;
-    customEmptyState?: React.ReactNode;
-    customErrorState?: React.ReactNode;
-    onVideoClick?: (video: VideoData, index: number) => void;
-    onVideoEnd?: (video: VideoData, index: number) => void;
-    onVideoPlay?: (video: VideoData, index: number) => void;
-    onVideoPause?: (video: VideoData, index: number) => void;
-    onVideoLike?: (video: VideoData, liked: boolean) => void;
-    onVideoShare?: (video: VideoData) => void;
-    onVideoDownload?: (video: VideoData) => void;
-    onLayoutChange?: (layout: LayoutType) => void;
-    onSearch?: (query: string) => void;
-    onFilter?: (category: string) => void;
-    onSort?: (sortBy: SortOption) => void;
-    className?: string;
-    containerClassName?: string;
-    videoItemClassName?: string;
-    controlsClassName?: string;
-}
-export declare const VideoGallery: React.FC<VideoGalleryProps>;
-export default VideoGallery;

package/dist/types/components/basic/VideoPlayer.d.ts

@@ -1,36 +0,0 @@
-import React from "react";
-interface VideoPlayerProps {
-    src: string;
-    poster?: string;
-    title?: string;
-    autoPlay?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    width?: string;
-    height?: string;
-    borderRadius?: string;
-    theme?: 'dark' | 'light' | 'glass' | 'neon';
-    primaryColor?: string;
-    className?: string;
-    showProgress?: boolean;
-    showVolumeSlider?: boolean;
-    showSettings?: boolean;
-    showDownload?: boolean;
-    showShare?: boolean;
-    showPiP?: boolean;
-    showSubtitles?: boolean;
-    showPlaybackSpeed?: boolean;
-    showQuality?: boolean;
-    previewThumbnails?: boolean;
-    customControls?: boolean;
-    hideControlsDelay?: number;
-    seekStep?: number;
-    volumeStep?: number;
-    onPlay?: () => void;
-    onPause?: () => void;
-    onEnded?: () => void;
-    onTimeUpdate?: (time: number) => void;
-    onVolumeChange?: (volume: number) => void;
-}
-export declare const VideoPlayer: React.FC<VideoPlayerProps>;
-export {};