@timmbr/ui 1.0.0-beta

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { MoreHorizontal, ChevronRight, ChevronLeft } from '@timmbr/icons';
+import { paginationLinkVariants } from './Pagination.styles.js';
+
+const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    "data-slot": "pagination",
+    className: cn("mx-auto flex w-full justify-center font-sans", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+const PaginationContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1.5", className),
+      ...props
+    }
+  )
+);
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, "data-slot": "pagination-item", className: cn("", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = React.forwardRef(
+  ({ className, isActive, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(paginationLinkVariants({ isActive, size }), className),
+      ...props
+    }
+  )
+);
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+const PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    "data-slot": "pagination-ellipsis",
+    className: cn("flex size-9 items-center justify-center text-muted-foreground", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

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

@@ -0,0 +1,5 @@
+export declare const paginationLinkVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=Pagination.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;8EAoBlC,CAAC"}

package/dist/components/Pagination/Pagination.styles.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+
+const paginationLinkVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-[2px] font-sans text-xs font-semibold transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer active:scale-95",
+  {
+    variants: {
+      isActive: {
+        true: "bg-primary text-white shadow-xs hover:bg-primary-600",
+        false: "text-foreground hover:bg-grey-100 dark:hover:bg-grey-800 border border-grey-200 dark:border-grey-800"
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2",
+        default: "h-9 min-w-9 px-3",
+        lg: "h-11 min-w-11 px-4 text-sm"
+      }
+    },
+    defaultVariants: {
+      isActive: false,
+      size: "default"
+    }
+  }
+);
+
+export { paginationLinkVariants };

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

@@ -0,0 +1,98 @@
+import type * as React from 'react';
+/**
+ * Root container for pagination navigation.
+ */
+export interface PaginationProps extends React.ComponentProps<'nav'> {
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Accessible label for the navigation landmark.
+     * @default "pagination"
+     */
+    'aria-label'?: string;
+    /**
+     * Children components representing pagination structure.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Ordered list container holding individual pagination items.
+ */
+export interface PaginationContentProps extends React.ComponentProps<'ul'> {
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Child list items.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Wrapper for an individual pagination item link or indicator.
+ */
+export interface PaginationItemProps extends React.ComponentProps<'li'> {
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Child link or button element.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Clickable pagination button or anchor link.
+ */
+export interface PaginationLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Size variant of the pagination control.
+     * @default 'default'
+     */
+    size?: 'default' | 'sm' | 'lg';
+    /**
+     * Whether this page is the currently active page.
+     * Sets aria-current="page" when true.
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * When true, delegates rendering to the immediate child component via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Content inside the pagination button.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Previous page action button.
+ */
+export interface PaginationPreviousProps extends PaginationLinkProps {
+    /**
+     * Custom label or override text for Previous button.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Next page action button.
+ */
+export interface PaginationNextProps extends PaginationLinkProps {
+    /**
+     * Custom label or override text for Next button.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Decorative ellipsis indicator representing omitted pages in the range.
+ */
+export interface PaginationEllipsisProps extends React.ComponentProps<'span'> {
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACrE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import type { PopoverProps, PopoverContentProps } from './Popover.types';
+export declare const Popover: React.FC<PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAyB,CAAC;AACrE,eAAO,MAAM,cAAc,gHAA2B,CAAC;AACvD,eAAO,MAAM,aAAa,4GAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,8GAAyB,CAAC;AAEnD,eAAO,MAAM,cAAc,4FAwBzB,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { popoverContentVariants } from './Popover.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverClose = PopoverPrimitive.Close;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, motion, ...props }, ref) => {
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      "data-slot": "popover-content",
+      className: cn(
+        popoverContentVariants(),
+        !shouldAnimate && "transition-none animate-none",
+        motionClass,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

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

@@ -0,0 +1,2 @@
+export declare const popoverContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=Popover.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,oFAElC,CAAC"}

package/dist/components/Popover/Popover.styles.js

@@ -0,0 +1,7 @@
+import { cva } from 'class-variance-authority';
+
+const popoverContentVariants = cva(
+  "z-50 w-72 rounded-md border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-900 p-4 text-foreground shadow-md outline-none font-sans transition-all duration-150 data-[state=open]:animate-scale-in data-[state=closed]:animate-scale-out"
+);
+
+export { popoverContentVariants };

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

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+import type * as PopoverPrimitive from '@radix-ui/react-popover';
+import type { MotionProp } from '../../types/motion';
+export interface PopoverProps extends PopoverPrimitive.PopoverProps {
+}
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Popover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEtE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

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

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

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

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

package/dist/components/Progress/Progress.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,sFAgEpB,CAAC"}

package/dist/components/Progress/Progress.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { progressIndicatorVariants, progressRootVariants } from './Progress.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Progress = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    variant = "default",
+    size = "default",
+    indeterminate = false,
+    label,
+    showValue = false,
+    motion,
+    ...props
+  }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const safeValue = Math.min(Math.max(value ?? 0, 0), max);
+    const percentage = Math.round(safeValue / max * 100);
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5 w-full font-sans", className), children: [
+      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-foreground font-medium select-none", children: [
+        label && /* @__PURE__ */ jsx("span", { children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground font-mono ml-auto", children: [
+          percentage,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          "aria-valuenow": indeterminate ? void 0 : safeValue,
+          "aria-label": label,
+          "data-slot": "progress",
+          className: progressRootVariants({ size }),
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "progress-indicator",
+              className: cn(
+                progressIndicatorVariants({ variant }),
+                indeterminate ? "absolute top-0 bottom-0 animate-indeterminate-bar rounded-full" : "h-full transition-all duration-500 ease-out",
+                !shouldAnimate && "transition-none",
+                motionClass
+              ),
+              style: indeterminate ? void 0 : { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+export { Progress };

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

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const progressRootVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const progressIndicatorVariants: (props?: ({
+    variant?: "default" | "primary" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ProgressVariants = VariantProps<typeof progressIndicatorVariants> & VariantProps<typeof progressRootVariants>;
+//# sourceMappingURL=Progress.styles.d.ts.map

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

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

package/dist/components/Progress/Progress.styles.js

@@ -0,0 +1,36 @@
+import { cva } from 'class-variance-authority';
+
+const progressRootVariants = cva(
+  "relative w-full overflow-hidden rounded-full bg-grey-200 dark:bg-grey-800 transition-all font-sans",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5",
+        default: "h-2.5",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const progressIndicatorVariants = cva(
+  "h-full rounded-full transition-all duration-300 ease-out",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary",
+        primary: "bg-primary",
+        success: "bg-success",
+        warning: "bg-warning",
+        destructive: "bg-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+export { progressIndicatorVariants, progressRootVariants };

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

@@ -0,0 +1,30 @@
+import type * as React from 'react';
+import type { ProgressVariants } from './Progress.styles';
+import type { MotionProp } from '../../types/motion';
+export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, ProgressVariants {
+    /**
+     * Progress value between 0 and max.
+     */
+    value?: number;
+    /**
+     * Maximum value. Defaults to 100.
+     */
+    max?: number;
+    /**
+     * Whether the progress is indeterminate (ongoing activity with unknown duration).
+     */
+    indeterminate?: boolean;
+    /**
+     * Optional visible or accessible label.
+     */
+    label?: string;
+    /**
+     * If true, displays the percentage text alongside the bar.
+     */
+    showValue?: boolean;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Progress.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.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,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

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

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

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

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

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { RadioGroupProps, RadioItemProps } from './Radio.types';
+export declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,eAAe,CAAC;AAEtF,eAAO,MAAM,SAAS,0FA2DrB,CAAC;AAIF,eAAO,MAAM,UAAU,wFAwEtB,CAAC;AAIF,eAAO,MAAM,KAAK,0FAAY,CAAC"}

package/dist/components/Radio/Radio.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { cn } from '@timmbr/utils';
+import { AlertCircle, Info } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { radioIndicatorVariants, radioItemVariants } from './Radio.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const RadioItem = React.forwardRef(
+  ({ className, size, label, description, disabled, id: customId, motion, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = customId || generatedId;
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const control = /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        id,
+        disabled,
+        "data-slot": "radio-item",
+        className: cn(
+          radioItemVariants({ size }),
+          !shouldAnimate && "transition-none active:scale-100",
+          motionClass,
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          RadioGroupPrimitive.Indicator,
+          {
+            className: cn(
+              radioIndicatorVariants({ size }),
+              !shouldAnimate && "transition-none"
+            )
+          }
+        )
+      }
+    );
+    if (!label && !description) {
+      return control;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5 font-sans", children: [
+      /* @__PURE__ */ jsx("div", { className: "pt-0.5", children: control }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col select-none", children: [
+        label && /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: id,
+            className: cn(
+              "text-sm font-medium text-foreground cursor-pointer leading-tight",
+              disabled && "opacity-50 cursor-not-allowed"
+            ),
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5 leading-normal", children: description })
+      ] })
+    ] });
+  }
+);
+RadioItem.displayName = "RadioItem";
+const RadioGroup = React.forwardRef(
+  ({
+    className,
+    style,
+    size,
+    label,
+    helperText,
+    error,
+    orientation = "vertical",
+    options,
+    motion,
+    children,
+    ...props
+  }, ref) => {
+    const isError = Boolean(error);
+    const errorMessage = typeof error === "string" ? error : void 0;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 font-sans w-full", style, children: [
+      label && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground tracking-wide select-none", children: label }),
+      /* @__PURE__ */ jsx(
+        RadioGroupPrimitive.Root,
+        {
+          ref,
+          orientation,
+          "data-slot": "radio-group",
+          className: cn(
+            "flex gap-3",
+            orientation === "vertical" ? "flex-col" : "flex-row flex-wrap gap-4",
+            className
+          ),
+          ...props,
+          children: options ? options.map((opt) => /* @__PURE__ */ jsx(
+            RadioItem,
+            {
+              value: opt.value,
+              label: opt.label,
+              description: opt.description,
+              disabled: opt.disabled,
+              size,
+              motion
+            },
+            opt.value
+          )) : children
+        }
+      ),
+      (errorMessage || helperText) && /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: cn(
+            "text-xs mt-0.5 flex items-center gap-1.5",
+            isError ? "text-destructive font-medium" : "text-muted"
+          ),
+          children: [
+            isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { children: errorMessage || helperText })
+          ]
+        }
+      )
+    ] });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+const Radio = RadioItem;
+
+export { Radio, RadioGroup, RadioItem };