@mbao01/common 0.8.0 → 0.9.0

package/dist/types/components/Description/types.d.ts

@@ -1,3 +1,28 @@
-export type DescriptionProps = React.HTMLAttributes<HTMLDListElement>;
-export type DescriptionTermProps = React.HTMLAttributes<HTMLElement>;
-export type DescriptionDetailProps = React.HTMLAttributes<HTMLElement>;
+import { HTMLAttributes, ReactNode } from 'react';
+export type DescriptionSize = "sm" | "md" | "lg";
+export type DescriptionLayout = "vertical" | "horizontal" | "inline";
+export type DescriptionVariant = "default" | "card" | "subtle";
+export type DescriptionProps = HTMLAttributes<HTMLDListElement> & {
+    /** Visual variant */
+    variant?: DescriptionVariant;
+    /** Layout direction */
+    layout?: DescriptionLayout;
+    /** Size preset */
+    size?: DescriptionSize;
+    /** Show dividers between items */
+    dividers?: boolean;
+    /** Alternate row shading */
+    striped?: boolean;
+};
+export type DescriptionTermProps = HTMLAttributes<HTMLElement>;
+export type DescriptionDetailProps = HTMLAttributes<HTMLElement>;
+export type DescriptionGroupProps = HTMLAttributes<HTMLDivElement> & {
+    /** Direction to stack descriptions */
+    direction?: "row" | "column";
+    /** Show dividers between descriptions */
+    dividers?: boolean;
+    /** Optional heading for the group */
+    title?: ReactNode;
+    /** Optional subheading */
+    description?: ReactNode;
+};

package/dist/types/components/Form/DatetimeInput/DatetimeInput.d.ts

@@ -27,6 +27,7 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
         footer?: import('react').ReactNode;
         animate?: boolean | undefined;
         month?: Date | undefined;
+        locale?: Partial<import('react-day-picker').DayPickerLocale> | undefined;
         classNames?: (Partial<import('react-day-picker').ClassNames> & Partial<import('react-day-picker').DeprecatedUI<string>>) | undefined;
         showOutsideDays?: boolean | undefined;
         required?: boolean | undefined | undefined;
@@ -63,7 +64,6 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
         modifiers?: Record<string, import('react-day-picker').Matcher | import('react-day-picker').Matcher[] | undefined> | undefined;
         labels?: Partial<import('react-day-picker').Labels> | undefined;
         formatters?: Partial<import('react-day-picker').Formatters> | undefined;
-        locale?: Partial<import('react-day-picker').DayPickerLocale> | undefined;
         numerals?: import('react-day-picker').Numerals | undefined;
         weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;

package/dist/types/components/GlowCard/GlowCard.d.ts

@@ -0,0 +1,6 @@
+import { GlowCardProps } from './types';
+declare const GlowCard: {
+    ({ children, className, gradientFrom, gradientVia, gradientTo, ...props }: GlowCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { GlowCard };

package/dist/types/components/GlowCard/index.d.ts

@@ -0,0 +1,2 @@
+export { GlowCard } from './GlowCard';
+export type { GlowCardProps } from './types';

package/dist/types/components/GlowCard/types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type GlowCardProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+    /** Gradient colors for the glow border */
+    gradientFrom?: string;
+    gradientVia?: string;
+    gradientTo?: string;
+};

package/dist/types/components/GradientText/GradientText.d.ts

@@ -0,0 +1,6 @@
+import { GradientTextProps } from './types';
+declare const GradientText: {
+    ({ children, className, from, via, to, angle, animated, ...props }: GradientTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { GradientText };

package/dist/types/components/GradientText/index.d.ts

@@ -0,0 +1,2 @@
+export { GradientText } from './GradientText';
+export type { GradientTextProps } from './types';

package/dist/types/components/GradientText/types.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type GradientTextProps = HTMLAttributes<HTMLSpanElement> & {
+    children: ReactNode;
+    /** Gradient start color */
+    from?: string;
+    /** Gradient middle color */
+    via?: string;
+    /** Gradient end color */
+    to?: string;
+    /** Gradient direction in degrees */
+    angle?: number;
+    /** Whether to animate the gradient */
+    animated?: boolean;
+};

package/dist/types/components/Greeting/Greeting.d.ts

@@ -0,0 +1,6 @@
+import { GreetingProps } from './types';
+declare const Greeting: {
+    ({ name, className, subtitle, greeting: customGreeting, ...props }: GreetingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Greeting };

package/dist/types/components/Greeting/index.d.ts

@@ -0,0 +1,2 @@
+export { Greeting } from './Greeting';
+export type { GreetingProps } from './types';

package/dist/types/components/Greeting/types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export type GreetingProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** User's name */
+    name: string;
+    /** Optional subtitle/context line */
+    subtitle?: string;
+    /** Custom greeting override (bypasses time-based greeting) */
+    greeting?: string;
+};

package/dist/types/components/KPICard/KPICard.d.ts

@@ -0,0 +1,6 @@
+import { KPICardProps } from './types';
+declare const KPICard: {
+    ({ title, value, change, description, sparklineData, sparklineColor, sparklineFilled, icon, loading, className, ...props }: KPICardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { KPICard };

package/dist/types/components/KPICard/index.d.ts

@@ -0,0 +1,2 @@
+export { KPICard } from './KPICard';
+export type { KPICardProps } from './types';

package/dist/types/components/KPICard/types.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type KPICardProps = HTMLAttributes<HTMLDivElement> & {
+    /** Card title/label */
+    title: string;
+    /** Primary value to display */
+    value: ReactNode;
+    /** Trend change percentage */
+    change?: number;
+    /** Description text below value */
+    description?: string;
+    /** Sparkline data points */
+    sparklineData?: number[];
+    /** Sparkline color */
+    sparklineColor?: string;
+    /** Whether sparkline is filled */
+    sparklineFilled?: boolean;
+    /** Icon to show in the card */
+    icon?: ReactNode;
+    /** Loading state */
+    loading?: boolean;
+};

package/dist/types/components/Marquee/Marquee.d.ts

@@ -0,0 +1,6 @@
+import { MarqueeProps } from './types';
+declare const Marquee: {
+    ({ children, className, speed, direction, pauseOnHover, gap, ...props }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Marquee };

package/dist/types/components/Marquee/index.d.ts

@@ -0,0 +1,2 @@
+export { Marquee } from './Marquee';
+export type { MarqueeProps } from './types';

package/dist/types/components/Marquee/types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type MarqueeProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+    /** Speed in pixels per second */
+    speed?: number;
+    /** Direction of scroll */
+    direction?: "left" | "right";
+    /** Pause on hover */
+    pauseOnHover?: boolean;
+    /** Gap between repeated items */
+    gap?: number;
+};

package/dist/types/components/Meteors/Meteors.d.ts

@@ -0,0 +1,6 @@
+import { MeteorsProps } from './types';
+declare const Meteors: {
+    ({ className, count, ...props }: MeteorsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Meteors };

package/dist/types/components/Meteors/index.d.ts

@@ -0,0 +1,2 @@
+export { Meteors } from './Meteors';
+export type { MeteorsProps } from './types';

package/dist/types/components/Meteors/types.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type MeteorsProps = HTMLAttributes<HTMLDivElement> & {
+    /** Number of meteors to render */
+    count?: number;
+};

package/dist/types/components/MiniAreaChart/MiniAreaChart.d.ts

@@ -0,0 +1,6 @@
+import { MiniAreaChartProps } from './types';
+declare const MiniAreaChart: {
+    ({ data, className, width, height, color, gradientOpacity, strokeWidth, ...props }: MiniAreaChartProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { MiniAreaChart };

package/dist/types/components/MiniAreaChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MiniAreaChart } from './MiniAreaChart';
+export type { MiniAreaChartProps } from './types';

package/dist/types/components/MiniAreaChart/types.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export type MiniAreaChartProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    /** Gradient opacity at the bottom */
+    gradientOpacity?: number;
+    strokeWidth?: number;
+};

package/dist/types/components/MiniBarChart/MiniBarChart.d.ts

@@ -0,0 +1,6 @@
+import { MiniBarChartProps } from './types';
+declare const MiniBarChart: {
+    ({ data, className, width, height, color, highlightLast, gap, ...props }: MiniBarChartProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { MiniBarChart };

package/dist/types/components/MiniBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MiniBarChart } from './MiniBarChart';
+export type { MiniBarChartProps } from './types';

package/dist/types/components/MiniBarChart/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+export type MiniBarChartProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Array of numeric values */
+    data: number[];
+    /** Width in pixels */
+    width?: number;
+    /** Height in pixels */
+    height?: number;
+    /** Bar color */
+    color?: string;
+    /** Whether to highlight the last bar */
+    highlightLast?: boolean;
+    /** Gap between bars in pixels */
+    gap?: number;
+};

package/dist/types/components/MiniDonutChart/MiniDonutChart.d.ts

@@ -0,0 +1,6 @@
+import { MiniDonutChartProps } from './types';
+declare const MiniDonutChart: {
+    ({ segments, className, size, thickness, label, ...props }: MiniDonutChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { MiniDonutChart };

package/dist/types/components/MiniDonutChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MiniDonutChart } from './MiniDonutChart';
+export type { MiniDonutChartProps, DonutSegment } from './types';

package/dist/types/components/MiniDonutChart/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type DonutSegment = {
+    value: number;
+    color?: string;
+    label?: string;
+};
+export type MiniDonutChartProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    segments: DonutSegment[];
+    /** Size in pixels */
+    size?: number;
+    /** Ring thickness as percentage of radius (0-1) */
+    thickness?: number;
+    /** Center label */
+    label?: ReactNode;
+};

package/dist/types/components/MiniStackedBar/MiniStackedBar.d.ts

@@ -0,0 +1,6 @@
+import { MiniStackedBarProps } from './types';
+declare const MiniStackedBar: {
+    ({ segments, className, height, showLabels, ...props }: MiniStackedBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { MiniStackedBar };

package/dist/types/components/MiniStackedBar/index.d.ts

@@ -0,0 +1,2 @@
+export { MiniStackedBar } from './MiniStackedBar';
+export type { MiniStackedBarProps, StackedSegment } from './types';

package/dist/types/components/MiniStackedBar/types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type StackedSegment = {
+    value: number;
+    color?: string;
+    label?: string;
+};
+export type MiniStackedBarProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    segments: StackedSegment[];
+    /** Height in pixels */
+    height?: number;
+    /** Whether to show percentage labels below */
+    showLabels?: boolean;
+};

package/dist/types/components/NumberTicker/NumberTicker.d.ts

@@ -0,0 +1,6 @@
+import { NumberTickerProps } from './types';
+declare const NumberTicker: {
+    ({ value, className, duration, decimalPlaces, delay, ...props }: NumberTickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { NumberTicker };

package/dist/types/components/NumberTicker/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberTicker } from './NumberTicker';
+export type { NumberTickerProps } from './types';

package/dist/types/components/NumberTicker/types.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export type NumberTickerProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /** The target number to count to */
+    value: number;
+    /** Duration of the animation in seconds */
+    duration?: number;
+    /** Decimal places to show */
+    decimalPlaces?: number;
+    /** Delay before animation starts in seconds */
+    delay?: number;
+};

package/dist/types/components/Pulse/Pulse.d.ts

@@ -0,0 +1,6 @@
+import { PulseProps } from './types';
+declare const Pulse: {
+    ({ variant, size, animated, label, className, ...props }: PulseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pulse };

package/dist/types/components/Pulse/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const getPulseClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getPulseDotClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getPulseRingClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Pulse/index.d.ts

@@ -0,0 +1,2 @@
+export { Pulse } from './Pulse';
+export type { PulseProps } from './types';

package/dist/types/components/Pulse/types.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export type PulseProps = HTMLAttributes<HTMLSpanElement> & {
+    /** Color variant */
+    variant?: "success" | "error" | "warning" | "info" | "primary" | "secondary" | "accent" | "neutral";
+    /** Size variant */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Whether to animate */
+    animated?: boolean;
+    /** Optional label text */
+    label?: string;
+};

package/dist/types/components/Resizable/Resizable.d.ts

@@ -2,7 +2,7 @@ import { ResizableHandleProps, ResizableProps } from './types';
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const Resizable: {
     ({ className, ...props }: ResizableProps): import("react/jsx-runtime").JSX.Element;
-    Panel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLUListElement | HTMLLIElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    Panel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLFormElement | HTMLUListElement | HTMLLIElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
         className?: string;
         collapsedSize?: number | undefined;
         collapsible?: boolean | undefined;

package/dist/types/components/ShinyButton/ShinyButton.d.ts

@@ -0,0 +1,6 @@
+import { ShinyButtonProps } from './types';
+declare const ShinyButton: {
+    ({ children, className, ...props }: ShinyButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ShinyButton };

package/dist/types/components/ShinyButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ShinyButton } from './ShinyButton';
+export type { ShinyButtonProps } from './types';

package/dist/types/components/ShinyButton/types.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ShinyButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> & {
+    children: ReactNode;
+};

package/dist/types/components/Sparkline/Sparkline.d.ts

@@ -0,0 +1,6 @@
+import { SparklineProps } from './types';
+declare const Sparkline: {
+    ({ data, className, width, height, color, filled, strokeWidth, animated, ...props }: SparklineProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { Sparkline };

package/dist/types/components/Sparkline/index.d.ts

@@ -0,0 +1,2 @@
+export { Sparkline } from './Sparkline';
+export type { SparklineProps } from './types';

package/dist/types/components/Sparkline/types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export type SparklineProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Array of numeric data points */
+    data: number[];
+    /** Width of the sparkline in pixels */
+    width?: number;
+    /** Height of the sparkline in pixels */
+    height?: number;
+    /** Stroke color (CSS color value) */
+    color?: string;
+    /** Whether to show a filled area under the line */
+    filled?: boolean;
+    /** Stroke width in pixels */
+    strokeWidth?: number;
+    /** Whether to animate the line drawing */
+    animated?: boolean;
+};

package/dist/types/components/SpotlightCard/SpotlightCard.d.ts

@@ -0,0 +1,6 @@
+import { SpotlightCardProps } from './types';
+declare const SpotlightCard: {
+    ({ children, className, spotlightColor, spotlightSize, ...props }: SpotlightCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SpotlightCard };

package/dist/types/components/SpotlightCard/index.d.ts

@@ -0,0 +1,2 @@
+export { SpotlightCard } from './SpotlightCard';
+export type { SpotlightCardProps } from './types';

package/dist/types/components/SpotlightCard/types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type SpotlightCardProps = HTMLAttributes<HTMLDivElement> & {
+    /** Spotlight gradient color */
+    spotlightColor?: string;
+    /** Size of the spotlight in pixels */
+    spotlightSize?: number;
+};

package/dist/types/components/StatCard/StatCard.d.ts

@@ -0,0 +1,6 @@
+import { StatCardProps } from './types';
+declare const StatCard: {
+    ({ icon, title, value, description, trend, trendLabel, className, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { StatCard };

package/dist/types/components/StatCard/index.d.ts

@@ -0,0 +1,2 @@
+export { StatCard } from './StatCard';
+export type { StatCardProps } from './types';

package/dist/types/components/StatCard/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type StatCardProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    /** Icon element rendered in the lifted badge */
+    icon?: ReactNode;
+    /** Stat label / title */
+    title: ReactNode;
+    /** Main stat value */
+    value: ReactNode;
+    /** Description text below the value */
+    description?: ReactNode;
+    /** Trend value (e.g. "+9.8%") — colored green if positive, red if negative */
+    trend?: string;
+    /** Description shown next to the trend */
+    trendLabel?: string;
+};

package/dist/types/components/TextShimmer/TextShimmer.d.ts

@@ -0,0 +1,6 @@
+import { TextShimmerProps } from './types';
+declare const TextShimmer: {
+    ({ children, className, duration, spread, ...props }: TextShimmerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TextShimmer };

package/dist/types/components/TextShimmer/index.d.ts

@@ -0,0 +1,2 @@
+export { TextShimmer } from './TextShimmer';
+export type { TextShimmerProps } from './types';

package/dist/types/components/TextShimmer/types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type TextShimmerProps = HTMLAttributes<HTMLParagraphElement> & {
+    /** Duration of the shimmer animation in seconds */
+    duration?: number;
+    /** Spread of the shimmer gradient (0-1) */
+    spread?: number;
+};

package/dist/types/components/TrendBadge/TrendBadge.d.ts

@@ -0,0 +1,6 @@
+import { TrendBadgeProps } from './types';
+declare const TrendBadge: {
+    ({ value, className, decimalPlaces, showPercent, showIcon, size, trend: trendOverride, ...props }: TrendBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TrendBadge };

package/dist/types/components/TrendBadge/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const getTrendBadgeClasses: (props?: ({
+    trend?: "neutral" | "up" | "down" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getTrendIconClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/TrendBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { TrendBadge } from './TrendBadge';
+export type { TrendBadgeProps } from './types';

package/dist/types/components/TrendBadge/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+export type TrendBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /** The change value (positive = up, negative = down, zero = neutral) */
+    value: number;
+    /** Number of decimal places to display */
+    decimalPlaces?: number;
+    /** Whether to show the percentage sign */
+    showPercent?: boolean;
+    /** Whether to show the trend arrow icon */
+    showIcon?: boolean;
+    /** Size variant */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Override automatic trend direction */
+    trend?: "up" | "down" | "neutral";
+};

package/dist/types/components/WidgetShell/WidgetShell.d.ts

@@ -0,0 +1,6 @@
+import { WidgetShellProps } from './types';
+declare const WidgetShell: {
+    ({ state, title, description, children, className, errorContent, emptyContent, skeletonLines, onRetry, ...props }: WidgetShellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { WidgetShell };

package/dist/types/components/WidgetShell/index.d.ts

@@ -0,0 +1,2 @@
+export { WidgetShell } from './WidgetShell';
+export type { WidgetShellProps, WidgetShellState } from './types';

package/dist/types/components/WidgetShell/types.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type WidgetShellState = "loading" | "error" | "empty" | "ready";
+export type WidgetShellProps = HTMLAttributes<HTMLDivElement> & {
+    /** Current state of the widget */
+    state?: WidgetShellState;
+    /** Widget title */
+    title?: ReactNode;
+    /** Widget description */
+    description?: ReactNode;
+    /** Content to show when state is "ready" */
+    children: ReactNode;
+    /** Custom content for error state */
+    errorContent?: ReactNode;
+    /** Custom content for empty state */
+    emptyContent?: ReactNode;
+    /** Number of skeleton lines to show in loading state */
+    skeletonLines?: number;
+    /** Callback when retry is clicked in error state */
+    onRetry?: () => void;
+};