@rafal.lemieszewski/tide-ui 0.1.1 → 0.2.0

package/dist/components/ui/spinner.d.ts

@@ -0,0 +1,91 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const spinnerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    variant?: "success" | "error" | "warning" | "default" | "secondary" | "primary" | "tertiary" | "disabled" | "inverse" | null | undefined;
+    speed?: "normal" | "slow" | "fast" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
+    /**
+     * Text to display alongside the spinner
+     */
+    label?: string;
+    /**
+     * Whether to show the loading text
+     */
+    showLabel?: boolean;
+    /**
+     * Custom loading text
+     */
+    loadingText?: string;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the overlay is visible
+     */
+    visible: boolean;
+    /**
+     * Loading message to display
+     */
+    message?: string;
+    /**
+     * Spinner size
+     */
+    spinnerSize?: VariantProps<typeof spinnerVariants>["size"];
+    /**
+     * Background opacity
+     */
+    opacity?: "light" | "medium" | "heavy";
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Width of the skeleton
+     */
+    width?: string | number;
+    /**
+     * Height of the skeleton
+     */
+    height?: string | number;
+    /**
+     * Border radius variant
+     */
+    radius?: "none" | "sm" | "md" | "lg" | "full";
+    /**
+     * Whether to animate the skeleton
+     */
+    animate?: boolean;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface PulseProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Color variant
+     */
+    variant?: "default" | "primary" | "success" | "warning" | "error";
+    /**
+     * Size of the pulse dot
+     */
+    size?: "sm" | "md" | "lg";
+}
+declare const Pulse: React.ForwardRefExoticComponent<PulseProps & React.RefAttributes<HTMLDivElement>>;
+export interface ProgressDotsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Total number of dots
+     */
+    total: number;
+    /**
+     * Current active dot (0-indexed)
+     */
+    current: number;
+    /**
+     * Size of the dots
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Whether to animate the transition
+     */
+    animate?: boolean;
+}
+declare const ProgressDots: React.ForwardRefExoticComponent<ProgressDotsProps & React.RefAttributes<HTMLDivElement>>;
+export { Spinner, LoadingOverlay, Skeleton, Pulse, ProgressDots, spinnerVariants };

package/dist/components/ui/tag.d.ts

@@ -0,0 +1,81 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const tagVariants: (props?: ({
+    intent?: "success" | "warning" | "destructive" | "neutral" | "brand" | null | undefined;
+    appearance?: "solid" | "subtle" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    closable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick">, VariantProps<typeof tagVariants> {
+    /**
+     * Content of the tag
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the tag can be closed/removed
+     */
+    closable?: boolean;
+    /**
+     * Callback when the close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Whether the tag is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Callback when the tag itself is clicked (not the close button)
+     */
+    onClick?: () => void;
+    /**
+     * Whether the tag is clickable/interactive
+     */
+    interactive?: boolean;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of tag data
+     */
+    tags: Array<{
+        id: string;
+        label: string;
+        intent?: TagProps["intent"];
+        appearance?: TagProps["appearance"];
+        disabled?: boolean;
+    }>;
+    /**
+     * Callback when a tag is removed
+     */
+    onTagRemove?: (tagId: string) => void;
+    /**
+     * Callback when a tag is clicked
+     */
+    onTagClick?: (tagId: string) => void;
+    /**
+     * Whether tags are closable by default
+     */
+    closable?: boolean;
+    /**
+     * Whether tags are interactive by default
+     */
+    interactive?: boolean;
+    /**
+     * Default size for all tags
+     */
+    size?: TagProps["size"];
+    /**
+     * Default intent for all tags
+     */
+    intent?: TagProps["intent"];
+    /**
+     * Default appearance for all tags
+     */
+    appearance?: TagProps["appearance"];
+    /**
+     * Maximum number of tags to show before collapsing
+     */
+    maxVisible?: number;
+}
+declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Tag, TagGroup, tagVariants };

package/dist/components/ui/tree.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+export interface TreeDataItem {
+    id: string;
+    name: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    selectedIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    openIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    children?: TreeDataItem[];
+    actions?: React.ReactNode;
+    onClick?: () => void;
+    draggable?: boolean;
+    droppable?: boolean;
+    disabled?: boolean;
+}
+export interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: TreeDataItem[] | TreeDataItem;
+    initialSelectedItemId?: string;
+    onSelectChange?: (item: TreeDataItem | undefined) => void;
+    expandAll?: boolean;
+    defaultNodeIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    defaultLeafIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export declare const Tree: React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/typography.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const typographyVariants: (props?: ({
+    variant?: "h2" | "h3" | "p" | "blockquote" | "code" | "h1" | "h4" | "h5" | "h6" | "small" | "large" | "lead" | "muted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+export { Typography };