@zentauri-ui/zentauri-components 1.4.62 → 1.4.64

package/src/ui/toast/variants.ts

@@ -41,23 +41,23 @@ export const toastRootVariants = cva(
         amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
         "gradient-blue":
-          "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-green":
-          "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+          "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
         "gradient-red":
-          "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-yellow":
-          "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+          "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
         "gradient-purple":
-          "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-teal":
-          "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+          "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
         "gradient-indigo":
-          "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-pink":
-          "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+          "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
         "gradient-orange":
-          "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
+          "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
       },
       size: {
         sm: "p-3 text-xs",

package/src/ui/toggle/animated/index.ts

@@ -1,7 +1,10 @@
 "use client";
 
 export { ToggleAnimated } from "./toggle-animated";
-export type { ToggleAnimatedProps, ToggleAnimation, ToggleAnimationPresets, ToggleThumbPreset} from "./types";
-export {
-  toggleThumbAnimationPresets,
-} from "./animations";
+export type {
+  ToggleAnimatedProps,
+  ToggleAnimation,
+  ToggleAnimationPresets,
+  ToggleThumbPreset,
+} from "./types";
+export { toggleThumbAnimationPresets } from "./animations";

package/src/ui/toggle/animated/types.ts

@@ -3,11 +3,13 @@ import type { ToggleProps } from "../types";
 
 export type ToggleAnimation = "none" | "spring";
 
-export type ToggleThumbPreset = Pick<HTMLMotionProps<"span">, "transition" | "layout">;
+export type ToggleThumbPreset = Pick<
+  HTMLMotionProps<"span">,
+  "transition" | "layout"
+>;
 
 export type ToggleAnimationPresets = Record<ToggleAnimation, ToggleThumbPreset>;
 
-
 export type ToggleAnimatedProps = ToggleProps & {
   animation?: ToggleAnimation;
 };

package/src/ui/toggle/index.ts

@@ -1,5 +1,9 @@
 "use client";
 
 export { Toggle } from "./toggle";
-export type { ToggleProps, ToggleTrackVariantProps, ToggleThumbVariantProps } from "./types";
+export type {
+  ToggleProps,
+  ToggleTrackVariantProps,
+  ToggleThumbVariantProps,
+} from "./types";
 export { toggleThumbVariants, toggleTrackVariants } from "./variants";

package/src/ui/toggle/toggle-base.tsx

@@ -57,9 +57,8 @@ export function ToggleBase(props: ToggleProps) {
 
   const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
   const labeledByChildren = hasToggleLabelChildren(children);
-  const labeling =
-    labeledByChildren ?
-      {
+  const labeling = labeledByChildren
+    ? {
         "aria-labelledby": toggleLabelId,
       }
     : {
@@ -84,11 +83,11 @@ export function ToggleBase(props: ToggleProps) {
       }}
       {...rest}
     >
-      {labeledByChildren ?
+      {labeledByChildren ? (
         <span id={toggleLabelId} className="sr-only">
           {children}
         </span>
-      : null}
+      ) : null}
       <span
         className={cn(
           toggleThumbVariants({ size }),

package/src/ui/tooltip/animated/animations.ts

@@ -1,6 +1,5 @@
 import type { TooltipAnimationPresets } from "./types";
 
-
 export const tooltipAnimationPresets: TooltipAnimationPresets = {
   none: {},
   fade: {

package/src/ui/tooltip/animated/types.ts

@@ -13,7 +13,6 @@ export type TooltipAnimationPresets = Record<
   TooltipPresetMotionProps
 >;
 
-
 export type TooltipContentAnimatedProps = TooltipContentProps & {
   animation?: TooltipAnimation;
 };

package/src/ui/tooltip/tooltip-base.tsx

@@ -139,8 +139,7 @@ export const TooltipTrigger = ({
   };
 
   const childList = Children.toArray(children).filter(
-    (node) =>
-      node !== null && node !== undefined && typeof node !== "boolean",
+    (node) => node !== null && node !== undefined && typeof node !== "boolean",
   );
 
   const soleCandidate =

package/src/ui/tooltip/variants.ts

@@ -20,22 +20,20 @@ export const tooltipVariants = cva(
         orange: "bg-orange-600 text-white",
         green: "bg-green-600 text-white",
         "gradient-blue":
-          "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
+          "bg-linear-to-r from-blue-600 to-purple-600 text-white",
         "gradient-green":
-          "bg-gradient-to-r from-green-600 to-lime-600 text-white",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
+          "bg-linear-to-r from-green-600 to-lime-600 text-white",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-white",
         "gradient-yellow":
-          "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
+          "bg-linear-to-r from-yellow-600 to-orange-600 text-white",
         "gradient-purple":
-          "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
-        "gradient-teal":
-          "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
+          "bg-linear-to-r from-purple-600 to-pink-600 text-white",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-white",
         "gradient-indigo":
-          "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
-        "gradient-pink":
-          "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
+          "bg-linear-to-r from-indigo-600 to-purple-600 text-white",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-white",
         "gradient-orange":
-          "bg-gradient-to-r from-orange-600 to-red-600 text-white",
+          "bg-linear-to-r from-orange-600 to-red-600 text-white",
       },
       size: {
         sm: "text-xs px-2 py-1",

package/src/ui/typography/blockquote-base.tsx

@@ -6,14 +6,7 @@ import type { BlockquoteProps } from "./types";
 import { typographyToneVariants } from "./variants";
 
 export const BlockquoteBase = (props: BlockquoteProps) => {
-  const {
-    tone,
-    attribution,
-    className,
-    children,
-    ref,
-    ...rest
-  } = props;
+  const { tone, attribution, className, children, ref, ...rest } = props;
 
   return (
     <blockquote

package/src/ui/typography/code-block-base.tsx

@@ -6,32 +6,27 @@ import type { CodeBlockProps } from "./types";
 import { typographyToneVariants } from "./variants";
 
 export const CodeBlockBase = (props: CodeBlockProps) => {
-    const {
-      tone,
-      language,
-      className,
-      children,
-      ref,
-      ...rest
-    } = props;
+  const { tone, language, className, children, ref, ...rest } = props;
 
-    const ariaLabel = language ? `Code sample (${language})` : "Code sample";
+  const ariaLabel = language ? `Code sample (${language})` : "Code sample";
 
-    return (
-      <pre
-        ref={ref}
-        data-slot="typography-code-block"
-        aria-label={ariaLabel}
-        className={cn(
-          typographyToneVariants({ tone }),
-          "overflow-x-auto rounded-xl border border-white/10 bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40",
-          className,
-        )}
-        {...rest}
-      >
-        <code className="font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word">{children}</code>
-      </pre>
-    );
+  return (
+    <pre
+      ref={ref}
+      data-slot="typography-code-block"
+      aria-label={ariaLabel}
+      className={cn(
+        typographyToneVariants({ tone }),
+        "overflow-x-auto rounded-xl border border-white/10 bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40",
+        className,
+      )}
+      {...rest}
+    >
+      <code className="font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word">
+        {children}
+      </code>
+    </pre>
+  );
 };
 
 CodeBlockBase.displayName = "CodeBlock";

package/src/ui/typography/heading-base.tsx

@@ -3,10 +3,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/utils";
 
 import type { HeadingProps } from "./types";
-import {
-  headingLevelVariants,
-  typographyToneVariants,
-} from "./variants";
+import { headingLevelVariants, typographyToneVariants } from "./variants";
 
 const HEADING_TAGS = {
   1: "h1",
@@ -18,42 +15,42 @@ const HEADING_TAGS = {
 } as const;
 
 export const HeadingBase = (props: HeadingProps) => {
-    const {
-      level,
-      displayLevel,
-      tone,
-      bold,
-      italic,
-      underline,
-      strikethrough,
-      ref,
-      className,
-      children,
-      ...rest
-    } = props;
+  const {
+    level,
+    displayLevel,
+    tone,
+    bold,
+    italic,
+    underline,
+    strikethrough,
+    ref,
+    className,
+    children,
+    ...rest
+  } = props;
 
-    const Tag = HEADING_TAGS[level];
-    const scale = displayLevel ?? level;
+  const Tag = HEADING_TAGS[level];
+  const scale = displayLevel ?? level;
 
-    return (
-      <Tag
-        ref={ref}
-        data-slot="typography-heading"
-        data-level={level}
-        className={cn(
-          typographyToneVariants({ tone }),
-          headingLevelVariants({ level: scale }),
-          bold && "font-bold",
-          italic && "italic",
-          underline && "underline underline-offset-4",
-          strikethrough && "line-through",
-          className,
-        )}
-        {...rest}
-      >
-        {children}
-      </Tag>
-    );
+  return (
+    <Tag
+      ref={ref}
+      data-slot="typography-heading"
+      data-level={level}
+      className={cn(
+        typographyToneVariants({ tone }),
+        headingLevelVariants({ level: scale }),
+        bold && "font-bold",
+        italic && "italic",
+        underline && "underline underline-offset-4",
+        strikethrough && "line-through",
+        className,
+      )}
+      {...rest}
+    >
+      {children}
+    </Tag>
+  );
 };
 
 HeadingBase.displayName = "Heading";

package/src/ui/typography/inline-code-base.tsx

@@ -6,22 +6,22 @@ import type { InlineCodeProps } from "./types";
 import { typographyToneVariants } from "./variants";
 
 export const InlineCodeBase = (props: InlineCodeProps) => {
-    const { tone, className, children, ref, ...rest } = props;
+  const { tone, className, children, ref, ...rest } = props;
 
-    return (
-      <code
-        ref={ref}
-        data-slot="typography-inline-code"
-        className={cn(
-          typographyToneVariants({ tone }),
-          "rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal",
-          className,
-        )}
-        {...rest}
-      >
-        {children}
-      </code>
-    );
+  return (
+    <code
+      ref={ref}
+      data-slot="typography-inline-code"
+      className={cn(
+        typographyToneVariants({ tone }),
+        "rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal",
+        className,
+      )}
+      {...rest}
+    >
+      {children}
+    </code>
+  );
 };
 
 InlineCodeBase.displayName = "InlineCode";

package/src/ui/typography/list-base.tsx

@@ -9,15 +9,7 @@ import {
 
 export function ListBase(props: ListProps) {
   if ("ordered" in props && props.ordered === true) {
-    const {
-      tone,
-      className,
-      children,
-      ref,
-      ordered,
-      marker,
-      ...rest
-    } = props;
+    const { tone, className, children, ref, ordered, marker, ...rest } = props;
 
     void ordered;
     void marker;

package/src/ui/typography/text-base.tsx

@@ -4,40 +4,40 @@ import type { TextProps } from "./types";
 import { textSizeVariants, typographyToneVariants } from "./variants";
 
 export const TextBase = (props: TextProps) => {
-    const {
-      as = "p",
-      size = "base",
-      tone,
-      bold,
-      italic,
-      underline,
-      strikethrough,
-      highlight,
-      className,
-      children,
-      ...rest
-    } = props;
+  const {
+    as = "p",
+    size = "base",
+    tone,
+    bold,
+    italic,
+    underline,
+    strikethrough,
+    highlight,
+    className,
+    children,
+    ...rest
+  } = props;
 
-    const Component = as;
+  const Component = as;
 
-    return (
-      <Component
-        data-slot="typography-text"
-        className={cn(
-          typographyToneVariants({ tone }),
-          textSizeVariants({ size }),
-          bold && "font-semibold",
-          italic && "italic",
-          underline && "underline underline-offset-2",
-          strikethrough && "line-through",
-          highlight && "rounded bg-amber-400/15 px-0.5",
-          className,
-        )}
-        {...rest}
-      >
-        {children}
-      </Component>
-    );
+  return (
+    <Component
+      data-slot="typography-text"
+      className={cn(
+        typographyToneVariants({ tone }),
+        textSizeVariants({ size }),
+        bold && "font-semibold",
+        italic && "italic",
+        underline && "underline underline-offset-2",
+        strikethrough && "line-through",
+        highlight && "rounded bg-amber-400/15 px-0.5",
+        className,
+      )}
+      {...rest}
+    >
+      {children}
+    </Component>
+  );
 };
 
 TextBase.displayName = "Text";

package/src/ui/typography/types.ts

@@ -1,9 +1,5 @@
 import type { VariantProps } from "class-variance-authority";
-import type {
-  ComponentProps,
-  HTMLAttributes,
-  RefObject,
-} from "react";
+import type { ComponentProps, HTMLAttributes, RefObject } from "react";
 
 import type {
   textSizeVariants,
@@ -17,10 +13,7 @@ export type TypographyTone = NonNullable<
 
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
-export type HeadingProps = Omit<
-  ComponentProps<"h1">,
-  "color"
-> & {
+export type HeadingProps = Omit<ComponentProps<"h1">, "color"> & {
   level: HeadingLevel;
   /** Visual scale; defaults to `level`. */
   displayLevel?: HeadingLevel;
@@ -72,17 +65,11 @@ export type BlockquoteProps = ComponentProps<"blockquote"> & {
   ref?: RefObject<HTMLQuoteElement>;
 };
 
-export type InlineCodeProps = Omit<
-  ComponentProps<"code">,
-  "color"
-> & {
+export type InlineCodeProps = Omit<ComponentProps<"code">, "color"> & {
   tone?: TypographyTone;
 };
 
-export type CodeBlockProps = Omit<
-  ComponentProps<"pre">,
-  "color"
-> & {
+export type CodeBlockProps = Omit<ComponentProps<"pre">, "color"> & {
   tone?: TypographyTone;
   /** Hint for stacked highlighting stacks / aria-labels. */
   language?: string;

package/src/ui/typography/typography.test.tsx

@@ -64,7 +64,9 @@ describe("Typography primitives", () => {
 
   it("should render InlineCode with monospace styling token", () => {
     const { container } = render(<InlineCode>npm i</InlineCode>);
-    const code = container.querySelector('[data-slot="typography-inline-code"]');
+    const code = container.querySelector(
+      '[data-slot="typography-inline-code"]',
+    );
     expect(code?.tagName).toBe("CODE");
     expect(code?.className).toMatch(/font-mono/);
   });

package/src/ui/typography/variants.ts

@@ -14,14 +14,22 @@ export const typographyToneVariants = cva("", {
       success: "text-emerald-300 border-emerald-300/40",
       warning: "text-amber-300 border-amber-300/40",
       error: "text-red-300 border-red-300/40",
-      "gradient-pink-violet": "bg-linear-to-r from-pink-400 to-violet-400 bg-clip-text text-transparent",
-      "gradient-cyan-violet": "bg-linear-to-r from-cyan-400 to-violet-400 bg-clip-text text-transparent",
-      "gradient-cyan-blue": "bg-linear-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",
-      "gradient-cyan-green": "bg-linear-to-r from-cyan-400 to-green-400 bg-clip-text text-transparent",
-      "gradient-cyan-orange": "bg-linear-to-r from-cyan-400 to-orange-400 bg-clip-text text-transparent",
-      "gradient-cyan-red": "bg-linear-to-r from-cyan-400 to-red-400 bg-clip-text text-transparent",
-      "gradient-cyan-purple": "bg-linear-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent",
-      "gradient-cyan-pink": "bg-linear-to-r from-cyan-400 to-pink-400 bg-clip-text text-transparent",
+      "gradient-pink-violet":
+        "bg-linear-to-r from-pink-400 to-violet-400 bg-clip-text text-transparent",
+      "gradient-cyan-violet":
+        "bg-linear-to-r from-cyan-400 to-violet-400 bg-clip-text text-transparent",
+      "gradient-cyan-blue":
+        "bg-linear-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",
+      "gradient-cyan-green":
+        "bg-linear-to-r from-cyan-400 to-green-400 bg-clip-text text-transparent",
+      "gradient-cyan-orange":
+        "bg-linear-to-r from-cyan-400 to-orange-400 bg-clip-text text-transparent",
+      "gradient-cyan-red":
+        "bg-linear-to-r from-cyan-400 to-red-400 bg-clip-text text-transparent",
+      "gradient-cyan-purple":
+        "bg-linear-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent",
+      "gradient-cyan-pink":
+        "bg-linear-to-r from-cyan-400 to-pink-400 bg-clip-text text-transparent",
     },
   },
   defaultVariants: {

package/dist/chunk-2P3UU2J3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":[],"mappings":"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","file":"chunk-2P3UU2J3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst shimmerLayer =\n  \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const skeletonShimmerGradientClasses = {\n  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n  muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n  sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n  rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n  purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n  pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n  yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n  teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n  amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n  violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n  \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n  \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n  \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n} as const;\n\nexport type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;\n\nexport const skeletonVariants = cva(\n  \"relative overflow-hidden bg-white/10 text-transparent\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-white/10\",\n        subtle: \"bg-white/[0.07]\",\n        muted: \"bg-slate-800/80\",\n        sky: \"bg-sky-500/10\",\n        rose: \"bg-rose-500/10\",\n        purple: \"bg-purple-500/10\",\n        pink: \"bg-pink-500/10\",\n        orange: \"bg-orange-500/10\",\n        yellow: \"bg-yellow-500/10\",\n        teal: \"bg-teal-500/10\",\n        indigo: \"bg-indigo-500/10\",\n        emerald: \"bg-emerald-500/10\",\n        gray: \"bg-gray-500/10\",\n        amber: \"bg-amber-500/10\",\n        violet: \"bg-violet-500/10\",\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      size: {\n        sm: \"min-h-3\",\n        md: \"min-h-4\",\n        lg: \"min-h-6\",\n      },\n      rounded: {\n        none: \"rounded-none\",\n        sm: \"rounded-md\",\n        md: \"rounded-lg\",\n        lg: \"rounded-xl\",\n        full: \"rounded-full\",\n      },\n      animation: {\n        none: \"\",\n        shimmer: \"\",\n        pulse: \"\",\n      },\n      shimmerTone: {\n        default: \"\",\n        subtle: \"\",\n        muted: \"\",\n        sky: \"\",\n        rose: \"\",\n        purple: \"\",\n        pink: \"\",\n        orange: \"\",\n        yellow: \"\",\n        teal: \"\",\n        indigo: \"\",\n        emerald: \"\",\n        gray: \"\",\n        amber: \"\",\n        violet: \"\",\n        \"gradient-blue\": \"\",\n        \"gradient-green\": \"\",\n        \"gradient-red\": \"\",\n        \"gradient-yellow\": \"\",\n        \"gradient-purple\": \"\",\n        \"gradient-teal\": \"\",\n        \"gradient-indigo\": \"\",\n        \"gradient-pink\": \"\",\n        \"gradient-orange\": \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"default\",\n        class: skeletonShimmerGradientClasses.default,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"muted\",\n        class: skeletonShimmerGradientClasses.subtle,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"subtle\",\n        class: skeletonShimmerGradientClasses.subtle,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"sky\",\n        class: skeletonShimmerGradientClasses.sky,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"rose\",\n        class: skeletonShimmerGradientClasses.rose,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"purple\",\n        class: skeletonShimmerGradientClasses.purple,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"pink\",\n        class: skeletonShimmerGradientClasses.pink,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"orange\",\n        class: skeletonShimmerGradientClasses.orange,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"yellow\",\n        class: skeletonShimmerGradientClasses.yellow,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"teal\",\n        class: skeletonShimmerGradientClasses.teal,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"indigo\",\n        class: skeletonShimmerGradientClasses.indigo,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"emerald\",\n        class: skeletonShimmerGradientClasses.emerald,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gray\",\n        class: skeletonShimmerGradientClasses.gray,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"amber\",\n        class: skeletonShimmerGradientClasses.amber,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"violet\",\n        class: skeletonShimmerGradientClasses.violet,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-blue\",\n        class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-green\",\n        class: skeletonShimmerGradientClasses[\"gradient-green\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-red\",\n        class: skeletonShimmerGradientClasses[\"gradient-red\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-yellow\",\n        class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-purple\",\n        class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-teal\",\n        class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-indigo\",\n        class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-pink\",\n        class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-orange\",\n        class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n      },\n      {\n        animation: \"pulse\",\n        class: \"\",\n      },\n    ],\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      rounded: \"md\",\n      animation: \"shimmer\",\n      shimmerTone: \"default\",\n    },\n  },\n);\n\nexport const skeletonTextLineVariants = cva(\"block w-full\", {\n  variants: {\n    size: {\n      sm: \"h-2.5\",\n      md: \"h-3\",\n      lg: \"h-4\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SkeletonAnimation,\n  SkeletonAvatarProps,\n  SkeletonButtonProps,\n  SkeletonCardProps,\n  SkeletonProps,\n  SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n  SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n  fallback: SkeletonAnimation,\n): SkeletonAnimation {\n  const value = useContext(SkeletonAnimationContext);\n  return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n  if (animation === \"none\") {\n    return \"\";\n  }\n  return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n  const {\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    children,\n    ref,\n    as:Wrapper = \"div\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => animation, [animation]);\n\n  return (\n    <SkeletonAnimationContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"skeleton\"\n        aria-hidden\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          skeletonVariants({\n            appearance,\n            size,\n            rounded,\n            animation,\n            shimmerTone,\n          }),\n          skeletonMotionClass(animation),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </SkeletonAnimationContext.Provider>\n  );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n  const {\n    lines = 3,\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    ref,\n    as:Wrapper = \"div\",\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      data-slot=\"skeleton-text\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <Wrapper\n          key={index}\n          ref={index === 0 ? ref : undefined}\n          className={cn(\n            skeletonVariants({\n              appearance,\n              size,\n              rounded,\n              animation: effectiveAnimation,\n              shimmerTone,\n            }),\n            skeletonTextLineVariants({ size }),\n            index === lines - 1 ? \"w-3/5\" : \"w-full\",\n            motionClass,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n  NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n  string\n> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n  xl: \"size-14\",\n  \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n  const {\n    avatarSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"full\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    as:Wrapper = \"div\",\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"skeleton-avatar\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        avatarSizeClass[avatarSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonBase\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarBase\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextBase\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextBase\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonBase>\n    </div>\n  );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n  NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n  string\n> = {\n  sm: \"h-8 w-24\",\n  md: \"h-10 w-32\",\n  lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n  const {\n    buttonSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"md\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton-button\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        buttonHeight[buttonSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}