@zentauri-ui/zentauri-components 1.2.1 → 1.3.1

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/animations.d.ts

@@ -0,0 +1,5 @@
+import type { TabsAnimationPresets, TabsOrientation, TabsPresetMotionProps } from "./types";
+import type { TabsAnimation } from "./types";
+export declare const tabsContentAnimationPresets: TabsAnimationPresets;
+export declare function getTabsContentMotionProps(animation: TabsAnimation, orientation: TabsOrientation, reducedMotion: boolean): TabsPresetMotionProps;
+//# sourceMappingURL=animations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/tabs/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,2BAA2B,EAAE,oBAiBzC,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,aAAa,EAAE,OAAO,GACrB,qBAAqB,CAmBvB"}

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

@@ -0,0 +1,4 @@
+export { TabsContentAnimated } from "./tabs-content-animated";
+export type { TabsContentAnimatedProps, TabsAnimation, TabsAnimationPresets, TabsOrientation, TabsPresetMotionProps } from "./types";
+export { getTabsContentMotionProps, tabsContentAnimationPresets, } from "./animations";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/tabs/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrI,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { TabsContentAnimatedProps } from "./types";
+export declare function TabsContentAnimated({ value, children, className, animation, }: TabsContentAnimatedProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace TabsContentAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=tabs-content-animated.d.ts.map

package/dist/ui/tabs/animated/tabs-content-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/tabs/animated/tabs-content-animated.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGxD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAkB,GACnB,EAAE,wBAAwB,kDA4B1B;yBAjCe,mBAAmB"}

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

@@ -0,0 +1,14 @@
+import type { HTMLMotionProps } from "framer-motion";
+import type { ReactNode } from "react";
+import type { TabsValue } from "../types";
+export type TabsAnimation = "none" | "fade" | "slide";
+export type TabsPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+export type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;
+export type TabsOrientation = "horizontal" | "vertical";
+export type TabsContentAnimatedProps = {
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+    animation?: TabsAnimation;
+} & Omit<HTMLMotionProps<"div">, "children" | "className" | "role" | "id" | "aria-labelledby">;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/tabs/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,eAAe,CAAC,KAAK,CAAC,EACpB,SAAS,GAAG,SAAS,GAAG,YAAY,CACrC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;AAElF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,GAAG,IAAI,CACN,eAAe,CAAC,KAAK,CAAC,EACtB,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,iBAAiB,CAC7D,CAAC"}

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/index.d.ts

@@ -0,0 +1,4 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, TabsContext, useTabs } from "./tabs";
+export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from "./types";
+export { tabsListVariants, tabsTriggerVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxF,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/tabs/tabs-base.d.ts

@@ -0,0 +1,8 @@
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TabsContextType } from "./types";
+export declare const TabsContext: import("react").Context<TabsContextType | null>;
+export declare const useTabs: () => TabsContextType;
+export declare function Tabs({ value, defaultValue, onValueChange, orientation, variant, size, appearance, children, className, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsList({ children, className, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTrigger({ value, children, disabled, className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsContent({ value, children, className, as: Wrapper, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tabs-base.d.ts.map

package/dist/ui/tabs/tabs-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-base.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/tabs-base.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,gBAAgB,EAEhB,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,WAAW,iDAA8C,CAAC;AAEvE,eAAO,MAAM,OAAO,uBAInB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,OAAO,EACP,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,SAAS,2CAmCX;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAaxE;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA8DlB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAe,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,kDAgBlB"}

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

@@ -0,0 +1,2 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, TabsContext, useTabs } from "./tabs-base";
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { ElementType, HTMLAttributes, ReactNode } from "react";
+export type TabsValue = string;
+export 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;
+};
+export type TabsListProps = {
+    children: ReactNode;
+    className?: string;
+};
+export type TabsTriggerProps = {
+    value: TabsValue;
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+export type TabsContentProps = {
+    as?: ElementType;
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, "children" | "className" | "role" | "id" | "aria-labelledby">;
+export type TabsContextType = {
+    value: TabsValue | undefined;
+    setValue: (value: TabsValue) => void;
+    orientation: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "underline" | "pills";
+    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";
+    tabTriggerId: (value: TabsValue) => string;
+    tabPanelId: (value: TabsValue) => string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/tabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,iBAAiB,CAC7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,UAAU,CAAC,EACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC3C,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;CAC1C,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "underline" | "pills" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsTriggerVariants: (props?: ({
+    appearance?: "default" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/tabs/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;8EAqB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EA4C/B,CAAC"}