@timmbr/ui 1.0.0-beta

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { skeletonVariants } from './Skeleton.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Skeleton = React.forwardRef(
+  ({
+    className,
+    style,
+    variant = "text",
+    animation = "pulse",
+    width,
+    height,
+    lines = 1,
+    motion,
+    ...props
+  }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const inlineStyles = {
+      ...width !== void 0 ? { width: typeof width === "number" ? `${width}px` : width } : {},
+      ...height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : {},
+      ...style
+    };
+    const resolvedAnimation = shouldAnimate ? animation : "none";
+    if (variant === "text" && lines > 1) {
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 w-full", "data-slot": "skeleton-group", children: Array.from({ length: lines }).map((_, idx) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            skeletonVariants({ variant: "text", animation: resolvedAnimation }),
+            idx === lines - 1 && "w-4/5",
+            motionClass,
+            className
+          ),
+          style: idx === 0 ? inlineStyles : void 0
+        },
+        idx
+      )) });
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "skeleton",
+        style: inlineStyles,
+        className: cn(
+          skeletonVariants({ variant, animation: resolvedAnimation }),
+          motionClass,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton };

package/dist/components/Skeleton/Skeleton.styles.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const skeletonVariants: (props?: ({
+    variant?: "text" | "circular" | "rectangular" | "card" | null | undefined;
+    animation?: "none" | "pulse" | "wave" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+//# sourceMappingURL=Skeleton.styles.d.ts.map

package/dist/components/Skeleton/Skeleton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;;8EAqB5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/Skeleton/Skeleton.styles.js

@@ -0,0 +1,26 @@
+import { cva } from 'class-variance-authority';
+
+const skeletonVariants = cva(
+  "bg-grey-200 dark:bg-grey-800 font-sans select-none",
+  {
+    variants: {
+      variant: {
+        text: "h-4 w-full rounded-sm",
+        circular: "rounded-full aspect-square shrink-0",
+        rectangular: "rounded-md w-full",
+        card: "rounded-xl w-full p-4 border border-grey-200 dark:border-grey-800"
+      },
+      animation: {
+        pulse: "animate-pulse",
+        wave: "relative overflow-hidden before:absolute before:inset-0 before:content-[''] before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-white/60 dark:before:via-white/15 before:to-transparent",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "text",
+      animation: "pulse"
+    }
+  }
+);
+
+export { skeletonVariants };

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

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+import type { SkeletonVariants } from './Skeleton.styles';
+import type { MotionProp } from '../../types/motion';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, SkeletonVariants {
+    /**
+     * Explicit width (e.g. '100%', '200px', 150).
+     */
+    width?: string | number;
+    /**
+     * Explicit height (e.g. '20px', 40).
+     */
+    height?: string | number;
+    /**
+     * Number of lines to render when variant="text". Defaults to 1.
+     */
+    lines?: number;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

package/dist/components/Skeleton/Skeleton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,gBAAgB;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Skeleton';
+export * from './Skeleton.types';
+export * from './Skeleton.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { SpinnerProps } from './Spinner.types';
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,sFAmCnB,CAAC"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { Loader2 } from '@timmbr/icons';
+import { spinnerVariants } from './Spinner.styles.js';
+
+const Spinner = React.forwardRef(
+  ({
+    className,
+    size = "md",
+    variant = "default",
+    label = "Loading...",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        role: "status",
+        "aria-label": label,
+        "data-slot": "spinner-container",
+        className: cn("inline-flex items-center gap-2 font-sans", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Loader2,
+            {
+              className: spinnerVariants({ size, variant }),
+              "aria-hidden": "true",
+              "data-slot": "spinner"
+            }
+          ),
+          children && /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground font-medium select-none", "data-slot": "spinner-label", children }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+        ]
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+export { Spinner };

package/dist/components/Spinner/Spinner.styles.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
+    variant?: "default" | "white" | "primary" | "secondary" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpinnerVariants = VariantProps<typeof spinnerVariants>;
+//# sourceMappingURL=Spinner.styles.d.ts.map

package/dist/components/Spinner/Spinner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,eAAe;;;8EAwB3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Spinner/Spinner.styles.js

@@ -0,0 +1,29 @@
+import { cva } from 'class-variance-authority';
+
+const spinnerVariants = cva(
+  "inline-flex shrink-0 animate-spin text-current font-sans",
+  {
+    variants: {
+      size: {
+        xs: "size-3",
+        sm: "size-4",
+        md: "size-5",
+        lg: "size-7",
+        xl: "size-10"
+      },
+      variant: {
+        default: "text-primary",
+        primary: "text-primary",
+        secondary: "text-secondary-foreground",
+        white: "text-white",
+        muted: "text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+
+export { spinnerVariants };

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

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+import type { SpinnerVariants } from './Spinner.styles';
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, SpinnerVariants {
+    /**
+     * Accessible text read by screen readers (defaults to "Loading...").
+     */
+    label?: string;
+    /**
+     * Visible companion text rendered next to the spinner.
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Spinner.types.d.ts.map

package/dist/components/Spinner/Spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,eAAe;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Spinner';
+export * from './Spinner.types';
+export * from './Spinner.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { StackProps } from './Stack.types';
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/components/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,mFA2CjB,CAAC"}

package/dist/components/Stack/Stack.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { formatGap } from '../../utils/gap.js';
+import { stackVariants } from './Stack.styles.js';
+
+const Stack = React.forwardRef(
+  ({
+    className,
+    style,
+    gap = 4,
+    align = "stretch",
+    justify = "start",
+    divider,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? Slot : "div";
+    const gapClass = formatGap(gap);
+    const renderChildren = () => {
+      if (!divider) return children;
+      const array = React.Children.toArray(children).filter(Boolean);
+      return array.map((child, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        child,
+        index < array.length - 1 && divider
+      ] }, index));
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "stack",
+        "data-testid": "timmbr-stack",
+        style,
+        className: cn(stackVariants({ align, justify }), gapClass, className),
+        ...props,
+        children: renderChildren()
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+
+export { Stack };

package/dist/components/Stack/Stack.styles.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const stackVariants: (props?: ({
+    align?: "stretch" | "center" | "end" | "start" | "baseline" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type StackVariants = VariantProps<typeof stackVariants>;
+//# sourceMappingURL=Stack.styles.d.ts.map

package/dist/components/Stack/Stack.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,aAAa;;;8EAsBxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/components/Stack/Stack.styles.js

@@ -0,0 +1,27 @@
+import { cva } from 'class-variance-authority';
+
+const stackVariants = cva("flex flex-col", {
+  variants: {
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    align: "stretch",
+    justify: "start"
+  }
+});
+
+export { stackVariants };

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

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { StackVariants } from './Stack.styles';
+export interface StackProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'gap'>, Omit<StackVariants, 'gap'> {
+    /**
+     * Gap between items. Translates standard Tailwind tokens, any number (px), or custom string.
+     */
+    gap?: number | string;
+    /**
+     * Optional divider element rendered between each child in the stack.
+     */
+    divider?: React.ReactNode;
+    /**
+     * If true, renders child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Stack.types.d.ts.map

package/dist/components/Stack/Stack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EACvD,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Stack/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Stack';
+export * from './Stack.types';
+export * from './Stack.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/dist/components/Stat/Stat.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { StatProps, StatLabelProps, StatValueProps, StatHelpTextProps, StatIndicatorProps } from './Stat.types';
+export declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StatLabel: React.ForwardRefExoticComponent<StatLabelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StatValue: React.ForwardRefExoticComponent<StatValueProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StatHelpText: React.ForwardRefExoticComponent<StatHelpTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StatIndicator: React.ForwardRefExoticComponent<StatIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Stat.d.ts.map

package/dist/components/Stat/Stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,IAAI,kFAmBhB,CAAC;AAGF,eAAO,MAAM,SAAS,uFASrB,CAAC;AAGF,eAAO,MAAM,SAAS,uFASrB,CAAC;AAGF,eAAO,MAAM,YAAY,0FASxB,CAAC;AAGF,eAAO,MAAM,aAAa,4FAgBzB,CAAC"}

package/dist/components/Stat/Stat.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { TrendingUp, TrendingDown } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { statVariants, statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants } from './Stat.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Stat = React.forwardRef(
+  ({ className, variant, motion, ...props }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "stat",
+        className: cn(
+          statVariants({ variant }),
+          !shouldAnimate && "transition-none",
+          motionClass,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Stat.displayName = "Stat";
+const StatLabel = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "stat-label",
+      className: cn(statLabelVariants(), className),
+      ...props
+    }
+  )
+);
+StatLabel.displayName = "StatLabel";
+const StatValue = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "stat-value",
+      className: cn(statValueVariants(), className),
+      ...props
+    }
+  )
+);
+StatValue.displayName = "StatValue";
+const StatHelpText = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "stat-help-text",
+      className: cn(statHelpTextVariants(), className),
+      ...props
+    }
+  )
+);
+StatHelpText.displayName = "StatHelpText";
+const StatIndicator = React.forwardRef(
+  ({ className, type = "increase", children, ...props }, ref) => {
+    const Icon = type === "increase" ? TrendingUp : TrendingDown;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "stat-indicator",
+        className: cn(statIndicatorVariants({ type }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3.5", "aria-hidden": "true" }),
+          children
+        ]
+      }
+    );
+  }
+);
+StatIndicator.displayName = "StatIndicator";
+
+export { Stat, StatHelpText, StatIndicator, StatLabel, StatValue };

package/dist/components/Stat/Stat.styles.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const statVariants: (props?: ({
+    variant?: "default" | "subtle" | "bordered" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const statLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const statValueVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const statHelpTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const statIndicatorVariants: (props?: ({
+    type?: "increase" | "decrease" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type StatVariants = VariantProps<typeof statVariants>;
+export type StatIndicatorVariants = VariantProps<typeof statIndicatorVariants>;
+//# sourceMappingURL=Stat.styles.d.ts.map

package/dist/components/Stat/Stat.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAcxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/Stat/Stat.styles.js

@@ -0,0 +1,42 @@
+import { cva } from 'class-variance-authority';
+
+const statVariants = cva(
+  "flex flex-col gap-1 font-sans text-foreground rounded-xl transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "p-0",
+        bordered: "p-5 border border-grey-200 dark:border-grey-800 bg-card shadow-xs",
+        subtle: "p-5 bg-grey-50 dark:bg-grey-900/50 rounded-xl border border-grey-200/60 dark:border-grey-800/60"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const statLabelVariants = cva(
+  "text-xs font-semibold text-muted-foreground uppercase tracking-wider select-none"
+);
+const statValueVariants = cva(
+  "text-3xl font-display font-semibold text-foreground tracking-tight"
+);
+const statHelpTextVariants = cva(
+  "flex items-center gap-1.5 text-xs text-muted-foreground mt-1"
+);
+const statIndicatorVariants = cva(
+  "inline-flex items-center gap-1 font-semibold text-xs",
+  {
+    variants: {
+      type: {
+        increase: "text-success",
+        decrease: "text-destructive"
+      }
+    },
+    defaultVariants: {
+      type: "increase"
+    }
+  }
+);
+
+export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants };

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

@@ -0,0 +1,16 @@
+import type * as React from 'react';
+import type { StatVariants } from './Stat.styles';
+import type { MotionProp } from '../../types/motion';
+export interface StatProps extends React.HTMLAttributes<HTMLDivElement>, StatVariants {
+    motion?: MotionProp;
+}
+export interface StatLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface StatValueProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface StatHelpTextProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface StatIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    type?: 'increase' | 'decrease';
+}
+//# sourceMappingURL=Stat.types.d.ts.map

package/dist/components/Stat/Stat.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC"}

package/dist/components/Stat/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Stat';
+export * from './Stat.types';
+export * from './Stat.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { SwitchProps } from './Switch.types';
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,uFAsElB,CAAC"}