@mbao01/common 0.8.0 → 0.9.0

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

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

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

@@ -0,0 +1,6 @@
+export declare const getActivityFeedClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getActivityItemClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getActivityIconClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getActivityLineClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getActivityContentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getActivityTimestampClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { ActivityFeed } from './ActivityFeed';
+export type { ActivityFeedProps, ActivityItem } from './types';

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ActivityItem = {
+    /** Unique identifier */
+    id: string;
+    /** Icon or avatar to show */
+    icon?: ReactNode;
+    /** Main content/description */
+    content: ReactNode;
+    /** Timestamp or relative time label */
+    timestamp?: string;
+    /** Optional metadata (e.g. amount, status) */
+    meta?: ReactNode;
+};
+export type ActivityFeedProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** List of activity items to display */
+    items: ActivityItem[];
+    /** Maximum number of items to show */
+    maxItems?: number;
+    /** Whether to show the connecting line between items */
+    showLine?: boolean;
+};

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

@@ -0,0 +1,6 @@
+import { AmountProps } from './types';
+declare const Amount: {
+    ({ value, className, currency, locale, notation, minimumFractionDigits, maximumFractionDigits, signDisplay, colored, ...props }: AmountProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Amount };

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

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

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+export type AmountProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /** The numeric value to format */
+    value: number;
+    /** Currency code (e.g. "USD", "EUR", "GBP"). If provided, formats as currency */
+    currency?: string;
+    /** Locale for formatting (default: "en-US") */
+    locale?: string;
+    /** Notation style */
+    notation?: "standard" | "compact" | "scientific" | "engineering";
+    /** Minimum fraction digits */
+    minimumFractionDigits?: number;
+    /** Maximum fraction digits */
+    maximumFractionDigits?: number;
+    /** Whether to show sign for positive values */
+    signDisplay?: "auto" | "never" | "always" | "exceptZero";
+    /** Whether to apply trend coloring (green for positive, red for negative) */
+    colored?: boolean;
+};

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

@@ -0,0 +1,6 @@
+import { AnimatedCounterProps } from './types';
+declare const AnimatedCounter: {
+    ({ value, className, prefix, suffix, decimalPlaces, separator, ...props }: AnimatedCounterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AnimatedCounter };

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

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type AnimatedCounterProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /** Target value to display */
+    value: number;
+    /** Prefix (e.g. "$") */
+    prefix?: string;
+    /** Suffix (e.g. "%") */
+    suffix?: string;
+    /** Number of decimal places */
+    decimalPlaces?: number;
+    /** Whether to include thousand separators */
+    separator?: boolean;
+};

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

@@ -0,0 +1,6 @@
+import { AnimatedGroupProps } from './types';
+declare const AnimatedGroup: {
+    ({ children, className, preset, variants: customVariants, staggerDelay, transition, ...props }: AnimatedGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AnimatedGroup };

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

@@ -0,0 +1,2 @@
+export { AnimatedGroup } from './AnimatedGroup';
+export type { AnimatedGroupPreset, AnimatedGroupProps } from './types';

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

@@ -0,0 +1,22 @@
+import { Transition, Variant } from 'framer-motion';
+import { HTMLAttributes } from 'react';
+export type AnimatedGroupPreset = "fade" | "slide" | "scale" | "blur" | "blur-slide";
+export type AnimatedGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> & {
+    /** Animation preset */
+    preset?: AnimatedGroupPreset;
+    /** Custom framer-motion variants */
+    variants?: {
+        container?: {
+            hidden?: Variant;
+            visible?: Variant;
+        };
+        item?: {
+            hidden?: Variant;
+            visible?: Variant;
+        };
+    };
+    /** Stagger delay between children in seconds */
+    staggerDelay?: number;
+    /** Animation transition config */
+    transition?: Transition;
+};

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

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

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

@@ -0,0 +1,2 @@
+export { AnimatedList } from './AnimatedList';
+export type { AnimatedListProps, AnimatedListItem } from './types';

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AnimatedListItem = {
+    id: string;
+    content: ReactNode;
+};
+export type AnimatedListProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Items to display */
+    items: AnimatedListItem[];
+    /** Maximum visible items */
+    maxItems?: number;
+    /** Delay between each item appearing (ms) */
+    staggerDelay?: number;
+};

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

@@ -0,0 +1,6 @@
+import { BorderBeamProps } from './types';
+declare const BorderBeam: {
+    ({ className, size, duration, delay, colorFrom, colorTo, ...props }: BorderBeamProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { BorderBeam };

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

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type BorderBeamProps = HTMLAttributes<HTMLDivElement> & {
+    /** Size of the beam in pixels */
+    size?: number;
+    /** Duration of the animation in seconds */
+    duration?: number;
+    /** Delay before animation starts in seconds */
+    delay?: number;
+    /** Start color of the beam gradient */
+    colorFrom?: string;
+    /** End color of the beam gradient */
+    colorTo?: string;
+};

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

@@ -1,6 +1,10 @@
 import { default as React } from 'react';
 export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    style?: "default" | "ghost" | "inset" | "outlined" | "bordered" | "elevated" | "gradient" | "strip" | "glass" | undefined;
     display?: "hidden" | "grid" | "inline" | "block" | "inline-block" | "flex" | "inline-flex" | "inline-grid" | undefined;
     overflow?: "hidden" | "auto" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | undefined;
+    rounded?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "2xl" | undefined;
     position?: "fixed" | "sticky" | "static" | "absolute" | "relative" | undefined;
+    padding?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
+    shadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,9 @@
 export declare const getBoxClasses: (props?: ({
+    style?: "default" | "ghost" | "inset" | "outlined" | "bordered" | "elevated" | "gradient" | "strip" | "glass" | null | undefined;
     display?: "hidden" | "grid" | "inline" | "block" | "inline-block" | "flex" | "inline-flex" | "inline-grid" | null | undefined;
     position?: "fixed" | "sticky" | "static" | "absolute" | "relative" | null | undefined;
     overflow?: "hidden" | "auto" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "2xl" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    shadow?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,6 @@
+import { CalendarHeatmapProps } from './types';
+declare const CalendarHeatmap: {
+    ({ data, className, startDate, endDate, colors, cellSize, cellGap, showMonthLabels, showDayLabels, formatTooltip, ...props }: CalendarHeatmapProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CalendarHeatmap };

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

@@ -0,0 +1,2 @@
+export { CalendarHeatmap } from './CalendarHeatmap';
+export type { CalendarHeatmapProps, HeatmapDataPoint } from './types';

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

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from 'react';
+export type HeatmapDataPoint = {
+    date: string;
+    value: number;
+};
+export type CalendarHeatmapProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Data points with date and value */
+    data: HeatmapDataPoint[];
+    /** Start date (defaults to 1 year ago) */
+    startDate?: Date;
+    /** End date (defaults to today) */
+    endDate?: Date;
+    /** Color scale — array of 5 colors from low to high */
+    colors?: [string, string, string, string, string];
+    /** Cell size in pixels */
+    cellSize?: number;
+    /** Gap between cells in pixels */
+    cellGap?: number;
+    /** Whether to show month labels */
+    showMonthLabels?: boolean;
+    /** Whether to show day-of-week labels */
+    showDayLabels?: boolean;
+    /** Tooltip formatter */
+    formatTooltip?: (date: string, value: number) => string;
+};

package/dist/types/components/Chart/components/ChartLegend.d.ts

@@ -1,4 +1,3 @@
-import { Legend } from 'recharts';
 import { ChartLegendContentProps } from '../types';
-export declare const ChartLegend: typeof Legend;
+export declare const ChartLegend: import('react').MemoExoticComponent<(outsideProps: import('recharts').LegendProps) => React.ReactPortal | null>;
 export declare const ChartLegendContent: import('react').ForwardRefExoticComponent<Omit<ChartLegendContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Chart/stories/args/index.d.ts

@@ -19,7 +19,7 @@ export type LineChartProps = {
 export type LineChartArgs = Partial<Flatten<LineChartProps>> & {};
 export declare const lineChartArgs: ArgTypes;
 export type AreaChartProps = {
-    area: OmitSVGElement<AreaProps>;
+    area: OmitSVGElement<AreaProps<any, any>>;
     areaChart: CartesianChartProps;
 } & AxisProps;
 export type AreaChartArgs = Partial<Flatten<AreaChartProps>> & {};

package/dist/types/components/Chart/stories/examples/AreaChart.d.ts

@@ -14,3 +14,9 @@ export declare const StackedAreaChartExample: (props: Partial<AreaChartProps>) =
 export declare const StackedExpandedAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const LabeledAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const WithLegendAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Smooth gradient area chart — a single data series with a lush gradient fill,
+ * smooth natural curve, and a tooltip with a value callout. Matches the style
+ * of the "Total Sales" chart in premium dashboards.
+ */
+export declare const GradientAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/BarChart.d.ts

@@ -18,3 +18,14 @@ export declare const MixedBarChartExample: (props: Partial<BarChartProps>) => im
 export declare const StackedBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const ActiveBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const NegativeBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Rounded pill-shaped bar chart — thick bars with fully rounded tops,
+ * inspired by modern dashboard UIs. One bar per day of week with
+ * the active/current day highlighted.
+ */
+export declare const RoundedBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Grouped rounded bar chart — side-by-side bars with rounded tops
+ * for comparing two data series.
+ */
+export declare const GroupedRoundedBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/LineChart.d.ts

@@ -14,3 +14,13 @@ export declare const StackedLineChartExample: (props: LineChartProps) => import(
 export declare const CustomDotLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export declare const LabeledLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WithLegendLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Smooth curved line chart with gradient stroke and refined active dot.
+ * Shows a single data series with emphasis on the curve smoothness.
+ */
+export declare const SmoothLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Multi-series comparison line chart with dashed reference line.
+ * Useful for budget vs actual, target vs performance comparisons.
+ */
+export declare const ComparisonLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/PieChart.d.ts

@@ -16,4 +16,9 @@ export declare const LabelListPieChartExample: (props: Partial<PieChartProps>) =
 export declare const WithLegendPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const DonutPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const ActiveDonutPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Beautiful donut chart with a center metric label.
+ * Perfect for portfolio allocation, budget breakdown, etc.
+ */
+export declare const CenterLabelDonutExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const StackedPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/RadialChart.d.ts

@@ -14,4 +14,9 @@ export declare const LabeledRadialChartExample: (props: Partial<RadialBarChartPr
 export declare const GridRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const TextRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const ShapeRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * KPI gauge — a single-value radial chart with a large center metric
+ * and background track. Great for goal progress, budget usage, etc.
+ */
+export declare const KPIGaugeRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const StackedRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -24,7 +24,7 @@ export type ChartStyleProps = {
     id: string;
     config: ChartConfig;
 };
-export type ChartTooltipContentProps = Partial<TooltipContentProps<number | string | (number | string)[], string>> & ComponentProps<"div"> & {
+export type ChartTooltipContentProps = Partial<TooltipContentProps<number | string | readonly (number | string)[], number | string>> & ComponentProps<"div"> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: "line" | "dot" | "dashed";

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

@@ -0,0 +1,6 @@
+import { CircularProgressProps } from './types';
+declare const CircularProgress: {
+    ({ value, className, size, thickness, variant, showLabel, label, preset, ...props }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CircularProgress };

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type CircularProgressProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Progress value from 0 to 100 */
+    value: number;
+    /** Size of the circle (CSS value) */
+    size?: string;
+    /** Thickness of the progress ring (CSS value) */
+    thickness?: string;
+    /** Color variant */
+    variant?: "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | "neutral";
+    /** Whether to show the value label */
+    showLabel?: boolean;
+    /** Custom label to display instead of percentage */
+    label?: ReactNode;
+    /** Size preset */
+    preset?: "xs" | "sm" | "md" | "lg" | "xl";
+};

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

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

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

@@ -0,0 +1,4 @@
+export declare const getComparisonBarTrackClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getComparisonBarSegmentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { ComparisonBar } from './ComparisonBar';
+export type { ComparisonBarProps, ComparisonBarSegment } from './types';

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+export type ComparisonBarSegment = {
+    /** Segment label */
+    label: string;
+    /** Segment value */
+    value: number;
+    /** Color (CSS color or Tailwind class) */
+    color?: string;
+};
+export type ComparisonBarProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Segments to display */
+    segments: ComparisonBarSegment[];
+    /** Whether to show labels */
+    showLabels?: boolean;
+    /** Whether to show values */
+    showValues?: boolean;
+    /** Height variant */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Format function for values */
+    formatValue?: (value: number) => string;
+};

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

@@ -0,0 +1,6 @@
+import { ConfettiProps } from './types';
+declare const Confetti: {
+    ({ active, count, duration, colors, }: ConfettiProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { Confetti };

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

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

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

@@ -0,0 +1,19 @@
+export type ConfettiPiece = {
+    id: number;
+    x: number;
+    delay: number;
+    duration: number;
+    color: string;
+    size: number;
+    rotation: number;
+};
+export type ConfettiProps = {
+    /** Whether to show confetti */
+    active?: boolean;
+    /** Number of confetti pieces */
+    count?: number;
+    /** Duration in seconds */
+    duration?: number;
+    /** Custom colors */
+    colors?: string[];
+};

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

@@ -0,0 +1,6 @@
+import { CountdownTimerProps } from './types';
+declare const CountdownTimer: {
+    ({ targetDate, className, label, onComplete, showSeconds, size, ...props }: CountdownTimerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CountdownTimer };

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

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type CountdownTimerProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Target date/time to count down to */
+    targetDate: Date;
+    /** Label to show above the timer */
+    label?: string;
+    /** Callback when countdown reaches zero */
+    onComplete?: () => void;
+    /** Whether to show seconds */
+    showSeconds?: boolean;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+};

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

@@ -0,0 +1,6 @@
+import { DataListProps } from './types';
+declare const DataList: {
+    ({ items, className, size, dividers, horizontal, ...props }: DataListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DataList };

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

@@ -0,0 +1,12 @@
+export declare const getDataListClasses: (props?: ({
+    horizontal?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDataListItemClasses: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    dividers?: boolean | null | undefined;
+    horizontal?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDataListLabelClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getDataListValueClasses: (props?: ({
+    horizontal?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { DataList } from './DataList';
+export type { DataListProps, DataListItem } from './types';

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

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type DataListItem = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export type DataListProps = Omit<HTMLAttributes<HTMLDListElement>, "children"> & {
+    /** Key-value items to display */
+    items: DataListItem[];
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Whether to show dividers between items */
+    dividers?: boolean;
+    /** Whether to show items in a horizontal layout */
+    horizontal?: boolean;
+};

package/dist/types/components/DatePicker/DateRangePresetPicker.d.ts

@@ -0,0 +1,2 @@
+import { DateRangePresetPickerProps } from './types';
+export declare const DateRangePresetPicker: ({ name, size, wide, label, outline, variant, disabled, disabledDates, defaultRange, presets, onRangeChange, getRangeValue, getRangeLabel, triggerClassName, ...props }: DateRangePresetPickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
 export { DatePicker } from './DatePicker';
 export { DateRangePicker } from './DateRangePicker';
+export { DateRangePresetPicker } from './DateRangePresetPicker';
 export { MultipleDatesPicker } from './MultipleDatesPicker';

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

@@ -23,6 +23,25 @@ export type DateRangePickerProps = BaseDatePickerProps & Omit<PropsRange, "mode"
     };
     getRangeLabel?: (range: DateRange | undefined) => string | React.JSX.Element | undefined;
 };
+export type DateRangePreset = {
+    /** Display label for the preset */
+    label: string;
+    /** Function that returns the date range for this preset */
+    range: () => DateRange;
+};
+export type DateRangePresetPickerProps = BaseDatePickerProps & Omit<PropsRange, "mode" | "disabled"> & {
+    defaultRange?: DateRange;
+    disabledDates?: PropsRange["disabled"];
+    /** Preset period options. Defaults to Today, Last 7/30/90 days, This month, This year */
+    presets?: DateRangePreset[];
+    /** Called when range changes, with optional preset label */
+    onRangeChange?: (range: DateRange | undefined, presetLabel?: string) => void;
+    getRangeValue?: (range: DateRange | undefined) => {
+        from: string | undefined;
+        to: string | undefined;
+    };
+    getRangeLabel?: (range: DateRange | undefined) => string | undefined;
+};
 export type MultipleDatesPickerProps = BaseDatePickerProps & Omit<PropsMulti, "mode"> & {
     defaultDates?: Date[];
     disabledDates?: PropsBase["disabled"];

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

@@ -1,7 +1,8 @@
 import { DescriptionDetailProps, DescriptionProps, DescriptionTermProps } from './types';
 declare const Description: {
-    (props: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, variant, layout, size, dividers, striped, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
     Term: ({ className, ...props }: DescriptionTermProps) => import("react/jsx-runtime").JSX.Element;
     Detail: ({ className, ...props }: DescriptionDetailProps) => import("react/jsx-runtime").JSX.Element;
+    Pair: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export { Description };

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

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

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

@@ -0,0 +1,23 @@
+export declare const getDescriptionClasses: (props?: ({
+    variant?: "default" | "card" | "subtle" | null | undefined;
+    layout?: "inline" | "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDescriptionTermClasses: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    layout?: "inline" | "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDescriptionDetailClasses: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    layout?: "inline" | "horizontal" | "vertical" | null | undefined;
+    dividers?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDescriptionPairClasses: (props?: ({
+    layout?: "inline" | "horizontal" | "vertical" | null | undefined;
+    striped?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDescriptionGroupClasses: (props?: ({
+    direction?: "row" | "column" | null | undefined;
+    dividers?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDescriptionGroupItemClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1 +1,3 @@
 export { Description } from './Description';
+export { DescriptionGroup } from './DescriptionGroup';
+export type { DescriptionProps, DescriptionTermProps, DescriptionDetailProps, DescriptionGroupProps, DescriptionSize, DescriptionLayout, DescriptionVariant, } from './types';