@zentauri-ui/zentauri-components 0.0.7 → 0.0.9

package/dist/ui/table.cjs

@@ -0,0 +1,328 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/table/index.ts
+var table_exports = {};
+__export(table_exports, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  tableAnimationPresets: () => tableAnimationPresets,
+  tableCellVariants: () => tableCellVariants,
+  tableRowVariants: () => tableRowVariants,
+  tableVariants: () => tableVariants
+});
+module.exports = __toCommonJS(table_exports);
+
+// src/ui/table/table.tsx
+var import_react = require("react");
+var import_framer_motion = require("framer-motion");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/table/animations.ts
+var tableAnimationPresets = {
+  none: {},
+  hover: {
+    whileHover: { backgroundColor: "rgba(255,255,255,0.05)" },
+    transition: { duration: 0.15 }
+  }
+};
+
+// src/ui/table/variants.ts
+var import_class_variance_authority = require("class-variance-authority");
+var tableVariants = (0, import_class_variance_authority.cva)(
+  "w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed",
+  {
+    variants: {
+      appearance: {
+        default: "",
+        striped: "",
+        bordered: "border border-white/10",
+        ghost: "",
+        sky: "border border-sky-600",
+        rose: "border border-rose-600",
+        purple: "border border-purple-600",
+        pink: "border border-pink-600",
+        orange: "border border-orange-600",
+        yellow: "border border-yellow-600",
+        teal: "border border-teal-600",
+        indigo: "border border-indigo-600",
+        emerald: "border border-emerald-600",
+        gray: "border border-gray-600",
+        amber: "border border-amber-600",
+        violet: "border border-violet-600"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      stickyHeader: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md",
+      stickyHeader: false
+    }
+  }
+);
+var tableRowVariants = (0, import_class_variance_authority.cva)(
+  "border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]",
+  {
+    variants: {
+      appearance: {
+        default: "",
+        striped: "odd:bg-white/[0.03]",
+        bordered: "",
+        ghost: "border-transparent hover:bg-white/[0.03]",
+        sky: "border-sky-600 hover:bg-sky-600",
+        rose: "border-rose-600 hover:bg-rose-900",
+        purple: "border-purple-600 hover:bg-purple-900",
+        pink: "border-pink-600 hover:bg-pink-900",
+        orange: "border-orange-600 hover:bg-orange-900",
+        yellow: "border-yellow-600 hover:bg-yellow-900",
+        teal: "border-teal-600 hover:bg-teal-900",
+        indigo: "border-indigo-600 hover:bg-indigo-900",
+        emerald: "border-emerald-600 hover:bg-emerald-900",
+        gray: "border-gray-600 hover:bg-gray-900",
+        amber: "border-amber-600 hover:bg-amber-900",
+        violet: "border-violet-600 hover:bg-violet-900"
+      }
+    },
+    defaultVariants: { appearance: "default" }
+  }
+);
+var tableCellVariants = (0, import_class_variance_authority.cva)("min-w-0 border p-3 align-middle break-words", {
+  variants: {
+    appearance: {
+      default: "border-white/10",
+      striped: "border-white/10",
+      bordered: "border-white/10",
+      ghost: "border-white/10",
+      sky: "border-sky-600",
+      rose: "border-rose-600",
+      purple: "border-purple-600",
+      pink: "border-pink-600",
+      orange: "border-orange-600",
+      yellow: "border-yellow-600",
+      teal: "border-teal-600",
+      indigo: "border-indigo-600",
+      emerald: "border-emerald-600",
+      gray: "border-gray-600",
+      amber: "border-amber-600",
+      violet: "border-violet-600"
+    },
+    size: {
+      sm: "p-2",
+      md: "p-3",
+      lg: "p-4"
+    },
+    textAlign: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: { appearance: "default", size: "md" }
+});
+
+// src/ui/table/table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableContext = (0, import_react.createContext)(null);
+function useTableContext(component) {
+  const ctx = (0, import_react.useContext)(TableContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Table>`);
+  }
+  return ctx;
+}
+function Table(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    textAlign = "left",
+    stickyHeader = false,
+    rowAnimation = "none",
+    children,
+    ref,
+    ...rest
+  } = props;
+  const ctx = (0, import_react.useMemo)(
+    () => ({
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      stickyHeader: Boolean(stickyHeader),
+      rowAnimation,
+      textAlign
+    }),
+    [appearance, rowAnimation, size, stickyHeader, textAlign]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "table",
+    {
+      ref,
+      "data-slot": "table",
+      role: "table",
+      className: cn(
+        tableVariants({ appearance, size, stickyHeader }),
+        "w-full min-w-0 table",
+        className
+      ),
+      ...rest,
+      children
+    }
+  ) }) });
+}
+Table.displayName = "Table";
+function TableHeader({ className, children }) {
+  const { stickyHeader } = useTableContext("TableHeader");
+  const stickyClass = stickyHeader ? "sticky top-0 z-10 bg-slate-950/95 backdrop-blur" : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { "data-slot": "table-body", className: cn(className), children });
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t border-white/10 bg-white/3 font-medium",
+        className
+      ),
+      children
+    }
+  );
+}
+TableFooter.displayName = "TableFooter";
+function TableRow({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance, rowAnimation } = useTableContext("TableRow");
+  const motionProps = tableAnimationPresets[rowAnimation];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_framer_motion.motion.tr,
+    {
+      ref,
+      "data-slot": "table-row",
+      className: cn(tableRowVariants({ appearance }), className),
+      initial: false,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  );
+}
+TableRow.displayName = "TableRow";
+function TableHead({
+  className,
+  children,
+  scope = "col",
+  sortDirection,
+  ref,
+  ...rest
+}) {
+  const { appearance, size, textAlign } = useTableContext("TableHead");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "th",
+    {
+      ref,
+      "data-slot": "table-head",
+      scope,
+      "aria-sort": sortDirection,
+      className: cn(
+        tableCellVariants({ appearance, size, textAlign }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TableHead.displayName = "TableHead";
+function TableCell({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance, size, textAlign } = useTableContext("TableCell");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "td",
+    {
+      ref,
+      "data-slot": "table-cell",
+      className: cn(
+        tableCellVariants({ appearance, size, textAlign }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TableCell.displayName = "TableCell";
+function TableCaption({ className, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-3 text-left text-xs text-slate-500", className),
+      children
+    }
+  );
+}
+TableCaption.displayName = "TableCaption";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  tableAnimationPresets,
+  tableCellVariants,
+  tableRowVariants,
+  tableVariants
+});
+//# sourceMappingURL=table.cjs.map

package/dist/ui/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/table/index.ts","../../src/ui/table/table.tsx","../../src/lib/utils.ts","../../src/ui/table/animations.ts","../../src/ui/table/variants.ts"],"sourcesContent":["export {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nexport type {\n  TableAnimation,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nexport { tableAnimationPresets } from \"./animations\";\nexport { tableVariants, tableRowVariants, tableCellVariants } from \"./variants\";\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { tableAnimationPresets } from \"./animations\";\nimport type {\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\ntype TableCtx = {\n  appearance: NonNullable<TableProps[\"appearance\"]>;\n  size: NonNullable<TableProps[\"size\"]>;\n  stickyHeader: boolean;\n  rowAnimation: NonNullable<TableProps[\"rowAnimation\"]>;\n  textAlign: NonNullable<TableCellProps[\"textAlign\"]>;\n};\n\nconst TableContext = createContext<TableCtx | null>(null);\n\nfunction useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function Table(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    rowAnimation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation,\n      textAlign,\n    }),\n    [appearance, rowAnimation, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div data-slot=\"table-scroll\" className=\"relative w-full overflow-auto\">\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          role=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\" : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance, rowAnimation } = useTableContext(\"TableRow\");\n  const motionProps = tableAnimationPresets[rowAnimation];\n\n  return (\n    <motion.tr\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.tr>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortDirection,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={sortDirection}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  return (\n    <td\n      ref={ref}\n      data-slot=\"table-cell\"\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<HTMLMotionProps<\"tr\">, \"whileHover\" | \"transition\">;\n\nexport type TableAnimationPresets = Record<TableAnimation, TablePresetMotionProps>;\n\nexport const tableAnimationPresets: TableAnimationPresets = {\n  none: {},\n  hover: {\n    whileHover: { backgroundColor: \"rgba(255,255,255,0.05)\" },\n    transition: { duration: 0.15 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const tableVariants = cva(\n  \"w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed\",\n  {\n  variants: {\n    appearance: {\n      default: \"\",\n      striped: \"\",\n      bordered: \"border border-white/10\",\n      ghost: \"\",\n      sky:'border border-sky-600',\n      rose:'border border-rose-600',\n      purple:'border border-purple-600',\n      pink:'border border-pink-600',\n      orange:'border border-orange-600',\n      yellow:'border border-yellow-600',\n      teal:'border border-teal-600',\n      indigo:'border border-indigo-600',\n      emerald:'border border-emerald-600',\n      gray:'border border-gray-600',\n      amber:'border border-amber-600',\n      violet:'border border-violet-600',\n    },\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n    stickyHeader: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      stickyHeader: false,\n    },\n  },\n);\n\nexport const tableRowVariants = cva(\n  \"border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]\",\n  {\n    variants: {\n      appearance: {\n        default: \"\",\n        striped: \"odd:bg-white/[0.03]\",\n        bordered: \"\",\n        ghost: \"border-transparent hover:bg-white/[0.03]\",\n        sky:'border-sky-600 hover:bg-sky-600',\n        rose:'border-rose-600 hover:bg-rose-900',\n        purple:'border-purple-600 hover:bg-purple-900',\n        pink:'border-pink-600 hover:bg-pink-900',\n        orange:'border-orange-600 hover:bg-orange-900',\n        yellow:'border-yellow-600 hover:bg-yellow-900',\n        teal:'border-teal-600 hover:bg-teal-900',\n        indigo:'border-indigo-600 hover:bg-indigo-900',\n        emerald:'border-emerald-600 hover:bg-emerald-900',\n        gray:'border-gray-600 hover:bg-gray-900',\n        amber:'border-amber-600 hover:bg-amber-900',\n        violet:'border-violet-600 hover:bg-violet-900',\n      },\n    },\n    defaultVariants: { appearance: \"default\" },\n  },\n);\n\nexport const tableCellVariants = cva(\"min-w-0 border p-3 align-middle break-words\", {\n  variants: {\n    appearance: {\n      default: \"border-white/10\",\n      striped: \"border-white/10\",\n      bordered: \"border-white/10\",\n      ghost: \"border-white/10\",\n      sky: \"border-sky-600\",\n      rose: \"border-rose-600\",\n      purple: \"border-purple-600\",\n      pink: \"border-pink-600\",\n      orange: \"border-orange-600\",\n      yellow: \"border-yellow-600\",\n      teal: \"border-teal-600\",\n      indigo: \"border-indigo-600\",\n      emerald: \"border-emerald-600\",\n      gray: \"border-gray-600\",\n      amber: \"border-amber-600\",\n      violet: \"border-violet-600\",\n    },\n    size: {\n      sm: \"p-2\",\n      md: \"p-3\",\n      lg: \"p-4\",\n    },\n    textAlign: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n    },\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n"],"mappings":"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","names":[]}

package/dist/ui/table.d.cts

@@ -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" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | 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" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableCellVariants: (props?: ({
+    appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textAlign?: "left" | "right" | "center" | 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" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | 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" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tableCellVariants: (props?: ({
+    appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textAlign?: "left" | "right" | "center" | 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 };