@timmbr/ui 1.0.0-beta

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

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+import type { AvatarVariants } from './Avatar.styles';
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, AvatarVariants {
+    /**
+     * URL of the avatar image.
+     */
+    src?: string;
+    /**
+     * Accessible description for the image.
+     */
+    alt?: string;
+    /**
+     * Initials to display when image is loading or unavailable (e.g. "M", "JD").
+     */
+    initials?: string;
+    /**
+     * Optional presence / activity status indicator.
+     */
+    status?: AvatarStatus;
+    /**
+     * If true, renders child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,cAAc;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/components/Badge/Badge.d.ts

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

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

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

package/dist/components/Badge/Badge.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { badgeVariants } from './Badge.styles.js';
+
+const Badge = React.forwardRef(
+  ({
+    className,
+    style,
+    variant = "primary",
+    size = "md",
+    dot = false,
+    leftIcon,
+    rightIcon,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsxs(
+      Component,
+      {
+        ref,
+        "data-slot": "badge",
+        "data-testid": "timmbr-badge",
+        style,
+        className: cn(badgeVariants({ variant, size, className })),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "size-1.5 rounded-full bg-current shrink-0",
+              "data-slot": "badge-dot",
+              "aria-hidden": "true"
+            }
+          ),
+          leftIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0 inline-flex items-center", "data-slot": "badge-left-icon", children: leftIcon }),
+          /* @__PURE__ */ jsx("span", { children }),
+          rightIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0 inline-flex items-center", "data-slot": "badge-right-icon", children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge };

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "subtle" | "primary" | "secondary" | "destructive" | "success" | "brand" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;
+//# sourceMappingURL=Badge.styles.d.ts.map

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

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

package/dist/components/Badge/Badge.styles.js

@@ -0,0 +1,30 @@
+import { cva } from 'class-variance-authority';
+
+const badgeVariants = cva(
+  "inline-flex items-center gap-1.5 whitespace-nowrap rounded-[2px] font-sans transition-colors select-none font-normal leading-[1.3]",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary-300 text-white",
+        brand: "bg-primary text-white",
+        default: "bg-primary text-white",
+        secondary: "bg-secondary text-secondary-foreground",
+        outline: "border border-grey-300 dark:border-grey-700 bg-transparent text-foreground",
+        subtle: "bg-bg-subtle text-foreground",
+        success: "bg-emerald-600 text-white",
+        destructive: "bg-destructive text-white"
+      },
+      size: {
+        sm: "px-1.5 py-0.5 text-xs",
+        md: "px-2 py-1 text-[14px]",
+        lg: "px-3 py-1.5 text-base font-medium"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+
+export { badgeVariants };

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

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { BadgeVariants } from './Badge.styles';
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, BadgeVariants {
+    /**
+     * Optional leading dot indicator.
+     */
+    dot?: boolean;
+    /**
+     * Leading icon element before badge label.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Trailing icon element after badge label.
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * If true, renders child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Badge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.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,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,aAAa;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Button/Button.d.ts

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

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

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

package/dist/components/Button/Button.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { SpinnerIcon } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { buttonVariants } from './Button.styles.js';
+import { useTimmbrConfig } from '../../providers/TimmbrConfigProvider.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Button = React.forwardRef(
+  ({
+    className,
+    style,
+    variant,
+    size,
+    asChild = false,
+    motion,
+    leftIcon,
+    rightIcon,
+    loading = false,
+    loadingText,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const config = useTimmbrConfig();
+    const globalMotion = useGlobalAnimation();
+    const resolvedVariant = variant ?? config.components?.button?.defaultVariant ?? "default";
+    const resolvedSize = size ?? config.components?.button?.defaultSize ?? "default";
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const isDisabled = disabled || loading;
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Slot,
+        {
+          ref,
+          className: cn(
+            buttonVariants({
+              variant: resolvedVariant,
+              size: resolvedSize,
+              className
+            }),
+            !shouldAnimate && "transition-none active:scale-100",
+            motionClass
+          ),
+          style,
+          "data-slot": "button",
+          "aria-disabled": isDisabled || void 0,
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled: isDisabled,
+        "data-slot": "button",
+        "data-testid": "timmbr-button",
+        style,
+        className: cn(
+          buttonVariants({
+            variant: resolvedVariant,
+            size: resolvedSize,
+            className
+          }),
+          !shouldAnimate && "transition-none active:scale-100",
+          motionClass
+        ),
+        ...props,
+        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SpinnerIcon, { size: resolvedSize === "sm" ? 14 : 18 }),
+          loadingText ? /* @__PURE__ */ jsx("span", { children: loadingText }) : children
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          leftIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center justify-center pointer-events-none", "data-slot": "button-left-icon", children: leftIcon }),
+          children && /* @__PURE__ */ jsx("span", { children }),
+          rightIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center justify-center pointer-events-none", "data-slot": "button-right-icon", children: rightIcon })
+        ] })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button };

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "ghost" | "primary" | "secondary" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+//# sourceMappingURL=Button.styles.d.ts.map

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

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

package/dist/components/Button/Button.styles.js

@@ -0,0 +1,31 @@
+import { cva } from 'class-variance-authority';
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[2px] font-sans 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 select-none active:scale-[0.98]",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-white hover:bg-primary-600 hover:brightness-105 hover:shadow-md active:bg-primary-700 active:brightness-95 shadow-sm",
+        primary: "bg-primary text-white hover:bg-primary-600 hover:brightness-105 hover:shadow-md active:bg-primary-700 active:brightness-95 shadow-sm",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-bg-subtle hover:brightness-105 active:bg-secondary-foreground/10 active:brightness-95 shadow-xs hover:shadow-sm",
+        outline: "border border-grey-300 dark:border-grey-700 bg-transparent text-foreground hover:bg-grey-100 dark:hover:bg-grey-900 active:bg-grey-200 dark:active:bg-grey-800 hover:border-grey-400 dark:hover:border-grey-600",
+        ghost: "text-foreground hover:bg-grey-100 dark:hover:bg-grey-900 active:bg-grey-200 dark:active:bg-grey-800",
+        destructive: "bg-destructive text-white hover:bg-red-700 hover:brightness-105 hover:shadow-md active:brightness-95 shadow-sm",
+        link: "text-primary underline-offset-4 hover:underline p-0 h-auto active:scale-100 font-normal"
+      },
+      size: {
+        sm: "h-9 px-3 text-xs",
+        default: "h-11 px-5 text-sm",
+        md: "h-11 px-5 text-sm",
+        lg: "h-[52px] px-6 text-base",
+        icon: "h-10 w-10 p-0 shrink-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+export { buttonVariants };

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

@@ -0,0 +1,30 @@
+import type * as React from 'react';
+import type { ButtonVariants } from './Button.styles';
+import type { MotionProp } from '../../types/motion';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {
+    /**
+     * If true, the button will render its child element (e.g. Next.js <Link>) instead of a <button>.
+     */
+    asChild?: boolean;
+    /**
+     * Local toggle to enable/disable button motion transitions, or configure motion primitives.
+     */
+    motion?: MotionProp;
+    /**
+     * Leading icon element rendered before button children.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Trailing icon element rendered after button children.
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * Displays an animated loading spinner and disables interactive states.
+     */
+    loading?: boolean;
+    /**
+     * Optional loading text displayed alongside spinner.
+     */
+    loadingText?: string;
+}
+//# sourceMappingURL=Button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,cAAc;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

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

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

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

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

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps } from './Card.types';
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,IAAI,kFAWhB,CAAC;AAGF,eAAO,MAAM,UAAU,wFAWtB,CAAC;AAGF,eAAO,MAAM,SAAS,2FAWrB,CAAC;AAGF,eAAO,MAAM,eAAe,mGAY1B,CAAC;AAGH,eAAO,MAAM,WAAW,yFAWvB,CAAC;AAGF,eAAO,MAAM,UAAU,wFAWtB,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,90 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { cardVariants, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants } from './Card.styles.js';
+
+const Card = React.forwardRef(
+  ({ className, variant, padding, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardVariants({ variant, padding }), className),
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardHeaderVariants(), className),
+        ...props
+      }
+    );
+  }
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "h3";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardTitleVariants(), className),
+        ...props
+      }
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(cardDescriptionVariants(), className),
+      ...props
+    }
+  );
+});
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardContentVariants(), className),
+        ...props
+      }
+    );
+  }
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardFooterVariants(), className),
+        ...props
+      }
+    );
+  }
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

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

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const cardVariants: (props?: ({
+    variant?: "outline" | "subtle" | "elevated" | "interactive" | null | undefined;
+    padding?: "none" | "default" | "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cardHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cardTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cardDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cardContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cardFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type CardVariants = VariantProps<typeof cardVariants>;
+//# sourceMappingURL=Card.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;;8EA2BxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oFAAoC,CAAC;AACpE,eAAO,MAAM,iBAAiB,oFAAmF,CAAC;AAClH,eAAO,MAAM,uBAAuB,oFAA4C,CAAC;AACjF,eAAO,MAAM,mBAAmB,oFAA6B,CAAC;AAC9D,eAAO,MAAM,kBAAkB,oFAAmG,CAAC;AAEnI,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/components/Card/Card.styles.js

@@ -0,0 +1,33 @@
+import { cva } from 'class-variance-authority';
+
+const cardVariants = cva(
+  "rounded-[4px] text-foreground font-sans transition-all",
+  {
+    variants: {
+      variant: {
+        outline: "border border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 shadow-sm",
+        elevated: "border border-transparent bg-white dark:bg-grey-900 shadow-md hover:shadow-lg",
+        subtle: "border border-transparent bg-grey-50 dark:bg-grey-950",
+        interactive: "border border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 shadow-sm hover:border-primary hover:shadow-md cursor-pointer"
+      },
+      padding: {
+        none: "p-0",
+        sm: "p-4",
+        default: "p-6",
+        md: "p-6",
+        lg: "p-8"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      padding: "default"
+    }
+  }
+);
+const cardHeaderVariants = cva("flex flex-col gap-1.5 mb-4");
+const cardTitleVariants = cva("text-lg font-serif font-bold text-foreground leading-tight tracking-tight");
+const cardDescriptionVariants = cva("text-sm text-muted leading-relaxed");
+const cardContentVariants = cva("flex flex-col gap-4");
+const cardFooterVariants = cva("flex items-center justify-between pt-4 mt-4 border-t border-grey-100 dark:border-grey-800");
+
+export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };

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

@@ -0,0 +1,24 @@
+import type * as React from 'react';
+import type { CardVariants } from './Card.styles';
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, CardVariants {
+    /**
+     * If true, delegates rendering to the direct child element using Radix Slot.
+     */
+    asChild?: boolean;
+}
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    asChild?: boolean;
+}
+export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    asChild?: boolean;
+}
+export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+//# sourceMappingURL=Card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Center/Center.d.ts

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

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

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

package/dist/components/Center/Center.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { centerVariants } from './Center.styles.js';
+
+const Center = React.forwardRef(
+  ({ className, style, inline = false, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "center",
+        style,
+        className: cn(centerVariants({ inline }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Center.displayName = "Center";
+
+export { Center };

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

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const centerVariants: (props?: ({
+    inline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CenterVariants = VariantProps<typeof centerVariants>;
+//# sourceMappingURL=Center.styles.d.ts.map

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

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

package/dist/components/Center/Center.styles.js

@@ -0,0 +1,18 @@
+import { cva } from 'class-variance-authority';
+
+const centerVariants = cva(
+  "items-center justify-center",
+  {
+    variants: {
+      inline: {
+        true: "inline-flex",
+        false: "flex"
+      }
+    },
+    defaultVariants: {
+      inline: false
+    }
+  }
+);
+
+export { centerVariants };

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

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import type { CenterVariants } from './Center.styles';
+export interface CenterProps extends React.HTMLAttributes<HTMLDivElement>, CenterVariants {
+    /**
+     * If true, delegates rendering to child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Center.types.d.ts.map