@thangnqdev/ui 0.1.0

package/dist/index-ugj5s6a3.d.cts

@@ -0,0 +1,95 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    variant?: "current" | "muted" | "white" | "primary" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SpinnerProps extends React__default.SVGAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
+    label?: string;
+}
+declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<SVGSVGElement>>;
+
+interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    circle?: boolean;
+}
+declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    lines?: number;
+    gap?: 'sm' | 'md' | 'lg';
+}
+declare const SkeletonText: React__default.ForwardRefExoticComponent<SkeletonTextProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SkeletonCircleProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    size?: number | string;
+}
+declare const SkeletonCircle: React__default.ForwardRefExoticComponent<SkeletonCircleProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "error" | "success" | "primary" | "secondary" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants> {
+    value: number;
+    max?: number;
+    showValue?: boolean;
+    striped?: boolean;
+}
+declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
+interface CircularProgressProps extends React__default.SVGAttributes<SVGSVGElement> {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    showValue?: boolean;
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'purple' | 'cyan';
+    trackColor?: string;
+    glow?: boolean;
+}
+declare const CircularProgress: React__default.ForwardRefExoticComponent<CircularProgressProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const alertVariants: (props?: ({
+    status?: "error" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    icon?: React__default.ReactNode;
+    onClose?: () => void;
+}
+declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+interface EmptyStateProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    action?: React__default.ReactNode;
+}
+declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const index_Alert: typeof Alert;
+declare const index_AlertDescription: typeof AlertDescription;
+type index_AlertProps = AlertProps;
+declare const index_AlertTitle: typeof AlertTitle;
+declare const index_CircularProgress: typeof CircularProgress;
+type index_CircularProgressProps = CircularProgressProps;
+declare const index_EmptyState: typeof EmptyState;
+type index_EmptyStateProps = EmptyStateProps;
+declare const index_ProgressBar: typeof ProgressBar;
+type index_ProgressBarProps = ProgressBarProps;
+declare const index_Skeleton: typeof Skeleton;
+declare const index_SkeletonCircle: typeof SkeletonCircle;
+type index_SkeletonCircleProps = SkeletonCircleProps;
+type index_SkeletonProps = SkeletonProps;
+declare const index_SkeletonText: typeof SkeletonText;
+type index_SkeletonTextProps = SkeletonTextProps;
+declare const index_Spinner: typeof Spinner;
+type index_SpinnerProps = SpinnerProps;
+declare const index_alertVariants: typeof alertVariants;
+declare const index_progressVariants: typeof progressVariants;
+declare const index_spinnerVariants: typeof spinnerVariants;
+declare namespace index {
+  export { index_Alert as Alert, index_AlertDescription as AlertDescription, type index_AlertProps as AlertProps, index_AlertTitle as AlertTitle, index_CircularProgress as CircularProgress, type index_CircularProgressProps as CircularProgressProps, index_EmptyState as EmptyState, type index_EmptyStateProps as EmptyStateProps, index_ProgressBar as ProgressBar, type index_ProgressBarProps as ProgressBarProps, index_Skeleton as Skeleton, index_SkeletonCircle as SkeletonCircle, type index_SkeletonCircleProps as SkeletonCircleProps, type index_SkeletonProps as SkeletonProps, index_SkeletonText as SkeletonText, type index_SkeletonTextProps as SkeletonTextProps, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_alertVariants as alertVariants, index_progressVariants as progressVariants, index_spinnerVariants as spinnerVariants };
+}
+
+export { Alert as A, CircularProgress as C, EmptyState as E, ProgressBar as P, Skeleton as S, AlertDescription as a, type AlertProps as b, AlertTitle as c, type CircularProgressProps as d, type EmptyStateProps as e, type ProgressBarProps as f, SkeletonCircle as g, type SkeletonCircleProps as h, index as i, type SkeletonProps as j, SkeletonText as k, type SkeletonTextProps as l, Spinner as m, type SpinnerProps as n, alertVariants as o, progressVariants as p, spinnerVariants as s };

package/dist/index-ugj5s6a3.d.ts

@@ -0,0 +1,95 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    variant?: "current" | "muted" | "white" | "primary" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SpinnerProps extends React__default.SVGAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
+    label?: string;
+}
+declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<SVGSVGElement>>;
+
+interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    circle?: boolean;
+}
+declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    lines?: number;
+    gap?: 'sm' | 'md' | 'lg';
+}
+declare const SkeletonText: React__default.ForwardRefExoticComponent<SkeletonTextProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SkeletonCircleProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    size?: number | string;
+}
+declare const SkeletonCircle: React__default.ForwardRefExoticComponent<SkeletonCircleProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "error" | "success" | "primary" | "secondary" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants> {
+    value: number;
+    max?: number;
+    showValue?: boolean;
+    striped?: boolean;
+}
+declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
+interface CircularProgressProps extends React__default.SVGAttributes<SVGSVGElement> {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    showValue?: boolean;
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'purple' | 'cyan';
+    trackColor?: string;
+    glow?: boolean;
+}
+declare const CircularProgress: React__default.ForwardRefExoticComponent<CircularProgressProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const alertVariants: (props?: ({
+    status?: "error" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    icon?: React__default.ReactNode;
+    onClose?: () => void;
+}
+declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+interface EmptyStateProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    action?: React__default.ReactNode;
+}
+declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const index_Alert: typeof Alert;
+declare const index_AlertDescription: typeof AlertDescription;
+type index_AlertProps = AlertProps;
+declare const index_AlertTitle: typeof AlertTitle;
+declare const index_CircularProgress: typeof CircularProgress;
+type index_CircularProgressProps = CircularProgressProps;
+declare const index_EmptyState: typeof EmptyState;
+type index_EmptyStateProps = EmptyStateProps;
+declare const index_ProgressBar: typeof ProgressBar;
+type index_ProgressBarProps = ProgressBarProps;
+declare const index_Skeleton: typeof Skeleton;
+declare const index_SkeletonCircle: typeof SkeletonCircle;
+type index_SkeletonCircleProps = SkeletonCircleProps;
+type index_SkeletonProps = SkeletonProps;
+declare const index_SkeletonText: typeof SkeletonText;
+type index_SkeletonTextProps = SkeletonTextProps;
+declare const index_Spinner: typeof Spinner;
+type index_SpinnerProps = SpinnerProps;
+declare const index_alertVariants: typeof alertVariants;
+declare const index_progressVariants: typeof progressVariants;
+declare const index_spinnerVariants: typeof spinnerVariants;
+declare namespace index {
+  export { index_Alert as Alert, index_AlertDescription as AlertDescription, type index_AlertProps as AlertProps, index_AlertTitle as AlertTitle, index_CircularProgress as CircularProgress, type index_CircularProgressProps as CircularProgressProps, index_EmptyState as EmptyState, type index_EmptyStateProps as EmptyStateProps, index_ProgressBar as ProgressBar, type index_ProgressBarProps as ProgressBarProps, index_Skeleton as Skeleton, index_SkeletonCircle as SkeletonCircle, type index_SkeletonCircleProps as SkeletonCircleProps, type index_SkeletonProps as SkeletonProps, index_SkeletonText as SkeletonText, type index_SkeletonTextProps as SkeletonTextProps, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_alertVariants as alertVariants, index_progressVariants as progressVariants, index_spinnerVariants as spinnerVariants };
+}
+
+export { Alert as A, CircularProgress as C, EmptyState as E, ProgressBar as P, Skeleton as S, AlertDescription as a, type AlertProps as b, AlertTitle as c, type CircularProgressProps as d, type EmptyStateProps as e, type ProgressBarProps as f, SkeletonCircle as g, type SkeletonCircleProps as h, index as i, type SkeletonProps as j, SkeletonText as k, type SkeletonTextProps as l, Spinner as m, type SpinnerProps as n, alertVariants as o, progressVariants as p, spinnerVariants as s };