@zentauri-ui/zentauri-components 0.0.8 → 0.0.9

package/dist/ui/tabs.d.cts

@@ -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" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | 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 };

package/dist/ui/tabs.d.ts

@@ -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" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | 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 };

package/dist/ui/tabs.js

@@ -0,0 +1,274 @@
+"use client";
+
+
+// src/ui/tabs/tabs.tsx
+import { motion, useReducedMotion } from "framer-motion";
+import {
+  createContext,
+  useContext,
+  useId,
+  useState
+} from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/tabs/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 {};
+}
+
+// src/ui/tabs/variants.ts
+import { cva } from "class-variance-authority";
+var tabsListVariants = cva(
+  "flex items-center gap-1",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        underline: "border-b-2 border-transparent",
+        pills: "rounded-md"
+      },
+      size: {
+        sm: "text-sm p-1",
+        md: "text-base p-1.5",
+        lg: "text-lg p-2"
+      },
+      orientation: {
+        horizontal: "flex-row",
+        vertical: "flex-col"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      orientation: "horizontal"
+    }
+  }
+);
+var tabsTriggerVariants = cva(
+  "px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring",
+  {
+    variants: {
+      appearance: {
+        default: "bg-transparent",
+        sky: "bg-sky-500/75",
+        rose: "bg-rose-500/75",
+        purple: "bg-purple-500/75",
+        pink: "bg-pink-500/75",
+        orange: "bg-orange-500/75",
+        yellow: "bg-yellow-500/75",
+        teal: "bg-teal-500/75",
+        indigo: "bg-indigo-500/75",
+        emerald: "bg-emerald-500/75",
+        gray: "bg-gray-500/75",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600"
+      },
+      variant: {
+        default: "data-[state=active]:bg-background",
+        underline: "border-b-2 border-transparent data-[state=active]:border-primary rounded-none",
+        pills: "data-[state=active]:bg-primary data-[state=active]:text-white"
+      },
+      size: {
+        sm: "px-2 py-1",
+        md: "px-3 py-1.5",
+        lg: "px-4 py-2"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+
+// src/ui/tabs/tabs.tsx
+import { jsx } from "react/jsx-runtime";
+var TabsContext = createContext(null);
+var useTabs = () => {
+  const ctx = useContext(TabsContext);
+  if (!ctx) throw new Error("Tabs components must be used within Tabs");
+  return ctx;
+};
+function Tabs({
+  value,
+  defaultValue,
+  onValueChange,
+  orientation = "horizontal",
+  children,
+  className
+}) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const idPrefix = useId();
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const setValue = (val) => {
+    if (!isControlled) setInternalValue(val);
+    onValueChange?.(val);
+  };
+  const tabTriggerId = (tabValue) => `${idPrefix}zentauri-tab-${tabValue}`;
+  const tabPanelId = (tabValue) => `${idPrefix}zentauri-panel-${tabValue}`;
+  return /* @__PURE__ */ jsx(
+    TabsContext.Provider,
+    {
+      value: {
+        value: currentValue,
+        setValue,
+        orientation,
+        tabTriggerId,
+        tabPanelId
+      },
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs", className: cn("w-full", className), children })
+    }
+  );
+}
+function TabsList({
+  children,
+  className,
+  ...props
+}) {
+  const { orientation, size } = useTabs();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-orientation": orientation,
+      className: cn(tabsListVariants({ orientation, size }), className),
+      ...props,
+      children
+    }
+  );
+}
+function TabsTrigger({
+  value,
+  children,
+  disabled,
+  className,
+  ...props
+}) {
+  const { value: activeValue, setValue, tabTriggerId, tabPanelId, size, appearance, variant } = useTabs();
+  const isActive = activeValue === value;
+  const handleKeyDown = (e) => {
+    const triggers = Array.from(
+      document.querySelectorAll('[role="tab"]')
+    );
+    const index = triggers.findIndex((el) => el === e.currentTarget);
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      e.preventDefault();
+      triggers[index + 1]?.focus();
+    }
+    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      e.preventDefault();
+      triggers[index - 1]?.focus();
+    }
+    if (e.key === "Home") {
+      e.preventDefault();
+      triggers[0]?.focus();
+    }
+    if (e.key === "End") {
+      e.preventDefault();
+      triggers[triggers.length - 1]?.focus();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      id: tabTriggerId(value),
+      type: "button",
+      role: "tab",
+      "data-state": isActive ? "active" : "inactive",
+      "aria-selected": isActive,
+      "aria-controls": tabPanelId(value),
+      disabled,
+      onClick: () => setValue(value),
+      onKeyDown: handleKeyDown,
+      className: cn(tabsTriggerVariants({ size, appearance, variant }), className, "cursor-pointer"),
+      ...props,
+      children
+    }
+  );
+}
+function TabsContent({
+  value,
+  children,
+  className,
+  animation = "fade",
+  ...props
+}) {
+  const { value: activeValue, orientation, tabTriggerId, tabPanelId } = useTabs();
+  const prefersReducedMotion = useReducedMotion();
+  if (activeValue !== value) return null;
+  const motionProps = getTabsContentMotionProps(
+    animation,
+    orientation,
+    Boolean(prefersReducedMotion)
+  );
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      id: tabPanelId(value),
+      role: "tabpanel",
+      "aria-labelledby": tabTriggerId(value),
+      ...props,
+      ...motionProps,
+      className: cn("mt-2", className),
+      children
+    }
+  );
+}
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  getTabsContentMotionProps,
+  tabsContentAnimationPresets,
+  tabsListVariants,
+  tabsTriggerVariants
+};
+//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/tabs/tabs.tsx","../../src/lib/utils.ts","../../src/ui/tabs/animations.ts","../../src/ui/tabs/variants.ts"],"sourcesContent":["\"use client\"\n\nimport { motion, useReducedMotion } from \"framer-motion\"\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useState,\n} from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nimport { getTabsContentMotionProps } from \"./animations\"\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\"\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\"\n\n\nexport const TabsContext = createContext<TabsContextType | null>(null)\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext)\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\")\n  return ctx\n}\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const idPrefix = useId()\n\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val)\n    onValueChange?.(val)\n  }\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        orientation,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  )\n}\n\nexport function TabsList({\n  children,\n  className,\n  ...props\n}: TabsListProps) {\n  const { orientation, size } = useTabs()\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const { value: activeValue, setValue, tabTriggerId, tabPanelId, size, appearance, variant } = useTabs()\n\n  const isActive = activeValue === value\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const triggers = Array.from(\n      document.querySelectorAll('[role=\"tab\"]'),\n    ) as HTMLElement[]\n\n    const index = triggers.findIndex((el) => el === e.currentTarget)\n\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n      e.preventDefault()\n      triggers[index + 1]?.focus()\n    }\n\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n      e.preventDefault()\n      triggers[index - 1]?.focus()\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault()\n      triggers[0]?.focus()\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault()\n      triggers[triggers.length - 1]?.focus()\n    }\n  }\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(tabsTriggerVariants({ size, appearance, variant }), className, \"cursor-pointer\")}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  animation = \"fade\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, orientation, tabTriggerId, 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      {...props}\n      {...motionProps}\n      className={cn(\"mt-2\", className)}\n    >\n      {children}\n    </motion.div>\n  )\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import type { HTMLMotionProps } from \"framer-motion\";\n\nexport type TabsAnimation = \"none\" | \"fade\" | \"slide\";\n\ntype TabsPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\"\n>;\n\nexport type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;\n\ntype TabsOrientation = \"horizontal\" | \"vertical\";\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","import { cva } from \"class-variance-authority\"\n\nexport const tabsListVariants = cva(\n  \"flex items-center gap-1\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        underline: \"border-b-2 border-transparent\",\n        pills: \"rounded-md\",\n      },\n      size: {\n        sm: \"text-sm p-1\",\n        md: \"text-base p-1.5\",\n        lg: \"text-lg p-2\",\n      },\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nexport const tabsTriggerVariants = cva(\n  \"px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-transparent\",\n        sky: \"bg-sky-500/75\",\n        rose: \"bg-rose-500/75\",\n        purple: \"bg-purple-500/75\",\n        pink: \"bg-pink-500/75\",\n        orange: \"bg-orange-500/75\",\n        yellow: \"bg-yellow-500/75\",\n        teal: \"bg-teal-500/75\",\n        indigo: \"bg-indigo-500/75\",\n        emerald: \"bg-emerald-500/75\",\n        gray: \"bg-gray-500/75\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600\",\n      },\n      variant: {\n        default: \"data-[state=active]:bg-background\",\n        underline:\n          \"border-b-2 border-transparent data-[state=active]:border-primary rounded-none\",\n        pills:\n          \"data-[state=active]:bg-primary data-[state=active]:text-white\",\n      },\n      size: {\n        sm: \"px-2 py-1\",\n        md: \"px-3 py-1.5\",\n        lg: \"px-4 py-2\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)"],"mappings":"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","names":[]}