@zentauri-ui/zentauri-components 1.2.1 → 1.3.0

package/dist/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/table/animations.ts","../../src/ui/table/variants.ts","../../src/ui/table/table.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn","motion"],"mappings":"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","file":"table.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<\n  HTMLMotionProps<\"tr\">,\n  \"whileHover\" | \"transition\"\n>;\n\nexport type TableAnimationPresets = Record<\n  TableAnimation,\n  TablePresetMotionProps\n>;\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(\n  \"min-w-0 border p-3 align-middle break-words\",\n  {\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);\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  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\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\n    ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\"\n    : \"\";\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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.js"}

package/dist/ui/table.mjs

@@ -1,272 +1,5 @@
 "use client";
-import { cn } from '../chunk-DFEZH7TC.mjs';
-import { createContext, useMemo, useContext } from 'react';
-import { motion } from 'framer-motion';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-// src/ui/table/animations.ts
-var tableAnimationPresets = {
-  none: {},
-  hover: {
-    whileHover: { backgroundColor: "rgba(255,255,255,0.05)" },
-    transition: { duration: 0.15 }
-  }
-};
-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" }
-  }
-);
-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 };
+export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-BVXTOEBI.mjs';
+import '../chunk-DFEZH7TC.mjs';
 //# sourceMappingURL=table.mjs.map
 //# sourceMappingURL=table.mjs.map

package/dist/ui/table.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/table/animations.ts","../../src/ui/table/variants.ts","../../src/ui/table/table.tsx"],"names":[],"mappings":"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","file":"table.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<\n  HTMLMotionProps<\"tr\">,\n  \"whileHover\" | \"transition\"\n>;\n\nexport type TableAnimationPresets = Record<\n  TableAnimation,\n  TablePresetMotionProps\n>;\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(\n  \"min-w-0 border p-3 align-middle break-words\",\n  {\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);\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  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\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\n    ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\"\n    : \"\";\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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.mjs"}

package/dist/ui/tabs/animated.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import { e as TabsValue } from '../../types-zHcMUtKK.mjs';
+
+type TabsAnimation = "none" | "fade" | "slide";
+type TabsPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;
+type TabsOrientation = "horizontal" | "vertical";
+type TabsContentAnimatedProps = {
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+    animation?: TabsAnimation;
+} & Omit<HTMLMotionProps<"div">, "children" | "className" | "role" | "id" | "aria-labelledby">;
+
+declare function TabsContentAnimated({ value, children, className, animation, }: TabsContentAnimatedProps): react_jsx_runtime.JSX.Element | null;
+declare namespace TabsContentAnimated {
+    var displayName: string;
+}
+
+declare const tabsContentAnimationPresets: TabsAnimationPresets;
+declare function getTabsContentMotionProps(animation: TabsAnimation, orientation: TabsOrientation, reducedMotion: boolean): TabsPresetMotionProps;
+
+export { type TabsAnimation, type TabsAnimationPresets, TabsContentAnimated, type TabsContentAnimatedProps, type TabsOrientation, type TabsPresetMotionProps, getTabsContentMotionProps, tabsContentAnimationPresets };

package/dist/ui/tabs/animated.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import { e as TabsValue } from '../../types-zHcMUtKK.js';
+
+type TabsAnimation = "none" | "fade" | "slide";
+type TabsPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;
+type TabsOrientation = "horizontal" | "vertical";
+type TabsContentAnimatedProps = {
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+    animation?: TabsAnimation;
+} & Omit<HTMLMotionProps<"div">, "children" | "className" | "role" | "id" | "aria-labelledby">;
+
+declare function TabsContentAnimated({ value, children, className, animation, }: TabsContentAnimatedProps): react_jsx_runtime.JSX.Element | null;
+declare namespace TabsContentAnimated {
+    var displayName: string;
+}
+
+declare const tabsContentAnimationPresets: TabsAnimationPresets;
+declare function getTabsContentMotionProps(animation: TabsAnimation, orientation: TabsOrientation, reducedMotion: boolean): TabsPresetMotionProps;
+
+export { type TabsAnimation, type TabsAnimationPresets, TabsContentAnimated, type TabsContentAnimatedProps, type TabsOrientation, type TabsPresetMotionProps, getTabsContentMotionProps, tabsContentAnimationPresets };

package/dist/ui/tabs/animated.js

@@ -0,0 +1,83 @@
+"use client";
+'use strict';
+
+var chunk2PQEXQVR_js = require('../../chunk-2PQEXQVR.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/tabs/animated/animations.ts
+var easeOutExpo = [0.16, 1, 0.3, 1];
+var tabsContentAnimationPresets = {
+  none: {},
+  fade: {
+    initial: { opacity: 0, y: 6 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.2, ease: easeOutExpo }
+  },
+  slide: {
+    initial: { opacity: 0, y: 8 },
+    animate: { opacity: 1, y: 0 },
+    transition: {
+      type: "spring",
+      stiffness: 420,
+      damping: 34,
+      mass: 0.82
+    }
+  }
+};
+function getTabsContentMotionProps(animation, orientation, reducedMotion) {
+  if (reducedMotion || animation === "none") {
+    return {};
+  }
+  if (animation === "fade") {
+    return tabsContentAnimationPresets.fade;
+  }
+  if (animation === "slide") {
+    const offset = 12;
+    return {
+      initial: orientation === "horizontal" ? { opacity: 0, x: offset, y: 0 } : { opacity: 0, x: 0, y: offset },
+      animate: { opacity: 1, x: 0, y: 0 },
+      transition: { duration: 0.22, ease: easeOutExpo }
+    };
+  }
+  return {};
+}
+function TabsContentAnimated({
+  value,
+  children,
+  className,
+  animation = "fade"
+}) {
+  const {
+    value: activeValue,
+    orientation,
+    tabTriggerId,
+    tabPanelId
+  } = chunk2PQEXQVR_js.useTabs();
+  const prefersReducedMotion2 = framerMotion.useReducedMotion();
+  if (activeValue !== value) return null;
+  const motionProps = getTabsContentMotionProps(
+    animation,
+    orientation,
+    Boolean(prefersReducedMotion2)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      id: tabPanelId(value),
+      role: "tabpanel",
+      "aria-labelledby": tabTriggerId(value),
+      ...motionProps,
+      className: chunkUOZYPWDZ_js.cn("mt-2", className),
+      children
+    }
+  );
+}
+TabsContentAnimated.displayName = "TabsContent";
+
+exports.TabsContentAnimated = TabsContentAnimated;
+exports.getTabsContentMotionProps = getTabsContentMotionProps;
+exports.tabsContentAnimationPresets = tabsContentAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/tabs/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tabs/animated/animations.ts","../../../src/ui/tabs/animated/tabs-content-animated.tsx"],"names":["useTabs","prefersReducedMotion","useReducedMotion","jsx","motion","cn"],"mappings":";;;;;;;;AAGA,IAAM,WAAA,GAAgD,CAAC,IAAA,EAAM,CAAA,EAAG,KAAK,CAAC,CAAA;AAE/D,IAAM,2BAAA,GAAoD;AAAA,EAC/D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,WAAA;AAAY,GACjD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,QAAA;AAAA,MACN,SAAA,EAAW,GAAA;AAAA,MACX,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,SAAS,yBAAA,CACd,SAAA,EACA,WAAA,EACA,aAAA,EACuB;AACvB,EAAA,IAAI,aAAA,IAAiB,cAAc,MAAA,EAAQ;AACzC,IAAA,OAAO,EAAC;AAAA,EACV;AACA,EAAA,IAAI,cAAc,MAAA,EAAQ;AACxB,IAAA,OAAO,2BAAA,CAA4B,IAAA;AAAA,EACrC;AACA,EAAA,IAAI,cAAc,OAAA,EAAS;AACzB,IAAA,MAAM,MAAA,GAAS,EAAA;AACf,IAAA,OAAO;AAAA,MACL,SACE,WAAA,KAAgB,YAAA,GACZ,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA,KAC5B,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,MAAA,EAAO;AAAA,MACpC,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,MAClC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA;AAAY,KAClD;AAAA,EACF;AACA,EAAA,OAAO,EAAC;AACV;ACrCO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,WAAA;AAAA,IACP,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACEA,wBAAA,EAAQ;AACZ,EAAA,MAAMC,wBAAuBC,6BAAA,EAAiB;AAE9C,EAAA,IAAI,WAAA,KAAgB,OAAO,OAAO,IAAA;AAElC,EAAA,MAAM,WAAA,GAAc,yBAAA;AAAA,IAClB,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAQD,qBAAoB;AAAA,GAC9B;AAEA,EAAA,uBACEE,cAAA;AAAA,IAACC,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,EAAA,EAAI,WAAW,KAAK,CAAA;AAAA,MACpB,IAAA,EAAK,UAAA;AAAA,MACL,iBAAA,EAAiB,aAAa,KAAK,CAAA;AAAA,MAClC,GAAG,WAAA;AAAA,MACJ,SAAA,EAAWC,mBAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAE9B;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,aAAA","file":"animated.js","sourcesContent":["import type { TabsAnimationPresets, TabsOrientation, TabsPresetMotionProps } from \"./types\";\nimport type { TabsAnimation } from \"./types\";\n\nconst easeOutExpo: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport const tabsContentAnimationPresets: TabsAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0, y: 6 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.2, ease: easeOutExpo },\n  },\n  slide: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: {\n      type: \"spring\",\n      stiffness: 420,\n      damping: 34,\n      mass: 0.82,\n    },\n  },\n};\n\nexport function getTabsContentMotionProps(\n  animation: TabsAnimation,\n  orientation: TabsOrientation,\n  reducedMotion: boolean,\n): TabsPresetMotionProps {\n  if (reducedMotion || animation === \"none\") {\n    return {};\n  }\n  if (animation === \"fade\") {\n    return tabsContentAnimationPresets.fade;\n  }\n  if (animation === \"slide\") {\n    const offset = 12;\n    return {\n      initial:\n        orientation === \"horizontal\"\n          ? { opacity: 0, x: offset, y: 0 }\n          : { opacity: 0, x: 0, y: offset },\n      animate: { opacity: 1, x: 0, y: 0 },\n      transition: { duration: 0.22, ease: easeOutExpo },\n    };\n  }\n  return {};\n}\n","\"use client\";\n\nimport { motion, prefersReducedMotion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { getTabsContentMotionProps } from \"./animations\";\nimport type { TabsContentAnimatedProps } from \"./types\";\nimport { useTabs } from \"../tabs-base\";\n\nexport function TabsContentAnimated({\n  value,\n  children,\n  className,\n  animation = \"fade\",\n}: TabsContentAnimatedProps) {\n  const {\n    value: activeValue,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n  } = useTabs();\n  const prefersReducedMotion = useReducedMotion();\n\n  if (activeValue !== value) return null;\n\n  const motionProps = getTabsContentMotionProps(\n    animation,\n    orientation,\n    Boolean(prefersReducedMotion),\n  );\n\n  return (\n    <motion.div\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      {...motionProps}\n      className={cn(\"mt-2\", className)}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nTabsContentAnimated.displayName = \"TabsContent\";\n"]}

package/dist/ui/tabs/animated.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { useTabs } from '../../chunk-7HL3A4YF.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { useReducedMotion, motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/tabs/animated/animations.ts
+var easeOutExpo = [0.16, 1, 0.3, 1];
+var tabsContentAnimationPresets = {
+  none: {},
+  fade: {
+    initial: { opacity: 0, y: 6 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.2, ease: easeOutExpo }
+  },
+  slide: {
+    initial: { opacity: 0, y: 8 },
+    animate: { opacity: 1, y: 0 },
+    transition: {
+      type: "spring",
+      stiffness: 420,
+      damping: 34,
+      mass: 0.82
+    }
+  }
+};
+function getTabsContentMotionProps(animation, orientation, reducedMotion) {
+  if (reducedMotion || animation === "none") {
+    return {};
+  }
+  if (animation === "fade") {
+    return tabsContentAnimationPresets.fade;
+  }
+  if (animation === "slide") {
+    const offset = 12;
+    return {
+      initial: orientation === "horizontal" ? { opacity: 0, x: offset, y: 0 } : { opacity: 0, x: 0, y: offset },
+      animate: { opacity: 1, x: 0, y: 0 },
+      transition: { duration: 0.22, ease: easeOutExpo }
+    };
+  }
+  return {};
+}
+function TabsContentAnimated({
+  value,
+  children,
+  className,
+  animation = "fade"
+}) {
+  const {
+    value: activeValue,
+    orientation,
+    tabTriggerId,
+    tabPanelId
+  } = useTabs();
+  const prefersReducedMotion2 = useReducedMotion();
+  if (activeValue !== value) return null;
+  const motionProps = getTabsContentMotionProps(
+    animation,
+    orientation,
+    Boolean(prefersReducedMotion2)
+  );
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      id: tabPanelId(value),
+      role: "tabpanel",
+      "aria-labelledby": tabTriggerId(value),
+      ...motionProps,
+      className: cn("mt-2", className),
+      children
+    }
+  );
+}
+TabsContentAnimated.displayName = "TabsContent";
+
+export { TabsContentAnimated, getTabsContentMotionProps, tabsContentAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/tabs/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tabs/animated/animations.ts","../../../src/ui/tabs/animated/tabs-content-animated.tsx"],"names":["prefersReducedMotion"],"mappings":";;;;;;AAGA,IAAM,WAAA,GAAgD,CAAC,IAAA,EAAM,CAAA,EAAG,KAAK,CAAC,CAAA;AAE/D,IAAM,2BAAA,GAAoD;AAAA,EAC/D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,WAAA;AAAY,GACjD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,QAAA;AAAA,MACN,SAAA,EAAW,GAAA;AAAA,MACX,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,SAAS,yBAAA,CACd,SAAA,EACA,WAAA,EACA,aAAA,EACuB;AACvB,EAAA,IAAI,aAAA,IAAiB,cAAc,MAAA,EAAQ;AACzC,IAAA,OAAO,EAAC;AAAA,EACV;AACA,EAAA,IAAI,cAAc,MAAA,EAAQ;AACxB,IAAA,OAAO,2BAAA,CAA4B,IAAA;AAAA,EACrC;AACA,EAAA,IAAI,cAAc,OAAA,EAAS;AACzB,IAAA,MAAM,MAAA,GAAS,EAAA;AACf,IAAA,OAAO;AAAA,MACL,SACE,WAAA,KAAgB,YAAA,GACZ,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA,KAC5B,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,MAAA,EAAO;AAAA,MACpC,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,MAClC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA;AAAY,KAClD;AAAA,EACF;AACA,EAAA,OAAO,EAAC;AACV;ACrCO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,WAAA;AAAA,IACP,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAQ;AACZ,EAAA,MAAMA,wBAAuB,gBAAA,EAAiB;AAE9C,EAAA,IAAI,WAAA,KAAgB,OAAO,OAAO,IAAA;AAElC,EAAA,MAAM,WAAA,GAAc,yBAAA;AAAA,IAClB,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAQA,qBAAoB;AAAA,GAC9B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,EAAA,EAAI,WAAW,KAAK,CAAA;AAAA,MACpB,IAAA,EAAK,UAAA;AAAA,MACL,iBAAA,EAAiB,aAAa,KAAK,CAAA;AAAA,MAClC,GAAG,WAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAE9B;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,aAAA","file":"animated.mjs","sourcesContent":["import type { TabsAnimationPresets, TabsOrientation, TabsPresetMotionProps } from \"./types\";\nimport type { TabsAnimation } from \"./types\";\n\nconst easeOutExpo: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport const tabsContentAnimationPresets: TabsAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0, y: 6 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.2, ease: easeOutExpo },\n  },\n  slide: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: {\n      type: \"spring\",\n      stiffness: 420,\n      damping: 34,\n      mass: 0.82,\n    },\n  },\n};\n\nexport function getTabsContentMotionProps(\n  animation: TabsAnimation,\n  orientation: TabsOrientation,\n  reducedMotion: boolean,\n): TabsPresetMotionProps {\n  if (reducedMotion || animation === \"none\") {\n    return {};\n  }\n  if (animation === \"fade\") {\n    return tabsContentAnimationPresets.fade;\n  }\n  if (animation === \"slide\") {\n    const offset = 12;\n    return {\n      initial:\n        orientation === \"horizontal\"\n          ? { opacity: 0, x: offset, y: 0 }\n          : { opacity: 0, x: 0, y: offset },\n      animate: { opacity: 1, x: 0, y: 0 },\n      transition: { duration: 0.22, ease: easeOutExpo },\n    };\n  }\n  return {};\n}\n","\"use client\";\n\nimport { motion, prefersReducedMotion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { getTabsContentMotionProps } from \"./animations\";\nimport type { TabsContentAnimatedProps } from \"./types\";\nimport { useTabs } from \"../tabs-base\";\n\nexport function TabsContentAnimated({\n  value,\n  children,\n  className,\n  animation = \"fade\",\n}: TabsContentAnimatedProps) {\n  const {\n    value: activeValue,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n  } = useTabs();\n  const prefersReducedMotion = useReducedMotion();\n\n  if (activeValue !== value) return null;\n\n  const motionProps = getTabsContentMotionProps(\n    animation,\n    orientation,\n    Boolean(prefersReducedMotion),\n  );\n\n  return (\n    <motion.div\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      {...motionProps}\n      className={cn(\"mt-2\", className)}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nTabsContentAnimated.displayName = \"TabsContent\";\n"]}

package/dist/ui/tabs.d.mts

@@ -1,48 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { HTMLMotionProps } from 'framer-motion';
+import * as react from 'react';
+import { T as TabsProps, a as TabsContentProps, b as TabsContextType, c as TabsListProps, d as TabsTriggerProps } from '../types-zHcMUtKK.mjs';
 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 const TabsContext: react.Context<TabsContextType | null>;
+declare const useTabs: () => TabsContextType;
+declare function Tabs({ value, defaultValue, onValueChange, orientation, variant, size, appearance, 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 function TabsContent({ value, children, className, as: Wrapper, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
 
 declare const tabsListVariants: (props?: ({
     variant?: "default" | "underline" | "pills" | null | undefined;
@@ -55,4 +21,4 @@ declare const tabsTriggerVariants: (props?: ({
     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 };
+export { Tabs, TabsContent, TabsContentProps, TabsContext, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants, tabsTriggerVariants, useTabs };