@zentauri-ui/zentauri-components 0.0.8 → 0.0.9

package/dist/ui/card.d.ts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode, Ref, HTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const cardVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "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" | "violet" | "glass" | "amber" | "elevated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardHeaderVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardFooterVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type CardAnimation = "none" | "lift" | "glow" | "tilt";
+type CardVariantProps = VariantProps<typeof cardVariants>;
+type CardProps = CardVariantProps & Omit<HTMLMotionProps<"article">, "children"> & {
+    animation?: CardAnimation;
+    children?: ReactNode;
+};
+type CardSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type CardTitleProps = {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLHeadingElement>;
+} & Omit<HTMLAttributes<HTMLHeadingElement>, "className" | "children">;
+type CardDescriptionProps = {
+    as?: "p" | "span" | "div";
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLElement>;
+} & Omit<HTMLAttributes<HTMLElement>, "className" | "children">;
+
+declare function Card(props: CardProps): react_jsx_runtime.JSX.Element;
+declare namespace Card {
+    var displayName: string;
+}
+declare function CardHeader({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace CardHeader {
+    var displayName: string;
+}
+declare function CardBody({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace CardBody {
+    var displayName: string;
+}
+declare function CardFooter({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace CardFooter {
+    var displayName: string;
+}
+declare function CardTitle({ className, children, as, ref, ...rest }: CardTitleProps): react_jsx_runtime.JSX.Element;
+declare namespace CardTitle {
+    var displayName: string;
+}
+declare function CardDescription({ className, children, as, ref, ...rest }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
+declare namespace CardDescription {
+    var displayName: string;
+}
+
+type CardPresetMotionProps = Pick<HTMLMotionProps<"article">, "style" | "transition" | "whileHover" | "whileTap">;
+type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;
+declare const cardAnimationPresets: CardAnimationPresets;
+
+export { Card, type CardAnimation, CardBody, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, cardAnimationPresets, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };

package/dist/ui/card.js

@@ -0,0 +1,258 @@
+"use client";
+
+
+// src/ui/card/card.tsx
+import { createContext, useContext, useMemo } from "react";
+import { motion } from "framer-motion";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/card/animations.ts
+var cardAnimationPresets = {
+  none: {},
+  lift: {
+    whileHover: { y: -4, scale: 1.01 },
+    whileTap: { y: 0, scale: 0.995 },
+    transition: { type: "spring", stiffness: 380, damping: 26 }
+  },
+  glow: {
+    whileHover: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)"
+    },
+    transition: { duration: 0.22, ease: "easeOut" }
+  },
+  tilt: {
+    whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },
+    whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },
+    transition: { type: "spring", stiffness: 280, damping: 22 },
+    style: { transformStyle: "preserve-3d" }
+  }
+};
+
+// src/ui/card/variants.ts
+import { cva } from "class-variance-authority";
+var cardVariants = cva(
+  [
+    "relative flex w-full flex-col overflow-hidden text-slate-50",
+    "ring-offset-slate-950 transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2"
+  ],
+  {
+    variants: {
+      appearance: {
+        default: "border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
+        glass: "border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]",
+        outline: "border border-white/15 bg-transparent",
+        ghost: "border border-transparent bg-transparent",
+        elevated: "border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]",
+        sky: "border border-sky-600 bg-sky-950/70 backdrop-blur-xl",
+        rose: "border border-rose-600 bg-rose-950/70 backdrop-blur-xl",
+        purple: "border border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        emerald: "border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
+        gray: "border border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        amber: "border border-amber-600 bg-amber-950/70 backdrop-blur-xl",
+        violet: "border border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border 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",
+        "gradient-green": "border 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",
+        "gradient-red": "border 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",
+        "gradient-yellow": "border 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",
+        "gradient-purple": "border 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",
+        "gradient-teal": "border 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",
+        "gradient-indigo": "border 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",
+        "gradient-pink": "border 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",
+        "gradient-orange": "border 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"
+      },
+      size: {
+        sm: "gap-2 p-3 text-sm",
+        md: "gap-3 p-4 text-sm",
+        lg: "gap-4 p-6 text-base"
+      },
+      rounded: {
+        sm: "rounded-lg",
+        md: "rounded-xl",
+        lg: "rounded-2xl",
+        full: "rounded-3xl"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md",
+      rounded: "md"
+    }
+  }
+);
+var cardHeaderVariants = cva(
+  "flex flex-col gap-1 border-b border-white/10 pb-3",
+  {
+    variants: {
+      size: {
+        sm: "pb-2",
+        md: "pb-3",
+        lg: "pb-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var cardFooterVariants = cva(
+  "flex flex-col gap-2 border-t border-white/10 pt-3",
+  {
+    variants: {
+      size: {
+        sm: "pt-2",
+        md: "pt-3",
+        lg: "pt-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var cardTitleVariants = cva("font-semibold tracking-tight text-slate-50", {
+  variants: {
+    size: {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var cardDescriptionVariants = cva("text-slate-400", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/card/card.tsx
+import { jsx } from "react/jsx-runtime";
+var CardSizeContext = createContext("md");
+function useCardSize() {
+  return useContext(CardSizeContext);
+}
+function Card(props) {
+  const {
+    className,
+    appearance,
+    size = "md",
+    rounded,
+    animation = "none",
+    children,
+    ref,
+    ...rest
+  } = props;
+  const motionProps = cardAnimationPresets[animation];
+  const ctx = useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    motion.article,
+    {
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ appearance, size, rounded }), className),
+      initial: false,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  ) });
+}
+Card.displayName = "Card";
+function CardHeader({ className, children }) {
+  const size = useCardSize();
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      "data-slot": "card-header",
+      className: cn(cardHeaderVariants({ size }), className),
+      children
+    }
+  );
+}
+CardHeader.displayName = "CardHeader";
+function CardBody({ className, children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-body", className: cn("flex flex-1 flex-col gap-2", className), children });
+}
+CardBody.displayName = "CardBody";
+function CardFooter({ className, children }) {
+  const size = useCardSize();
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      "data-slot": "card-footer",
+      className: cn(cardFooterVariants({ size }), className),
+      children
+    }
+  );
+}
+CardFooter.displayName = "CardFooter";
+function CardTitle({
+  className,
+  children,
+  as = "h3",
+  ref,
+  ...rest
+}) {
+  const size = useCardSize();
+  const Tag = as;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "card-title",
+      className: cn(cardTitleVariants({ size }), className),
+      ...rest,
+      children
+    }
+  );
+}
+CardTitle.displayName = "CardTitle";
+function CardDescription({
+  className,
+  children,
+  as = "p",
+  ref,
+  ...rest
+}) {
+  const size = useCardSize();
+  const Tag = as;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "card-description",
+      className: cn(cardDescriptionVariants({ size }), className),
+      ...rest,
+      children
+    }
+  );
+}
+CardDescription.displayName = "CardDescription";
+export {
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardAnimationPresets,
+  cardDescriptionVariants,
+  cardFooterVariants,
+  cardHeaderVariants,
+  cardTitleVariants,
+  cardVariants
+};
+//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/card/card.tsx","../../src/lib/utils.ts","../../src/ui/card/animations.ts","../../src/ui/card/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { cardAnimationPresets } from \"./animations\";\nimport type {\n  CardDescriptionProps,\n  CardProps,\n  CardSectionProps,\n  CardTitleProps,\n} from \"./types\";\nimport {\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./variants\";\n\ntype CardSize = NonNullable<CardProps[\"size\"]>;\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n  return useContext(CardSizeContext);\n}\n\nexport function Card(props: CardProps) {\n  const {\n    className,\n    appearance,\n    size = \"md\",\n    rounded,\n    animation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = cardAnimationPresets[animation];\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <CardSizeContext.Provider value={ctx}>\n      <motion.article\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ appearance, size, rounded }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.article>\n    </CardSizeContext.Provider>\n  );\n}\n\nCard.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <header\n      data-slot=\"card-header\"\n      className={cn(cardHeaderVariants({ size }), className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n  return (\n    <div data-slot=\"card-body\" className={cn(\"flex flex-1 flex-col gap-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <footer\n      data-slot=\"card-footer\"\n      className={cn(cardFooterVariants({ size }), className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n  className,\n  children,\n  as = \"h3\",\n  ref,\n  ...rest\n}: CardTitleProps) {\n  const size = useCardSize();\n  const Tag = as;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-title\"\n      className={cn(cardTitleVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n  className,\n  children,\n  as = \"p\",\n  ref,\n  ...rest\n}: CardDescriptionProps) {\n  const size = useCardSize();\n  const Tag = as;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-description\"\n      className={cn(cardDescriptionVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\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\nimport type { CardAnimation } from \"./types\";\n\ntype CardPresetMotionProps = Pick<\n  HTMLMotionProps<\"article\">,\n  \"style\" | \"transition\" | \"whileHover\" | \"whileTap\"\n>;\n\nexport type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;\n\nexport const cardAnimationPresets: CardAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -4, scale: 1.01 },\n    whileTap: { y: 0, scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 26 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)\",\n    },\n    transition: { duration: 0.22, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },\n    whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 280, damping: 22 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n  [\n    \"relative flex w-full flex-col overflow-hidden text-slate-50\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n        glass:\n          \"border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n        outline: \"border border-white/15 bg-transparent\",\n        ghost: \"border border-transparent bg-transparent\",\n        elevated:\n          \"border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]\",\n        sky: \"border border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\": \"border 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\",\n        \"gradient-green\": \"border 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\",\n        \"gradient-red\": \"border 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\",\n        \"gradient-yellow\": \"border 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\",\n        \"gradient-purple\": \"border 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\",\n        \"gradient-teal\": \"border 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\",\n        \"gradient-indigo\": \"border 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\",\n        \"gradient-pink\": \"border 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\",\n        \"gradient-orange\": \"border 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\",\n      },\n      size: {\n        sm: \"gap-2 p-3 text-sm\",\n        md: \"gap-3 p-4 text-sm\",\n        lg: \"gap-4 p-6 text-base\",\n      },\n      rounded: {\n        sm: \"rounded-lg\",\n        md: \"rounded-xl\",\n        lg: \"rounded-2xl\",\n        full: \"rounded-3xl\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      rounded: \"md\",\n    },\n  },\n);\n\nexport const cardHeaderVariants = cva(\n  \"flex flex-col gap-1 border-b border-white/10 pb-3\",\n  {\n    variants: {\n      size: {\n        sm: \"pb-2\",\n        md: \"pb-3\",\n        lg: \"pb-4\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const cardFooterVariants = cva(\n  \"flex flex-col gap-2 border-t border-white/10 pt-3\",\n  {\n    variants: {\n      size: {\n        sm: \"pt-2\",\n        md: \"pt-3\",\n        lg: \"pt-4\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const cardTitleVariants = cva(\"font-semibold tracking-tight text-slate-50\", {\n  variants: {\n    size: {\n      sm: \"text-sm\",\n      md: \"text-base\",\n      lg: \"text-lg\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardDescriptionVariants = cva(\"text-slate-400\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":"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","names":[]}

package/dist/ui/divider.cjs

@@ -0,0 +1,229 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/divider/index.ts
+var divider_exports = {};
+__export(divider_exports, {
+  Divider: () => Divider,
+  dividerAnimationPresets: () => dividerAnimationPresets,
+  dividerLabelVariants: () => dividerLabelVariants,
+  dividerLineVariants: () => dividerLineVariants,
+  dividerToneVariants: () => dividerToneVariants,
+  dividerVariants: () => dividerVariants
+});
+module.exports = __toCommonJS(divider_exports);
+
+// src/ui/divider/divider.tsx
+var import_framer_motion = require("framer-motion");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/divider/animations.ts
+var dividerAnimationPresets = {
+  none: {},
+  expand: {
+    initial: { scaleX: 0.6, opacity: 0.4 },
+    animate: { scaleX: 1, opacity: 1 },
+    transition: { duration: 0.35, ease: "easeOut" }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.25 }
+  }
+};
+
+// src/ui/divider/variants.ts
+var import_class_variance_authority = require("class-variance-authority");
+var APPEARANCES = {
+  default: "text-slate-200",
+  muted: "text-slate-500",
+  primary: "text-cyan-300",
+  destructive: "text-rose-400",
+  ghost: "text-slate-600",
+  sky: "text-sky-400",
+  rose: "text-rose-400",
+  purple: "text-purple-400",
+  pink: "text-pink-400",
+  orange: "text-orange-400",
+  yellow: "text-yellow-400",
+  teal: "text-teal-400",
+  indigo: "text-indigo-400",
+  emerald: "text-emerald-400",
+  gray: "text-gray-400",
+  amber: "text-amber-400",
+  violet: "text-violet-400",
+  "gradient-blue": "text-blue-400",
+  "gradient-green": "text-green-400",
+  "gradient-red": "text-red-400",
+  "gradient-yellow": "text-yellow-400",
+  "gradient-purple": "text-purple-400",
+  "gradient-teal": "text-teal-400",
+  "gradient-indigo": "text-indigo-400",
+  "gradient-pink": "text-pink-400",
+  "gradient-orange": "text-orange-400"
+};
+var dividerToneVariants = (0, import_class_variance_authority.cva)("", {
+  variants: {
+    appearance: APPEARANCES
+  },
+  defaultVariants: { appearance: "default" }
+});
+var dividerVariants = (0, import_class_variance_authority.cva)("flex w-full items-center gap-3", {
+  variants: {
+    appearance: APPEARANCES,
+    orientation: {
+      horizontal: "w-full flex-row",
+      vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    { orientation: "horizontal", size: "sm", class: "min-h-px" },
+    { orientation: "horizontal", size: "md", class: "min-h-[2px]" },
+    { orientation: "horizontal", size: "lg", class: "min-h-[3px]" },
+    { orientation: "vertical", size: "sm", class: "min-w-px" },
+    { orientation: "vertical", size: "md", class: "min-w-[2px]" },
+    { orientation: "vertical", size: "lg", class: "min-w-[3px]" }
+  ],
+  defaultVariants: {
+    appearance: "default",
+    orientation: "horizontal",
+    size: "md"
+  }
+});
+var dividerLineVariants = (0, import_class_variance_authority.cva)(
+  "shrink grow rounded-full bg-current opacity-80",
+  {
+    variants: {
+      orientation: {
+        horizontal: "h-px",
+        vertical: "w-px flex-1"
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    compoundVariants: [
+      { orientation: "horizontal", size: "sm", class: "h-px" },
+      { orientation: "horizontal", size: "md", class: "h-0.5" },
+      { orientation: "horizontal", size: "lg", class: "h-1" },
+      { orientation: "vertical", size: "sm", class: "w-px" },
+      { orientation: "vertical", size: "md", class: "w-0.5" },
+      { orientation: "vertical", size: "lg", class: "w-1" }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      size: "md"
+    }
+  }
+);
+var dividerLabelVariants = (0, import_class_variance_authority.cva)(
+  "shrink-0 text-xs font-medium uppercase tracking-wide text-current"
+);
+
+// src/ui/divider/divider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Divider(props) {
+  const {
+    className,
+    appearance,
+    orientation,
+    size,
+    animation = "none",
+    label,
+    children,
+    ref,
+    ...rest
+  } = props;
+  const motionProps = dividerAnimationPresets[animation];
+  const slot = label ?? children;
+  if (!slot) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        ref,
+        "data-slot": "divider",
+        role: "separator",
+        "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
+        className: cn(
+          dividerToneVariants({ appearance }),
+          orientation === "horizontal" ? "flex w-full min-h-px flex-row items-stretch" : "flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch",
+          className
+        ),
+        initial: animation === "none" ? false : void 0,
+        ...motionProps,
+        ...rest,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn(dividerLineVariants({ orientation, size })), "aria-hidden": true })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_framer_motion.motion.div,
+    {
+      ref,
+      "data-slot": "divider",
+      role: "separator",
+      "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
+      className: cn(dividerVariants({ appearance, orientation, size }), className),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: cn(dividerLineVariants({ orientation, size })),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-slot": "divider-label", className: dividerLabelVariants(), children: slot }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: cn(dividerLineVariants({ orientation, size })),
+            "aria-hidden": true
+          }
+        )
+      ]
+    }
+  );
+}
+Divider.displayName = "Divider";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider,
+  dividerAnimationPresets,
+  dividerLabelVariants,
+  dividerLineVariants,
+  dividerToneVariants,
+  dividerVariants
+});
+//# sourceMappingURL=divider.cjs.map

package/dist/ui/divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/divider/index.ts","../../src/ui/divider/divider.tsx","../../src/lib/utils.ts","../../src/ui/divider/animations.ts","../../src/ui/divider/variants.ts"],"sourcesContent":["export { Divider } from \"./divider\";\nexport type { DividerAnimation, DividerProps } from \"./types\";\nexport { dividerAnimationPresets } from \"./animations\";\nexport {\n  dividerVariants,\n  dividerToneVariants,\n  dividerLineVariants,\n  dividerLabelVariants,\n} from \"./variants\";\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { dividerAnimationPresets } from \"./animations\";\nimport type { DividerProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function Divider(props: DividerProps) {\n  const {\n    className,\n    appearance,\n    orientation,\n    size,\n    animation = \"none\",\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = dividerAnimationPresets[animation];\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <motion.div\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch\",\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        <span className={cn(dividerLineVariants({ orientation, size }))} aria-hidden />\n      </motion.div>\n    );\n  }\n\n  return (\n    <motion.div\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(dividerVariants({ appearance, orientation, size }), className)}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </motion.div>\n  );\n}\n\nDivider.displayName = \"Divider\";\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\nimport type { DividerAnimation } from \"./types\";\n\ntype DividerPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type DividerAnimationPresets = Record<\n  DividerAnimation,\n  DividerPresetMotionProps\n>;\n\nexport const dividerAnimationPresets: DividerAnimationPresets = {\n  none: {},\n  expand: {\n    initial: { scaleX: 0.6, opacity: 0.4 },\n    animate: { scaleX: 1, opacity: 1 },\n    transition: { duration: 0.35, ease: \"easeOut\" },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.25 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nconst APPEARANCES = {\n  default: \"text-slate-200\",\n  muted: \"text-slate-500\",\n  primary: \"text-cyan-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-600\",\n  sky: \"text-sky-400\",\n  rose: \"text-rose-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  orange: \"text-orange-400\",\n  yellow: \"text-yellow-400\",\n  teal: \"text-teal-400\",\n  indigo: \"text-indigo-400\",\n  emerald: \"text-emerald-400\",\n  gray: \"text-gray-400\",\n  amber: \"text-amber-400\",\n  violet: \"text-violet-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n};\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: APPEARANCES,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(\"flex w-full items-center gap-3\", {\n  variants: {\n    appearance: APPEARANCES,\n    orientation: {\n      horizontal: \"w-full flex-row\",\n      vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n    },\n    size: {\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(\n  \"shrink grow rounded-full bg-current opacity-80\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"h-px\",\n        vertical: \"w-px flex-1\",\n      },\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n      { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n      { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n      { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n      { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n      { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const dividerLabelVariants = cva(\n  \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\",\n);\n"],"mappings":"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","names":[]}

package/dist/ui/divider.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const dividerToneVariants: (props?: ({
+    appearance?: "default" | "ghost" | "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" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerVariants: (props?: ({
+    appearance?: "default" | "ghost" | "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" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerLineVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type DividerAnimation = "none" | "expand" | "fade";
+type DividerVariantProps = VariantProps<typeof dividerVariants>;
+type DividerProps = DividerVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: DividerAnimation;
+    /** Optional label between divider lines. */
+    label?: ReactNode;
+    children?: ReactNode;
+};
+
+declare function Divider(props: DividerProps): react_jsx_runtime.JSX.Element;
+declare namespace Divider {
+    var displayName: string;
+}
+
+type DividerPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
+type DividerAnimationPresets = Record<DividerAnimation, DividerPresetMotionProps>;
+declare const dividerAnimationPresets: DividerAnimationPresets;
+
+export { Divider, type DividerAnimation, type DividerProps, dividerAnimationPresets, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };