@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/table.js

@@ -0,0 +1,287 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/table/table.tsx
+var _react = require('react');
+var _framermotion = require('framer-motion');
+
+// 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 _classvarianceauthority = require('class-variance-authority');
+var tableVariants = _classvarianceauthority.cva.call(void 0, 
+  "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 = _classvarianceauthority.cva.call(void 0, 
+  "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 = _classvarianceauthority.cva.call(void 0, "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 _jsxruntime = require('react/jsx-runtime');
+var TableContext = _react.createContext.call(void 0, null);
+function useTableContext(component) {
+  const ctx = _react.useContext.call(void 0, 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 = _react.useMemo.call(void 0, 
+    () => ({
+      appearance: _nullishCoalesce(appearance, () => ( "default")),
+      size: _nullishCoalesce(size, () => ( "md")),
+      stickyHeader: Boolean(stickyHeader),
+      rowAnimation,
+      textAlign
+    }),
+    [appearance, rowAnimation, size, stickyHeader, textAlign]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "table",
+    {
+      ref,
+      "data-slot": "table",
+      role: "table",
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        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__ */ _jsxruntime.jsx.call(void 0, "thead", { "data-slot": "table-header", className: _chunkE5UX537Jjs.cn.call(void 0, stickyClass, className), children });
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { "data-slot": "table-body", className: _chunkE5UX537Jjs.cn.call(void 0, className), children });
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        "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__ */ _jsxruntime.jsx.call(void 0, 
+    _framermotion.motion.tr,
+    {
+      ref,
+      "data-slot": "table-row",
+      className: _chunkE5UX537Jjs.cn.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
+    "th",
+    {
+      ref,
+      "data-slot": "table-head",
+      scope,
+      "aria-sort": sortDirection,
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        tableCellVariants({ appearance, size, textAlign }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TableHead.displayName = "TableHead";
+function TableCell({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance, size, textAlign } = useTableContext("TableCell");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "td",
+    {
+      ref,
+      "data-slot": "table-cell",
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        tableCellVariants({ appearance, size, textAlign }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TableCell.displayName = "TableCell";
+function TableCaption({ className, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: _chunkE5UX537Jjs.cn.call(void 0, "mt-3 text-left text-xs text-slate-500", className),
+      children
+    }
+  );
+}
+TableCaption.displayName = "TableCaption";
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Table = Table; exports.TableBody = TableBody; exports.TableCaption = TableCaption; exports.TableCell = TableCell; exports.TableFooter = TableFooter; exports.TableHead = TableHead; exports.TableHeader = TableHeader; exports.TableRow = TableRow; exports.tableAnimationPresets = tableAnimationPresets; exports.tableCellVariants = tableCellVariants; exports.tableRowVariants = tableRowVariants; exports.tableVariants = tableVariants;
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

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

package/dist/ui/table.mjs

@@ -0,0 +1,289 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/table/table.tsx
+import { createContext, useContext, useMemo } from "react";
+import { motion } from "framer-motion";
+
+// 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
+import { cva } from "class-variance-authority";
+var tableVariants = 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 = 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 = 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
+import { jsx } from "react/jsx-runtime";
+var TableContext = createContext(null);
+function useTableContext(component) {
+  const ctx = 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 = useMemo(
+    () => ({
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      stickyHeader: Boolean(stickyHeader),
+      rowAnimation,
+      textAlign
+    }),
+    [appearance, rowAnimation, size, stickyHeader, textAlign]
+  );
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ 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__ */ jsx("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, children }) {
+  return /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", className: cn(className), children });
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, children }) {
+  return /* @__PURE__ */ 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__ */ jsx(
+    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__ */ 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__ */ 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__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-3 text-left text-xs text-slate-500", className),
+      children
+    }
+  );
+}
+TableCaption.displayName = "TableCaption";
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  tableAnimationPresets,
+  tableCellVariants,
+  tableRowVariants,
+  tableVariants
+};
+//# sourceMappingURL=table.mjs.map

package/dist/ui/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/table/table.tsx","../../src/ui/table/animations.ts","../../src/ui/table/variants.ts"],"sourcesContent":["\"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 { 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/tabs.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+type TabsAnimation = "none" | "fade" | "slide";
+type TabsPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;
+type TabsOrientation = "horizontal" | "vertical";
+declare const tabsContentAnimationPresets: TabsAnimationPresets;
+declare function getTabsContentMotionProps(animation: TabsAnimation, orientation: TabsOrientation, reducedMotion: boolean): TabsPresetMotionProps;
+
+type TabsValue = string;
+type TabsProps = {
+    value?: TabsValue;
+    defaultValue?: TabsValue;
+    onValueChange?: (value: TabsValue) => void;
+    orientation?: "horizontal" | "vertical";
+    variant?: "default" | "underline" | "pills";
+    size?: "sm" | "md" | "lg";
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    children: ReactNode;
+    className?: string;
+};
+type TabsListProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TabsTriggerProps = {
+    value: TabsValue;
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+type TabsContentProps = {
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+    animation?: TabsAnimation;
+};
+
+declare function Tabs({ value, defaultValue, onValueChange, orientation, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function TabsList({ children, className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ value, children, disabled, className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ value, children, className, animation, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
+
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "underline" | "pills" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    variant?: "default" | "underline" | "pills" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+export { Tabs, type TabsAnimation, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, getTabsContentMotionProps, tabsContentAnimationPresets, tabsListVariants, tabsTriggerVariants };