@timmbr/ui 1.0.0-beta

package/dist/components/Textarea/Textarea.styles.js

@@ -0,0 +1,38 @@
+import { cva } from 'class-variance-authority';
+
+const textareaVariants = cva(
+  "w-full font-sans rounded-[2px] border text-foreground placeholder:text-muted transition-all duration-150 outline-none focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        outline: "border-grey-300 dark:border-grey-700 bg-white dark:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
+        filled: "border-transparent bg-grey-100 dark:bg-grey-800 focus:bg-white dark:focus:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
+        subtle: "border-grey-200 dark:border-grey-800 bg-grey-50 dark:bg-grey-900/50 focus:border-primary focus:ring-1 focus:ring-primary"
+      },
+      size: {
+        sm: "p-2 text-xs min-h-[72px]",
+        default: "p-3 text-sm min-h-[96px]",
+        md: "p-3 text-sm min-h-[96px]",
+        lg: "p-4 text-base min-h-[120px]"
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      },
+      isError: {
+        true: "border-destructive focus:border-destructive focus:ring-1 focus:ring-destructive text-destructive",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default",
+      resize: "vertical",
+      isError: false
+    }
+  }
+);
+
+export { textareaVariants };

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

@@ -0,0 +1,38 @@
+import type * as React from 'react';
+import type { TextareaVariants } from './Textarea.styles';
+import type { MotionProp } from '../../types/motion';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextareaVariants {
+    /**
+     * Field label displayed above the textarea or floating inside.
+     */
+    label?: string;
+    /**
+     * If true, enables animated floating label behavior.
+     */
+    floating?: boolean;
+    /**
+     * Supporting message displayed below the textarea.
+     */
+    helperText?: string;
+    /**
+     * Error message or error state boolean.
+     */
+    error?: string | boolean;
+    /**
+     * If true, shows character count when maxLength is provided.
+     */
+    showCount?: boolean;
+    /**
+     * If true, automatically adjusts height to fit content.
+     */
+    autoResize?: boolean;
+    /**
+     * Additional classes for outer container.
+     */
+    containerClassName?: string;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.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,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,gBAAgB;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

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

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

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

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import type { ToastProps, ToastViewportProps } from './Toast.types';
+export declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
+export declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLLIElement>>;
+export declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAMxD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,aAAa,6CAA0B,CAAC;AAErD,eAAO,MAAM,aAAa,6FAcxB,CAAC;AAGH,eAAO,MAAM,KAAK,kFAuChB,CAAC;AAGH,eAAO,MAAM,WAAW,iKAatB,CAAC;AAGH,eAAO,MAAM,UAAU,gKAgBrB,CAAC;AAGH,eAAO,MAAM,UAAU,0JAUrB,CAAC;AAGH,eAAO,MAAM,gBAAgB,gKAU3B,CAAC"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cn } from '@timmbr/utils';
+import { X } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { toastVariants } from './Toast.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const ToastProvider = ToastPrimitive.Provider;
+const ToastViewport = React.forwardRef(({ className, stacked, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Viewport,
+  {
+    ref,
+    "data-slot": "toast-viewport",
+    className: cn(
+      "fixed bottom-4 right-4 z-[100] group/toast-viewport flex flex-col-reverse gap-2 p-0 w-full sm:w-[420px] max-w-[420px]",
+      stacked && "relative h-[80px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+const Toast = React.forwardRef(({ className, variant, motion, index, total, style, ...props }, ref) => {
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+  const isStacked = index !== void 0;
+  const stackStyle = isStacked ? {
+    "--stack-idx": index,
+    zIndex: 50 - index,
+    ...style
+  } : { ...style };
+  return /* @__PURE__ */ jsx(
+    ToastPrimitive.Root,
+    {
+      ref,
+      "data-slot": "toast",
+      style: stackStyle,
+      className: cn(
+        toastVariants({ variant }),
+        !shouldAnimate && "transition-none animate-none",
+        isStacked && [
+          "absolute bottom-0 right-0 w-full transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]",
+          "translate-y-[calc(var(--stack-idx)*-12px)] scale-[calc(1-var(--stack-idx)*0.05)]",
+          "group-hover/toast-viewport:translate-y-[calc(var(--stack-idx)*-76px)] group-hover/toast-viewport:scale-100 group-hover/toast-viewport:opacity-100",
+          index > 2 ? "opacity-0 pointer-events-none group-hover/toast-viewport:opacity-100 group-hover/toast-viewport:pointer-events-auto" : "opacity-[calc(1-var(--stack-idx)*0.15)]"
+        ],
+        motionClass,
+        className
+      ),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitive.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Action,
+  {
+    ref,
+    "data-slot": "toast-action",
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-[2px] border bg-transparent px-3 text-xs font-semibold ring-offset-background transition-colors hover:bg-grey-100 dark:hover:bg-grey-800 focus:outline-none focus:ring-2 focus:ring-primary disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Close,
+  {
+    ref,
+    "data-slot": "toast-close",
+    className: cn(
+      "absolute right-2 top-2 rounded-sm p-1 text-muted hover:text-foreground opacity-70 hover:opacity-100 transition-opacity focus:outline-none cursor-pointer",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+  }
+));
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Title,
+  {
+    ref,
+    "data-slot": "toast-title",
+    className: cn("text-sm font-semibold leading-none", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Description,
+  {
+    ref,
+    "data-slot": "toast-description",
+    className: cn("text-xs text-muted-foreground mt-1 leading-relaxed", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitive.Description.displayName;
+
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };

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

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const toastVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToastVariants = VariantProps<typeof toastVariants>;
+//# sourceMappingURL=Toast.styles.d.ts.map

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

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

package/dist/components/Toast/Toast.styles.js

@@ -0,0 +1,21 @@
+import { cva } from 'class-variance-authority';
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-lg border p-4 pr-8 shadow-lg transition-all duration-200 font-sans data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-fade-out",
+  {
+    variants: {
+      variant: {
+        default: "border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-white",
+        success: "border-success bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-success",
+        warning: "border-warning bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
+        info: "border-info bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-info"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+export { toastVariants };

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

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+import type * as ToastPrimitive from '@radix-ui/react-toast';
+import type { ToastVariants } from './Toast.styles';
+import type { MotionProp } from '../../types/motion';
+export interface ToastProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, ToastVariants {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+    /**
+     * 0-based index in a toast stack (0 = newest / front-most).
+     */
+    index?: number;
+    /**
+     * Total number of active toasts in the stack.
+     */
+    total?: number;
+}
+export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport> {
+    /**
+     * Whether the viewport operates in stacked card-deck mode.
+     */
+    stacked?: boolean;
+}
+export interface ToastActionElement extends React.ReactElement<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>> {
+}
+//# sourceMappingURL=Toast.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;CAAG"}

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

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

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

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type { TooltipProps, TooltipContentProps } from './Tooltip.types';
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+export declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Convenient wrapper for instant tooltip application around any element.
+ */
+export declare const Tooltip: React.FC<TooltipProps>;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.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,eAAe,iDAA4B,CAAC;AACzD,eAAO,MAAM,WAAW,yCAAwB,CAAC;AACjD,eAAO,MAAM,cAAc,gHAA2B,CAAC;AACvD,eAAO,MAAM,aAAa,+CAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,0GAAyB,CAAC;AAEnD,eAAO,MAAM,cAAc,4FAuBzB,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwB1C,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { tooltipContentVariants } from './Tooltip.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const TooltipProvider = TooltipPrimitive.Provider;
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipPortal = TooltipPrimitive.Portal;
+const TooltipArrow = TooltipPrimitive.Arrow;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, motion, ...props }, ref) => {
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      "data-slot": "tooltip-content",
+      className: cn(
+        tooltipContentVariants(),
+        !shouldAnimate && "transition-none animate-none",
+        motionClass,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+const Tooltip = ({
+  children,
+  content,
+  side = "top",
+  contentClassName,
+  motion,
+  delayDuration = 150,
+  ...props
+}) => {
+  if (!content) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { ...props, children: [
+    /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side, motion, className: contentClassName, children: [
+      content,
+      /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-grey-900 dark:fill-grey-100" })
+    ] })
+  ] }) });
+};
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger };

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

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

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

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

package/dist/components/Tooltip/Tooltip.styles.js

@@ -0,0 +1,7 @@
+import { cva } from 'class-variance-authority';
+
+const tooltipContentVariants = cva(
+  "z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-xs text-white dark:text-grey-900 shadow-md font-sans transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
+);
+
+export { tooltipContentVariants };

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+import type * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type { MotionProp } from '../../types/motion';
+export interface TooltipProps extends TooltipPrimitive.TooltipProps {
+    /**
+     * Tooltip content text or JSX.
+     */
+    content?: React.ReactNode;
+    /**
+     * Placement side.
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+    /**
+     * Tooltip content container className.
+     */
+    contentClassName?: string;
+    /**
+     * Child trigger element.
+     */
+    children?: React.ReactNode;
+}
+export interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Tooltip.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.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;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,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/Tooltip/index.d.ts

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

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

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

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+export * from './types/motion';
+export * from './providers';
+export * from './components/Container';
+export * from './components/Grid';
+export * from './components/Center';
+export * from './components/Stack';
+export * from './components/Inline';
+export * from './components/Input';
+export * from './components/Textarea';
+export * from './components/Select';
+export * from './components/Radio';
+export * from './components/Checkbox';
+export * from './components/Switch';
+export * from './components/RangeSlider';
+export * from './components/Label';
+export * from './components/FormField';
+export * from './components/Dialog';
+export * from './components/Drawer';
+export * from './components/Dropdown';
+export * from './components/Popover';
+export * from './components/Toast';
+export * from './components/Tooltip';
+export * from './components/Tabs';
+export * from './components/Button';
+export * from './components/Accordion';
+export * from './components/Avatar';
+export * from './components/Badge';
+export * from './components/Card';
+export * from './components/Divider';
+export * from './components/Heading';
+export * from './components/Icon';
+export * from './components/Text';
+export * from './components/Alert';
+export * from './components/Progress';
+export * from './components/Spinner';
+export * from './components/Skeleton';
+export * from './components/EmptyState';
+export * from './components/Table';
+export * from './components/Pagination';
+export * from './components/DataList';
+export * from './components/List';
+export * from './components/Chip';
+export * from './components/Stat';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,86 @@
+export { resolveMotion } from './types/motion.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/Accordion/Accordion.js';
+export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
+export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
+export { Avatar } from './components/Avatar/Avatar.js';
+export { Badge } from './components/Badge/Badge.js';
+export { Button } from './components/Button/Button.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
+export { Center } from './components/Center/Center.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Chip } from './components/Chip/Chip.js';
+export { Container } from './components/Container/Container.js';
+export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
+export { Divider } from './components/Divider/Divider.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/Dropdown/Dropdown.js';
+export { EmptyState } from './components/EmptyState/EmptyState.js';
+export { FormField } from './components/FormField/FormField.js';
+export { Grid } from './components/Grid/Grid.js';
+export { Heading } from './components/Heading/Heading.js';
+export { Icon } from './components/Icon/Icon.js';
+export { Inline } from './components/Inline/Inline.js';
+export { Input } from './components/Input/Input.js';
+export { Label } from './components/Label/Label.js';
+export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
+export { Progress } from './components/Progress/Progress.js';
+export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
+export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from './components/Select/Select.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
+export { Spinner } from './components/Spinner/Spinner.js';
+export { Stack } from './components/Stack/Stack.js';
+export { Stat, StatHelpText, StatIndicator, StatLabel, StatValue } from './components/Stat/Stat.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/Table.js';
+export { TablePagination } from './components/Table/TablePagination.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/Tabs/Tabs.js';
+export { Text } from './components/Text/Text.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { TimmbrConfigProvider, defaultTimmbrConfig, useTimmbrConfig } from './providers/TimmbrConfigProvider.js';
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './components/Toast/Toast.js';
+export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
+export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
+export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
+export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
+export { badgeVariants } from './components/Badge/Badge.styles.js';
+export { buttonVariants } from './components/Button/Button.styles.js';
+export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
+export { centerVariants } from './components/Center/Center.styles.js';
+export { checkboxIndicatorVariants, checkboxVariants } from './components/Checkbox/Checkbox.styles.js';
+export { chipVariants } from './components/Chip/Chip.styles.js';
+export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap } from './components/Grid/Grid.styles.js';
+export { containerVariants } from './components/Container/Container.styles.js';
+export { dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
+export { dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
+export { dividerVariants } from './components/Divider/Divider.styles.js';
+export { drawerContentVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants } from './components/Drawer/Drawer.styles.js';
+export { dropdownContentVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
+export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/EmptyState/EmptyState.styles.js';
+export { formFieldVariants } from './components/FormField/FormField.styles.js';
+export { headingVariants } from './components/Heading/Heading.styles.js';
+export { iconVariants } from './components/Icon/Icon.styles.js';
+export { inlineVariants } from './components/Inline/Inline.styles.js';
+export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
+export { labelVariants } from './components/Label/Label.styles.js';
+export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
+export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
+export { popoverContentVariants } from './components/Popover/Popover.styles.js';
+export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
+export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Radio.styles.js';
+export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
+export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
+export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
+export { spinnerVariants } from './components/Spinner/Spinner.styles.js';
+export { stackVariants } from './components/Stack/Stack.styles.js';
+export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
+export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
+export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHeadVariants, tablePaginationVariants, tableRowVariants, tableVariants } from './components/Table/Table.styles.js';
+export { tabsContentVariants, tabsListVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
+export { textVariants } from './components/Text/Text.styles.js';
+export { textareaVariants } from './components/Textarea/Textarea.styles.js';
+export { toastVariants } from './components/Toast/Toast.styles.js';
+export { tooltipContentVariants } from './components/Tooltip/Tooltip.styles.js';

package/dist/providers/AnimationProvider.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface AnimationProviderProps {
+    children: React.ReactNode;
+    disableAnimations?: boolean;
+}
+/**
+ * Dual-layer animation provider satisfying the requirement for global toggle + component-level overrides.
+ */
+export declare const AnimationProvider: React.FC<AnimationProviderProps>;
+/**
+ * Hook to retrieve whether global motion is enabled.
+ * Checks AnimationProvider first, falls back to TimmbrConfigProvider.animations.enabled, then defaults to true.
+ */
+export declare const useGlobalAnimation: () => boolean;
+//# sourceMappingURL=AnimationProvider.d.ts.map

package/dist/providers/AnimationProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationProvider.d.ts","sourceRoot":"","sources":["../../src/providers/AnimationProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuB9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,OASrC,CAAC"}

package/dist/providers/AnimationProvider.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTimmbrConfig } from './TimmbrConfigProvider.js';
+
+const AnimationContext = React.createContext(null);
+const AnimationProvider = ({
+  children,
+  disableAnimations = false
+}) => {
+  React.useEffect(() => {
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute(
+        "data-animations-disabled",
+        disableAnimations ? "true" : "false"
+      );
+    }
+    return () => {
+      if (typeof document !== "undefined") {
+        document.documentElement.removeAttribute("data-animations-disabled");
+      }
+    };
+  }, [disableAnimations]);
+  return /* @__PURE__ */ jsx(AnimationContext.Provider, { value: { globalMotion: !disableAnimations }, children });
+};
+const useGlobalAnimation = () => {
+  const directContext = React.useContext(AnimationContext);
+  const globalConfig = useTimmbrConfig();
+  if (directContext !== null) {
+    return directContext.globalMotion;
+  }
+  return globalConfig.animations?.enabled ?? true;
+};
+
+export { AnimationProvider, useGlobalAnimation };