@zentauri-ui/zentauri-components 1.2.1 → 1.3.0

package/dist/ui/spinner.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/spinner/variants.ts","../../src/ui/spinner/spinner.tsx","../../src/ui/spinner/animations.ts"],"names":[],"mappings":"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","file":"spinner.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-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} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth =\n    barWidths[size as keyof typeof barWidths];\n    \n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n","/** Spinner variants use Framer `animate` on the root; presets reserved for future. */\nexport const spinnerAnimationPresets = {\n  none: {},\n} as const;\n"]}