@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/spinner.js

@@ -0,0 +1,187 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/spinner/spinner.tsx
+var _framermotion = require('framer-motion');
+
+// src/ui/spinner/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var spinnerAppearances = {
+  default: "text-slate-50",
+  secondary: "text-slate-300",
+  destructive: "text-rose-400",
+  ghost: "text-slate-300",
+  emerald: "text-emerald-400",
+  indigo: "text-indigo-400",
+  purple: "text-purple-400",
+  pink: "text-pink-400",
+  rose: "text-rose-400",
+  sky: "text-sky-400",
+  teal: "text-teal-400",
+  yellow: "text-yellow-400",
+  orange: "text-orange-400",
+  "gradient-blue": "text-blue-400",
+  "gradient-green": "text-green-400",
+  "gradient-red": "text-red-400",
+  "gradient-yellow": "text-yellow-400",
+  "gradient-purple": "text-purple-400",
+  "gradient-teal": "text-teal-400",
+  "gradient-indigo": "text-indigo-400",
+  "gradient-pink": "text-pink-400",
+  "gradient-orange": "text-orange-400"
+};
+var spinnerVariants = _classvarianceauthority.cva.call(void 0, "inline-flex items-center justify-center", {
+  variants: {
+    appearance: spinnerAppearances,
+    size: {
+      xs: "size-3",
+      sm: "size-4",
+      md: "size-6",
+      lg: "size-8",
+      xl: "size-10"
+    },
+    variant: {
+      ring: "",
+      dots: "",
+      pulse: "",
+      bars: ""
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    variant: "ring"
+  }
+});
+
+// src/ui/spinner/spinner.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Spinner(props) {
+  const {
+    className,
+    appearance,
+    size,
+    variant = "ring",
+    ref,
+    "aria-label": ariaLabel = "Loading",
+    ...rest
+  } = props;
+  const rootClass = _chunkE5UX537Jjs.cn.call(void 0, spinnerVariants({ appearance, size, variant }), className);
+  if (variant === "ring") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _framermotion.motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "relative"),
+        initial: false,
+        ...rest,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _framermotion.motion.span,
+          {
+            className: "block size-full rounded-full border-2 border-current border-t-transparent",
+            animate: { rotate: 360 },
+            transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
+            "aria-hidden": true
+          }
+        )
+      }
+    );
+  }
+  if (variant === "dots") {
+    const dotSize = size === "xs" ? "size-1" : size === "sm" ? "size-1.5" : size === "md" ? "size-2" : size === "lg" ? "size-2.5" : "size-3";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _framermotion.motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "gap-1"),
+        initial: false,
+        ...rest,
+        children: [0, 1, 2].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _framermotion.motion.span,
+          {
+            className: _chunkE5UX537Jjs.cn.call(void 0, "rounded-full bg-current", dotSize),
+            animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
+            transition: {
+              repeat: Infinity,
+              duration: 0.55,
+              ease: "easeInOut",
+              delay: index * 0.12
+            },
+            "aria-hidden": true
+          },
+          index
+        ))
+      }
+    );
+  }
+  if (variant === "pulse") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _framermotion.motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: _chunkE5UX537Jjs.cn.call(void 0, rootClass),
+        initial: false,
+        ...rest,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _framermotion.motion.span,
+          {
+            className: "block size-full rounded-full bg-current",
+            animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
+            transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
+            "aria-hidden": true
+          }
+        )
+      }
+    );
+  }
+  const barWidth = size === "xs" ? "w-0.5" : size === "sm" ? "w-0.5" : size === "md" ? "w-1" : size === "lg" ? "w-1.5" : "w-2";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _framermotion.motion.span,
+    {
+      ref,
+      role: "status",
+      "data-slot": "spinner",
+      "aria-label": ariaLabel,
+      className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "gap-1"),
+      initial: false,
+      ...rest,
+      children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _framermotion.motion.span,
+        {
+          className: _chunkE5UX537Jjs.cn.call(void 0, "h-full max-h-[70%] rounded-full bg-current", barWidth),
+          animate: { scaleY: [0.35, 1, 0.35] },
+          transition: {
+            repeat: Infinity,
+            duration: 0.65,
+            ease: "easeInOut",
+            delay: index * 0.1
+          },
+          "aria-hidden": true
+        },
+        index
+      ))
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+
+// src/ui/spinner/animations.ts
+var spinnerAnimationPresets = {
+  none: {}
+};
+
+
+
+
+exports.Spinner = Spinner; exports.spinnerAnimationPresets = spinnerAnimationPresets; exports.spinnerVariants = spinnerVariants;
+//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/spinner.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/spinner.js","sourcesContent":[null]}

package/dist/ui/spinner.mjs

@@ -0,0 +1,189 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/spinner/spinner.tsx
+import { motion } from "framer-motion";
+
+// src/ui/spinner/variants.ts
+import { cva } from "class-variance-authority";
+var spinnerAppearances = {
+  default: "text-slate-50",
+  secondary: "text-slate-300",
+  destructive: "text-rose-400",
+  ghost: "text-slate-300",
+  emerald: "text-emerald-400",
+  indigo: "text-indigo-400",
+  purple: "text-purple-400",
+  pink: "text-pink-400",
+  rose: "text-rose-400",
+  sky: "text-sky-400",
+  teal: "text-teal-400",
+  yellow: "text-yellow-400",
+  orange: "text-orange-400",
+  "gradient-blue": "text-blue-400",
+  "gradient-green": "text-green-400",
+  "gradient-red": "text-red-400",
+  "gradient-yellow": "text-yellow-400",
+  "gradient-purple": "text-purple-400",
+  "gradient-teal": "text-teal-400",
+  "gradient-indigo": "text-indigo-400",
+  "gradient-pink": "text-pink-400",
+  "gradient-orange": "text-orange-400"
+};
+var spinnerVariants = cva("inline-flex items-center justify-center", {
+  variants: {
+    appearance: spinnerAppearances,
+    size: {
+      xs: "size-3",
+      sm: "size-4",
+      md: "size-6",
+      lg: "size-8",
+      xl: "size-10"
+    },
+    variant: {
+      ring: "",
+      dots: "",
+      pulse: "",
+      bars: ""
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    variant: "ring"
+  }
+});
+
+// src/ui/spinner/spinner.tsx
+import { jsx } from "react/jsx-runtime";
+function Spinner(props) {
+  const {
+    className,
+    appearance,
+    size,
+    variant = "ring",
+    ref,
+    "aria-label": ariaLabel = "Loading",
+    ...rest
+  } = props;
+  const rootClass = cn(spinnerVariants({ appearance, size, variant }), className);
+  if (variant === "ring") {
+    return /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: cn(rootClass, "relative"),
+        initial: false,
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: "block size-full rounded-full border-2 border-current border-t-transparent",
+            animate: { rotate: 360 },
+            transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
+            "aria-hidden": true
+          }
+        )
+      }
+    );
+  }
+  if (variant === "dots") {
+    const dotSize = size === "xs" ? "size-1" : size === "sm" ? "size-1.5" : size === "md" ? "size-2" : size === "lg" ? "size-2.5" : "size-3";
+    return /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: cn(rootClass, "gap-1"),
+        initial: false,
+        ...rest,
+        children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: cn("rounded-full bg-current", dotSize),
+            animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
+            transition: {
+              repeat: Infinity,
+              duration: 0.55,
+              ease: "easeInOut",
+              delay: index * 0.12
+            },
+            "aria-hidden": true
+          },
+          index
+        ))
+      }
+    );
+  }
+  if (variant === "pulse") {
+    return /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        ref,
+        role: "status",
+        "data-slot": "spinner",
+        "aria-label": ariaLabel,
+        className: cn(rootClass),
+        initial: false,
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: "block size-full rounded-full bg-current",
+            animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
+            transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
+            "aria-hidden": true
+          }
+        )
+      }
+    );
+  }
+  const barWidth = size === "xs" ? "w-0.5" : size === "sm" ? "w-0.5" : size === "md" ? "w-1" : size === "lg" ? "w-1.5" : "w-2";
+  return /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      ref,
+      role: "status",
+      "data-slot": "spinner",
+      "aria-label": ariaLabel,
+      className: cn(rootClass, "gap-1"),
+      initial: false,
+      ...rest,
+      children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          className: cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
+          animate: { scaleY: [0.35, 1, 0.35] },
+          transition: {
+            repeat: Infinity,
+            duration: 0.65,
+            ease: "easeInOut",
+            delay: index * 0.1
+          },
+          "aria-hidden": true
+        },
+        index
+      ))
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+
+// src/ui/spinner/animations.ts
+var spinnerAnimationPresets = {
+  none: {}
+};
+export {
+  Spinner,
+  spinnerAnimationPresets,
+  spinnerVariants
+};
+//# sourceMappingURL=spinner.mjs.map

package/dist/ui/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/spinner/spinner.tsx","../../src/ui/spinner/variants.ts","../../src/ui/spinner/animations.ts"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(spinnerVariants({ appearance, size, variant }), className);\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSize =\n      size === \"xs\"\n        ? \"size-1\"\n        : size === \"sm\"\n          ? \"size-1.5\"\n          : size === \"md\"\n            ? \"size-2\"\n            : size === \"lg\"\n              ? \"size-2.5\"\n              : \"size-3\";\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidth =\n    size === \"xs\"\n      ? \"w-0.5\"\n      : size === \"sm\"\n        ? \"w-0.5\"\n        : size === \"md\"\n          ? \"w-1\"\n          : size === \"lg\"\n            ? \"w-1.5\"\n            : \"w-2\";\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n","import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","/** Spinner variants use Framer `animate` on the root; presets reserved for future. */\nexport const spinnerAnimationPresets = {\n  none: {},\n} as const;\n"],"mappings":"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","names":[]}

package/dist/ui/table.d.mts

@@ -0,0 +1,81 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { HTMLMotionProps } from 'framer-motion';
+
+declare const tableVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    stickyHeader?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableRowVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableCellVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textAlign?: "left" | "center" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type TableAnimation = "none" | "hover";
+type TableVariantProps = VariantProps<typeof tableVariants>;
+type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "children"> & {
+    children?: ReactNode;
+    rowAnimation?: TableAnimation;
+    ref?: Ref<HTMLTableElement>;
+    textAlign?: "left" | "center" | "right";
+};
+type TableSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type TableHeadCellProps = ThHTMLAttributes<HTMLTableCellElement> & {
+    sortDirection?: "ascending" | "descending" | "none";
+    ref?: Ref<HTMLTableCellElement>;
+};
+type TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+    ref?: Ref<HTMLTableCellElement>;
+    textAlign?: "left" | "center" | "right";
+};
+
+declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+declare function TableHeader({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableHeader {
+    var displayName: string;
+}
+declare function TableBody({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
+}
+declare function TableFooter({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableFooter {
+    var displayName: string;
+}
+declare function TableRow({ className, children, ref, ...rest }: TableSectionProps & {
+    ref?: React.Ref<HTMLTableRowElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace TableRow {
+    var displayName: string;
+}
+declare function TableHead({ className, children, scope, sortDirection, ref, ...rest }: TableHeadCellProps): react_jsx_runtime.JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
+declare function TableCell({ className, children, ref, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
+declare namespace TableCell {
+    var displayName: string;
+}
+declare function TableCaption({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableCaption {
+    var displayName: string;
+}
+
+type TablePresetMotionProps = Pick<HTMLMotionProps<"tr">, "whileHover" | "transition">;
+type TableAnimationPresets = Record<TableAnimation, TablePresetMotionProps>;
+declare const tableAnimationPresets: TableAnimationPresets;
+
+export { Table, type TableAnimation, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadCellProps, TableHeader, type TableProps, TableRow, type TableSectionProps, tableAnimationPresets, tableCellVariants, tableRowVariants, tableVariants };

package/dist/ui/table.d.ts

@@ -0,0 +1,81 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { HTMLMotionProps } from 'framer-motion';
+
+declare const tableVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    stickyHeader?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableRowVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableCellVariants: (props?: ({
+    appearance?: "default" | "striped" | "bordered" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textAlign?: "left" | "center" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type TableAnimation = "none" | "hover";
+type TableVariantProps = VariantProps<typeof tableVariants>;
+type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "children"> & {
+    children?: ReactNode;
+    rowAnimation?: TableAnimation;
+    ref?: Ref<HTMLTableElement>;
+    textAlign?: "left" | "center" | "right";
+};
+type TableSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type TableHeadCellProps = ThHTMLAttributes<HTMLTableCellElement> & {
+    sortDirection?: "ascending" | "descending" | "none";
+    ref?: Ref<HTMLTableCellElement>;
+};
+type TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+    ref?: Ref<HTMLTableCellElement>;
+    textAlign?: "left" | "center" | "right";
+};
+
+declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+declare function TableHeader({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableHeader {
+    var displayName: string;
+}
+declare function TableBody({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
+}
+declare function TableFooter({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableFooter {
+    var displayName: string;
+}
+declare function TableRow({ className, children, ref, ...rest }: TableSectionProps & {
+    ref?: React.Ref<HTMLTableRowElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace TableRow {
+    var displayName: string;
+}
+declare function TableHead({ className, children, scope, sortDirection, ref, ...rest }: TableHeadCellProps): react_jsx_runtime.JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
+declare function TableCell({ className, children, ref, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
+declare namespace TableCell {
+    var displayName: string;
+}
+declare function TableCaption({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace TableCaption {
+    var displayName: string;
+}
+
+type TablePresetMotionProps = Pick<HTMLMotionProps<"tr">, "whileHover" | "transition">;
+type TableAnimationPresets = Record<TableAnimation, TablePresetMotionProps>;
+declare const tableAnimationPresets: TableAnimationPresets;
+
+export { Table, type TableAnimation, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadCellProps, TableHeader, type TableProps, TableRow, type TableSectionProps, tableAnimationPresets, tableCellVariants, tableRowVariants, tableVariants };