@bloomkit/react 0.1.6 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +97 -6
  2. package/dist/index.cjs +214 -7
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.d.cts +26 -1
  6. package/dist/index.d.ts +26 -1
  7. package/dist/index.js +213 -6
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["/Users/filip/Documents/personal/bloom-ui/dist/index.cjs","../src/utils/cn.ts","../src/utils/motion-presets.ts","../src/hooks/use-reduced-motion.ts","../src/hooks/use-breathing.ts","../src/components/button/button.tsx","../src/components/button/button.variants.ts","../src/components/card/card.tsx","../src/components/card/card.variants.ts","../src/components/input/input.tsx","../src/components/input/input.variants.ts","../src/components/toggle/toggle.tsx","../src/components/badge/badge.tsx","../src/components/badge/badge.variants.ts","../src/components/alert/alert.tsx","../src/components/alert/alert.variants.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/avatar.variants.ts","../src/components/tooltip/tooltip.tsx","../src/components/progress/progress.tsx","../src/components/progress/progress.variants.ts","../src/components/slider/slider.tsx","../src/components/modal/modal.tsx","../src/components/dropdown/dropdown.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/tabs.variants.ts","../src/components/date-picker/date-picker.tsx","../src/components/toast/toast.tsx","../src/components/toast/toast.variants.ts","../src/components/skeleton/skeleton.tsx","../src/components/skeleton/skeleton.variants.ts"],"names":["forwardRef","cva","jsx","jsxs","useState","useEffect"],"mappings":"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","file":"/Users/filip/Documents/personal/bloom-ui/dist/index.cjs","sourcesContent":[null,"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","import type { Transition, Variants } from \"motion/react\";\n\nexport const bloomTransition: Transition = {\n duration: 0.5,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomTransitionSlow: Transition = {\n duration: 0.8,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomTransitionFast: Transition = {\n duration: 0.3,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomSpring: Transition = {\n type: \"spring\",\n stiffness: 200,\n damping: 20,\n};\n\nexport const hoverLift: Variants = {\n initial: { y: 0, scale: 1 },\n hover: { y: -2, scale: 1 },\n tap: { y: 0, scale: 0.98 },\n};\n\nexport const cardHoverLift: Variants = {\n initial: { y: 0 },\n hover: { y: -4 },\n};\n\nexport const fadeIn: Variants = {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n};\n\nexport const slideUp: Variants = {\n initial: { opacity: 0, y: 12 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: 12 },\n};\n","import { useState, useEffect } from \"react\";\n\nexport function useReducedMotion(): boolean {\n const [reduced, setReduced] = useState(() => {\n if (typeof window === \"undefined\") return false;\n const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n return mq.matches || hasClass;\n });\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n const handleChange = () => {\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n setReduced(mq.matches || hasClass);\n };\n\n mq.addEventListener(\"change\", handleChange);\n\n const observer = new MutationObserver(() => {\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n setReduced(mq.matches || hasClass);\n });\n observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n\n return () => {\n mq.removeEventListener(\"change\", handleChange);\n observer.disconnect();\n };\n }, []);\n\n return reduced;\n}\n","import { useMemo } from \"react\";\n\ninterface UseBreathingOptions {\n duration?: number;\n animation?: string;\n}\n\ninterface BreathingStyle {\n animationName: string;\n animationDuration: string;\n animationDelay: string;\n animationTimingFunction: string;\n animationIterationCount: string;\n}\n\nexport function useBreathing(options?: UseBreathingOptions): BreathingStyle {\n const { duration = 6, animation = \"bloom-breathe\" } = options ?? {};\n\n return useMemo(() => {\n const delay = Math.random() * duration;\n return {\n animationName: animation,\n animationDuration: `${duration}s`,\n animationDelay: `${delay.toFixed(2)}s`,\n animationTimingFunction: \"ease-in-out\",\n animationIterationCount: \"infinite\",\n };\n }, [duration, animation]);\n}\n","import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"../../utils/cn\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n ButtonVariants & {\n asChild?: boolean;\n children: ReactNode;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, asChild = false, children, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n return (\n <Comp\n className={cn(buttonVariants({ variant }), className)}\n ref={ref}\n {...props}\n >\n {children}\n </Comp>\n );\n }\n);\n\nButton.displayName = \"Button\";\n","import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex items-center justify-center\",\n \"font-[family-name:var(--bloom-font)] text-[14px] font-normal\",\n \"h-[44px] px-[28px]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"relative overflow-hidden cursor-pointer\",\n ],\n {\n variants: {\n variant: {\n primary: [\n \"bg-[var(--bloom-accent1-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n secondary: [\n \"bg-[var(--bloom-surface)] text-[var(--bloom-text)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n ghost: [\n \"bg-transparent text-[var(--bloom-text)]\",\n \"hover:bg-[var(--bloom-surface)]\",\n \"active:scale-[0.98]\",\n ],\n accent: [\n \"bg-[var(--bloom-accent3-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n danger: [\n \"bg-[var(--bloom-accent4-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n warning: [\n \"bg-[var(--bloom-accent2-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n success: [\n \"bg-[var(--bloom-accent1-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n }\n);\n\nexport type ButtonVariants = Parameters<typeof buttonVariants>[0];\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { cardVariants, type CardVariants } from \"./card.variants\";\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & CardVariants;\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n ({ className, variant, ...props }, ref) => (\n <div ref={ref} className={cn(cardVariants({ variant }), className)} {...props} />\n )\n);\nCard.displayName = \"Card\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)] pb-0\", className)} {...props} />\n )\n);\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\n \"font-[family-name:var(--bloom-font-display)] text-[18px] font-medium text-[var(--bloom-text)] leading-[var(--bloom-leading-heading)]\",\n className\n )}\n {...props}\n />\n )\n);\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\", className)}\n {...props}\n />\n )\n);\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)]\", className)} {...props} />\n )\n);\nCardContent.displayName = \"CardContent\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)] pt-0 flex items-center\", className)} {...props} />\n )\n);\nCardFooter.displayName = \"CardFooter\";\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n [\n \"rounded-[var(--bloom-radius-lg)] bg-[var(--bloom-surface)]\",\n \"shadow-[var(--bloom-shadow)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"relative overflow-hidden\",\n ],\n {\n variants: {\n variant: {\n default: \"\",\n interactive: [\n \"cursor-pointer\",\n \"border border-transparent\",\n \"hover:border-[var(--bloom-surface2)]\",\n \"hover:-translate-y-[4px] hover:shadow-[var(--bloom-shadow-hover)]\",\n ],\n featured: [\n \"border border-[var(--bloom-accent1)]/30\",\n ],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport type CardVariants = Parameters<typeof cardVariants>[0];\n","import { forwardRef, type InputHTMLAttributes, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { inputVariants } from \"./input.variants\";\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", ...props }, ref) => (\n <input\n ref={ref}\n type={type}\n className={cn(inputVariants(), \"h-[44px]\", className)}\n {...props}\n />\n )\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, ...props }, ref) => (\n <textarea\n ref={ref}\n className={cn(inputVariants(), \"min-h-[100px] resize-y\", className)}\n {...props}\n />\n )\n);\nTextarea.displayName = \"Textarea\";\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva([\n \"w-full\",\n \"rounded-[var(--bloom-radius)] bg-[var(--bloom-surface)]\",\n \"color-[var(--bloom-text)] text-[length:var(--bloom-text-body)]\",\n \"font-[family-name:var(--bloom-font)]\",\n \"px-[var(--space-lg)] py-[var(--space-md)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"placeholder:color-[var(--bloom-text-secondary)]/60\",\n \"focus:outline-none focus:ring-[4px] focus:ring-[var(--bloom-accent1)]/20 focus:border-[var(--bloom-accent1-deep)]\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n]);\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ToggleProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n label?: string;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ className, label, ...props }, ref) => (\n <label className=\"inline-flex items-center gap-[var(--space-md)]\">\n <SwitchPrimitive.Root\n ref={ref}\n className={cn(\n \"peer inline-flex h-[28px] w-[50px] shrink-0 cursor-pointer items-center\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"border border-transparent\",\n \"bg-[var(--bloom-surface2)]\",\n \"transition-colors duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"data-[state=checked]:bg-[var(--bloom-accent1-deep)]\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n className={cn(\n \"pointer-events-none block h-[22px] w-[22px] rounded-full bg-white\",\n \"shadow-[0_1px_4px_rgba(0,0,0,0.1)]\",\n \"transition-transform duration-[var(--bloom-duration-fast)] ease-[var(--bloom-ease)]\",\n \"data-[state=unchecked]:translate-x-[3px]\",\n \"data-[state=checked]:translate-x-[25px]\"\n )}\n />\n </SwitchPrimitive.Root>\n {label && (\n <span className=\"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\">\n {label}\n </span>\n )}\n </label>\n )\n);\nToggle.displayName = \"Toggle\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { badgeVariants, type BadgeVariants } from \"./badge.variants\";\n\nconst dotColorMap = {\n sage: \"bg-[var(--bloom-accent1-deep)]\",\n sand: \"bg-[var(--bloom-accent2-deep)]\",\n lavender: \"bg-[var(--bloom-accent3-deep)]\",\n rose: \"bg-[var(--bloom-accent4-deep)]\",\n} as const;\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n BadgeVariants & {\n dot?: boolean;\n };\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n ({ className, variant = \"sage\", dot = false, children, ...props }, ref) => (\n <span ref={ref} className={cn(badgeVariants({ variant }), className)} {...props}>\n {dot && (\n <span\n data-bloom-dot=\"\"\n className={cn(\n \"h-[6px] w-[6px] rounded-full\",\n \"animate-[bloom-breathe_5s_ease-in-out_infinite]\",\n dotColorMap[variant ?? \"sage\"]\n )}\n />\n )}\n {children}\n </span>\n )\n);\nBadge.displayName = \"Badge\";\n","import { cva } from \"class-variance-authority\";\n\nexport const badgeVariants = cva(\n [\n \"inline-flex items-center gap-[var(--space-xs)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"px-[var(--space-md)] py-[var(--space-xs)]\",\n \"text-[var(--bloom-text-micro)] font-medium font-[family-name:var(--bloom-font)]\",\n \"tracking-[var(--bloom-letter-wide)] uppercase\",\n ],\n {\n variants: {\n variant: {\n sage: \"bg-[var(--bloom-accent1)]/20 text-[var(--bloom-accent1-deep)]\",\n sand: \"bg-[var(--bloom-accent2)]/20 text-[var(--bloom-accent2-deep)]\",\n lavender: \"bg-[var(--bloom-accent3)]/20 text-[var(--bloom-accent3-deep)]\",\n rose: \"bg-[var(--bloom-accent4)]/20 text-[var(--bloom-accent4-deep)]\",\n },\n },\n defaultVariants: {\n variant: \"sage\",\n },\n }\n);\n\nexport type BadgeVariants = Parameters<typeof badgeVariants>[0];\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { alertVariants, alertIconColors, type AlertVariants } from \"./alert.variants\";\n\nexport type AlertProps = HTMLAttributes<HTMLDivElement> & AlertVariants;\n\nconst variantIcons: Record<string, ReactNode> = {\n success: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M6.5 10.5L8.5 12.5L13.5 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n ),\n error: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n ),\n warning: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M10 3L18 17H2L10 3Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n <path d=\"M10 8.5V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"14.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n info: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M10 9V14\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"6.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n};\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n ({ className, variant = \"info\", children, ...props }, ref) => (\n <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props}>\n <div className={cn(\"shrink-0 mt-px\", alertIconColors[variant ?? \"info\"])}>\n {variantIcons[variant ?? \"info\"]}\n </div>\n <div className=\"flex-1 min-w-0\">\n {children}\n </div>\n </div>\n )\n);\nAlert.displayName = \"Alert\";\n\nexport const AlertTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\n \"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\",\n className\n )}\n {...props}\n />\n )\n);\nAlertTitle.displayName = \"AlertTitle\";\n\nexport const AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\", className)}\n {...props}\n />\n )\n);\nAlertDescription.displayName = \"AlertDescription\";\n","import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\n [\n \"relative flex gap-[var(--space-md)] items-start\",\n \"rounded-[var(--bloom-radius-lg)] p-[var(--space-lg)]\",\n \"font-[family-name:var(--bloom-font)]\",\n \"border\",\n ],\n {\n variants: {\n variant: {\n info: \"bg-[var(--bloom-accent3)]/10 border-[var(--bloom-accent3)]/20\",\n success: \"bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20\",\n warning: \"bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20\",\n error: \"bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20\",\n },\n },\n defaultVariants: {\n variant: \"info\",\n },\n }\n);\n\nexport const alertIconColors = {\n info: \"color-[var(--bloom-accent3-deep)]\",\n success: \"color-[var(--bloom-accent1-deep)]\",\n warning: \"color-[var(--bloom-accent2-deep)]\",\n error: \"color-[var(--bloom-accent4-deep)]\",\n} as const;\n\nexport type AlertVariants = Parameters<typeof alertVariants>[0];\n","import { forwardRef, useState, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\n\nexport type AvatarProps = HTMLAttributes<HTMLDivElement> &\n AvatarVariants & {\n initials?: string;\n src?: string;\n alt?: string;\n };\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n ({ className, size, initials, src, alt, ...props }, ref) => {\n const [imgError, setImgError] = useState(false);\n const showImage = src && !imgError;\n\n return (\n <div ref={ref} className={cn(avatarVariants({ size }), className)} {...props}>\n <span aria-hidden={showImage || undefined}>{initials}</span>\n {showImage && (\n <img\n src={src}\n alt={alt ?? initials ?? \"\"}\n onError={() => setImgError(true)}\n className=\"absolute inset-0 h-full w-full object-cover\"\n />\n )}\n </div>\n );\n }\n);\nAvatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex -space-x-2\", className)}\n {...props}\n />\n )\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n","import { cva } from \"class-variance-authority\";\n\nexport const avatarVariants = cva(\n [\n \"relative inline-flex items-center justify-center\",\n \"rounded-full overflow-hidden\",\n \"bg-[var(--bloom-accent1)]/20 text-[var(--bloom-accent1-deep)]\",\n \"font-[family-name:var(--bloom-font)] font-medium\",\n \"select-none shrink-0\",\n ],\n {\n variants: {\n size: {\n sm: \"h-[32px] w-[32px] text-[var(--bloom-text-micro)]\",\n md: \"h-[40px] w-[40px] text-[var(--bloom-text-caption)]\",\n lg: \"h-[56px] w-[56px] text-[var(--bloom-text-body)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n);\n\nexport type AvatarVariants = Parameters<typeof avatarVariants>[0];\n","import { type ReactNode } from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../../utils/cn\";\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n\nexport interface TooltipProps {\n content: ReactNode;\n children: ReactNode;\n side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n className?: string;\n}\n\nexport function Tooltip({ content, children, side = \"top\", className }: TooltipProps) {\n return (\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n side={side}\n sideOffset={8}\n className={cn(\n \"bloom z-50 rounded-[var(--bloom-radius)]\",\n \"bg-[var(--bloom-surface)] color-[var(--bloom-text)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"px-[var(--space-md)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-caption)] font-[family-name:var(--bloom-font)]\",\n \"shadow-[var(--bloom-shadow)]\",\n \"animate-in fade-in-0 zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n className\n )}\n >\n {content}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n}\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { progressTrackVariants, progressFillVariants } from \"./progress.variants\";\n\nexport interface ProgressProps extends HTMLAttributes<HTMLDivElement> {\n value?: number;\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n ({ className, value = 0, ...props }, ref) => {\n const clampedValue = Math.min(100, Math.max(0, value));\n return (\n <div\n ref={ref}\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n className={cn(progressTrackVariants(), className)}\n {...props}\n >\n <div\n className={progressFillVariants()}\n style={{ width: `${clampedValue}%` }}\n />\n </div>\n );\n }\n);\nProgress.displayName = \"Progress\";\n\nexport interface ProgressCircularProps extends HTMLAttributes<HTMLDivElement> {\n value?: number;\n size?: number;\n strokeWidth?: number;\n}\n\nexport const ProgressCircular = forwardRef<HTMLDivElement, ProgressCircularProps>(\n ({ className, value = 0, size = 48, strokeWidth = 4, ...props }, ref) => {\n const clampedValue = Math.min(100, Math.max(0, value));\n const radius = (size - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (clampedValue / 100) * circumference;\n\n return (\n <div\n ref={ref}\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n className={cn(\"inline-flex\", className)}\n {...props}\n >\n <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke=\"var(--bloom-surface2)\"\n strokeWidth={strokeWidth}\n />\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke=\"var(--bloom-accent1-deep)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={offset}\n transform={`rotate(-90 ${size / 2} ${size / 2})`}\n style={{\n transition: `stroke-dashoffset var(--bloom-duration) var(--bloom-ease)`,\n }}\n />\n </svg>\n </div>\n );\n }\n);\nProgressCircular.displayName = \"ProgressCircular\";\n","import { cva } from \"class-variance-authority\";\n\nexport const progressTrackVariants = cva([\n \"relative w-full overflow-hidden\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"bg-[var(--bloom-surface2)]\",\n \"h-[6px]\",\n]);\n\nexport const progressFillVariants = cva([\n \"h-full rounded-[var(--bloom-radius-pill)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"bg-gradient-to-r from-[var(--bloom-accent1-deep)] to-[var(--bloom-accent1)]\",\n \"bg-[length:200%_100%] animate-[bloom-shimmer_3s_ease-in-out_infinite]\",\n]);\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface SliderProps extends ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {}\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n ({ className, disabled, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n disabled={disabled}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n \"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n className={cn(\n \"relative h-[6px] w-full grow overflow-hidden\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"bg-[var(--bloom-surface2)]\"\n )}\n >\n <SliderPrimitive.Range\n className={cn(\n \"absolute h-full\",\n \"bg-[var(--bloom-accent1-deep)]\",\n \"rounded-[var(--bloom-radius-pill)]\"\n )}\n />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb\n aria-disabled={disabled ? true : undefined}\n className={cn(\n \"block h-[24px] w-[24px] rounded-full\",\n \"bg-white border-[2px] border-[var(--bloom-accent1-deep)]\",\n \"shadow-[0_1px_4px_rgba(0,0,0,0.1)]\",\n \"transition-transform duration-[var(--bloom-duration-fast)] ease-[var(--bloom-ease)]\",\n \"hover:scale-110\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"cursor-grab active:cursor-grabbing\"\n )}\n />\n </SliderPrimitive.Root>\n )\n);\nSlider.displayName = \"Slider\";\n","import { type ReactNode } from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n title?: string;\n description?: string;\n children: ReactNode;\n className?: string;\n}\n\nexport function Modal({ open, onOpenChange, title, description, children, className }: ModalProps) {\n return (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/40 backdrop-blur-sm\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n )}\n />\n <DialogPrimitive.Content\n className={cn(\n \"bloom fixed left-1/2 top-1/2 z-50\",\n \"-translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-[480px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-xl)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"focus:outline-none\",\n className\n )}\n >\n {title && (\n <DialogPrimitive.Title\n className=\"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-heading)] font-medium color-[var(--bloom-text)] mb-[var(--space-sm)]\"\n >\n {title}\n </DialogPrimitive.Title>\n )}\n {description && (\n <DialogPrimitive.Description\n className=\"text-[length:var(--bloom-text-body)] color-[var(--bloom-text-secondary)] mb-[var(--space-lg)]\"\n >\n {description}\n </DialogPrimitive.Description>\n )}\n {children}\n <DialogPrimitive.Close\n className={cn(\n \"absolute top-[var(--space-lg)] right-[var(--space-lg)]\",\n \"inline-flex items-center justify-center\",\n \"h-[32px] w-[32px] rounded-full\",\n \"color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)]\",\n \"hover:bg-[var(--bloom-surface2)]\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\"\n )}\n aria-label=\"Close\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n );\n}\n","import { type ReactNode, type ComponentPropsWithoutRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DropdownProps {\n trigger: ReactNode;\n children: ReactNode;\n className?: string;\n}\n\nexport function Dropdown({ trigger, children, className }: DropdownProps) {\n return (\n <DropdownMenuPrimitive.Root>\n <DropdownMenuPrimitive.Trigger asChild>{trigger}</DropdownMenuPrimitive.Trigger>\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n sideOffset={8}\n className={cn(\n \"bloom z-50 min-w-[180px] overflow-hidden\",\n \"rounded-[var(--bloom-radius)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-xs)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n className\n )}\n >\n {children}\n </DropdownMenuPrimitive.Content>\n </DropdownMenuPrimitive.Portal>\n </DropdownMenuPrimitive.Root>\n );\n}\n\nexport interface DropdownItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {}\n\nexport function DropdownItem({ className, ...props }: DropdownItemProps) {\n return (\n <DropdownMenuPrimitive.Item\n className={cn(\n \"relative flex items-center\",\n \"rounded-[var(--bloom-radius-sm)]\",\n \"px-[var(--space-md)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\",\n \"cursor-pointer select-none outline-none\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"data-[highlighted]:bg-[var(--bloom-surface2)]\",\n \"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport interface DropdownSeparatorProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {}\n\nexport function DropdownSeparator({ className, ...props }: DropdownSeparatorProps) {\n return (\n <DropdownMenuPrimitive.Separator\n className={cn(\"h-px my-[var(--space-xs)] bg-[var(--bloom-surface2)]\", className)}\n {...props}\n />\n );\n}\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"../../utils/cn\";\nimport { tabsListVariants, type TabsListVariants } from \"./tabs.variants\";\n\nexport const Tabs = TabsPrimitive.Root;\n\nexport type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n TabsListVariants;\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, variant, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n);\nTabsList.displayName = \"TabsList\";\n\nexport const TabsTrigger = forwardRef<\n HTMLButtonElement,\n ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap\",\n \"px-[var(--space-lg)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)]\",\n \"color-[var(--bloom-text-secondary)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"hover:text-[var(--bloom-text)]\",\n \"data-[state=active]:text-[var(--bloom-text)]\",\n \"data-[state=active]:bg-[var(--bloom-surface2)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport const TabsContent = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-[var(--space-lg)]\",\n \"focus-visible:outline-none\",\n className\n )}\n {...props}\n />\n));\nTabsContent.displayName = \"TabsContent\";\n","import { cva } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\n [\n \"inline-flex items-center gap-[var(--space-xs)]\",\n \"font-[family-name:var(--bloom-font)]\",\n ],\n {\n variants: {\n variant: {\n default: \"border-b border-[var(--bloom-surface2)]\",\n pill: [\n \"bg-[var(--bloom-surface)] p-[var(--space-xs)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n ],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport type TabsListVariants = Parameters<typeof tabsListVariants>[0];\n","import { useState, useMemo } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DatePickerProps {\n value?: Date;\n onChange?: (date: Date) => void;\n placeholder?: string;\n className?: string;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nconst MONTH_NAMES = [\n \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\",\n];\n\nconst DAY_NAMES = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\n\nexport function DatePicker({ value, onChange, placeholder = \"Select date\", className }: DatePickerProps) {\n const [open, setOpen] = useState(false);\n const [viewDate, setViewDate] = useState(() => value ?? new Date());\n const viewYear = viewDate.getFullYear();\n const viewMonth = viewDate.getMonth();\n\n const days = useMemo(() => {\n const daysInMonth = getDaysInMonth(viewYear, viewMonth);\n const firstDay = getFirstDayOfMonth(viewYear, viewMonth);\n const cells: Array<number | null> = [];\n for (let i = 0; i < firstDay; i++) cells.push(null);\n for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n return cells;\n }, [viewYear, viewMonth]);\n\n const isSelected = (day: number) => {\n if (!value) return false;\n return value.getFullYear() === viewYear && value.getMonth() === viewMonth && value.getDate() === day;\n };\n\n const prevMonth = () => setViewDate(new Date(viewYear, viewMonth - 1, 1));\n const nextMonth = () => setViewDate(new Date(viewYear, viewMonth + 1, 1));\n\n const selectDay = (day: number) => {\n const selected = new Date(viewYear, viewMonth, day);\n onChange?.(selected);\n setOpen(false);\n };\n\n const formattedValue = value\n ? value.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\", year: \"numeric\" })\n : null;\n\n return (\n <Popover.Root open={open} onOpenChange={setOpen}>\n <Popover.Trigger asChild>\n <button\n className={cn(\n \"inline-flex items-center gap-[var(--space-sm)]\",\n \"h-[44px] px-[var(--space-lg)]\",\n \"rounded-[var(--bloom-radius)] bg-[var(--bloom-surface)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/20\",\n !formattedValue && \"color-[var(--bloom-text-secondary)]\",\n className\n )}\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M2 6h12\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M5 1v3M11 1v3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n {formattedValue ?? placeholder}\n </button>\n </Popover.Trigger>\n <Popover.Portal>\n <Popover.Content\n sideOffset={8}\n className={cn(\n \"bloom z-50 w-[280px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-lg)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n )}\n >\n <div className=\"flex items-center justify-between mb-[var(--space-md)]\">\n <button\n onClick={prevMonth}\n className=\"p-[var(--space-xs)] rounded-full hover:bg-[var(--bloom-surface2)] transition-colors\"\n aria-label=\"Previous month\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M10 4l-4 4 4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </button>\n <span className=\"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\">\n {MONTH_NAMES[viewMonth]} {viewYear}\n </span>\n <button\n onClick={nextMonth}\n className=\"p-[var(--space-xs)] rounded-full hover:bg-[var(--bloom-surface2)] transition-colors\"\n aria-label=\"Next month\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </button>\n </div>\n\n <div className=\"grid grid-cols-7 gap-[2px] mb-[var(--space-xs)]\">\n {DAY_NAMES.map((d) => (\n <div key={d} className=\"text-center text-[length:var(--bloom-text-micro)] color-[var(--bloom-text-secondary)] font-medium py-[var(--space-xs)]\">\n {d}\n </div>\n ))}\n </div>\n\n <div className=\"grid grid-cols-7 gap-[2px]\">\n {days.map((day, i) =>\n day === null ? (\n <div key={`empty-${i}`} />\n ) : (\n <button\n key={day}\n onClick={() => selectDay(day)}\n className={cn(\n \"h-[36px] w-[36px] rounded-full\",\n \"flex items-center justify-center\",\n \"text-[length:var(--bloom-text-caption)] font-[family-name:var(--bloom-font)]\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"hover:bg-[var(--bloom-accent1)]/20\",\n isSelected(day)\n ? \"bg-[var(--bloom-accent1-deep)] color-white\"\n : \"color-[var(--bloom-text)]\"\n )}\n >\n {day}\n </button>\n )\n )}\n </div>\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n}\n","import {\n createContext,\n useContext,\n useState,\n useCallback,\n useEffect,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { toastVariants, toastIconColors } from \"./toast.variants\";\n\ninterface ToastData {\n id: string;\n title: string;\n description?: string;\n duration?: number;\n variant?: \"info\" | \"success\" | \"warning\" | \"error\" | null;\n}\n\ninterface ToastContextValue {\n toast: (data: Omit<ToastData, \"id\">) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n const ctx = useContext(ToastContext);\n if (!ctx) throw new Error(\"useToast must be used within <ToastProvider>\");\n return ctx;\n}\n\nlet toastId = 0;\n\nexport function ToastProvider({ children }: { children: ReactNode }) {\n const [toasts, setToasts] = useState<ToastData[]>([]);\n\n const toast = useCallback((data: Omit<ToastData, \"id\">) => {\n const id = String(++toastId);\n setToasts((prev) => [...prev, { ...data, id }]);\n }, []);\n\n const dismiss = useCallback((id: string) => {\n setToasts((prev) => prev.filter((t) => t.id !== id));\n }, []);\n\n return (\n <ToastContext.Provider value={{ toast }}>\n {children}\n <div className=\"bloom fixed bottom-[var(--space-xl)] right-[var(--space-xl)] z-[100] flex flex-col gap-[var(--space-md)]\">\n {toasts.map((t) => (\n <ToastItem key={t.id} toast={t} onDismiss={dismiss} />\n ))}\n </div>\n </ToastContext.Provider>\n );\n}\n\nconst variantIcons: Record<string, ReactNode> = {\n success: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M6.5 10.5L8.5 12.5L13.5 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n ),\n error: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n ),\n warning: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M10 3L18 17H2L10 3Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n <path d=\"M10 8.5V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"14.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n info: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M10 9V14\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"6.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n};\n\nfunction ToastItem({ toast: t, onDismiss }: { toast: ToastData; onDismiss: (id: string) => void }) {\n const duration = t.duration ?? 4000;\n const variant = t.variant ?? \"info\";\n\n useEffect(() => {\n const timer = setTimeout(() => onDismiss(t.id), duration);\n return () => clearTimeout(timer);\n }, [t.id, duration, onDismiss]);\n\n return (\n <div className={cn(toastVariants({ variant: t.variant }))}>\n <div className={cn(\"shrink-0 mt-[1px]\", toastIconColors[variant])}>\n {variantIcons[variant]}\n </div>\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\">\n {t.title}\n </p>\n {t.description && (\n <p className=\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\">\n {t.description}\n </p>\n )}\n </div>\n <button\n onClick={() => onDismiss(t.id)}\n className=\"color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)] transition-colors shrink-0 rounded-full h-[28px] w-[28px] inline-flex items-center justify-center hover:bg-[var(--bloom-surface2)]\"\n aria-label=\"Dismiss\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n </button>\n </div>\n );\n}\n","import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n [\n \"relative flex items-center gap-[var(--space-md)]\",\n \"w-full max-w-[380px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"p-[var(--space-lg)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border\",\n \"font-[family-name:var(--bloom-font)]\",\n \"overflow-hidden\",\n \"animate-in fade-in-0 slide-in-from-bottom-4\",\n ],\n {\n variants: {\n variant: {\n info: \"bg-[var(--bloom-surface)] border-[var(--bloom-surface2)]\",\n success: \"bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20\",\n warning: \"bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20\",\n error: \"bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20\",\n },\n },\n defaultVariants: {\n variant: \"info\",\n },\n }\n);\n\nexport type ToastVariants = Parameters<typeof toastVariants>[0];\n\nexport const toastIconColors = {\n info: \"color-[var(--bloom-accent3-deep)]\",\n success: \"color-[var(--bloom-accent1-deep)]\",\n warning: \"color-[var(--bloom-accent2-deep)]\",\n error: \"color-[var(--bloom-accent4-deep)]\",\n} as const;\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { skeletonVariants, type SkeletonVariants } from \"./skeleton.variants\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariants;\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n ({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(skeletonVariants({ variant }), className)}\n aria-hidden=\"true\"\n {...props}\n />\n )\n);\nSkeleton.displayName = \"Skeleton\";\n","import { cva } from \"class-variance-authority\";\n\nexport const skeletonVariants = cva(\n [\n \"bg-[var(--bloom-surface2)]\",\n \"animate-[bloom-breathe_3s_ease-in-out_infinite]\",\n ],\n {\n variants: {\n variant: {\n text: \"h-[16px] w-full rounded-[var(--bloom-radius-sm)]\",\n card: \"h-[200px] w-full rounded-[var(--bloom-radius-lg)]\",\n avatar: \"h-[40px] w-[40px] rounded-full\",\n custom: \"\",\n },\n },\n defaultVariants: {\n variant: \"text\",\n },\n }\n);\n\nexport type SkeletonVariants = Parameters<typeof skeletonVariants>[0];\n"]}
1
+ {"version":3,"sources":["/Users/filip/Documents/personal/bloom-ui/dist/index.cjs","../src/utils/cn.ts","../src/utils/motion-presets.ts","../src/hooks/use-reduced-motion.ts","../src/hooks/use-breathing.ts","../src/components/button/button.tsx","../src/components/button/button.variants.ts","../src/components/card/card.tsx","../src/components/card/card.variants.ts","../src/components/input/input.tsx","../src/components/input/input.variants.ts","../src/components/toggle/toggle.tsx","../src/components/badge/badge.tsx","../src/components/badge/badge.variants.ts","../src/components/alert/alert.tsx","../src/components/alert/alert.variants.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/avatar.variants.ts","../src/components/tooltip/tooltip.tsx","../src/components/progress/progress.tsx","../src/components/progress/progress.variants.ts","../src/components/slider/slider.tsx","../src/components/modal/modal.tsx","../src/components/dropdown/dropdown.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/tabs.variants.ts","../src/components/date-picker/date-picker.tsx","../src/components/toast/toast.tsx","../src/components/toast/toast.variants.ts","../src/components/skeleton/skeleton.tsx","../src/components/skeleton/skeleton.variants.ts","../src/components/theme/theme.tsx"],"names":["forwardRef","cva","jsx","jsxs","useState","useEffect","createContext","useContext","useCallback"],"mappings":"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ACF,EAAA;AACa,IAAA;AACV,MAAA;AACD,MAAA;AAClB,IAAA;AACH,EAAA;AAEkB,EAAA;AACM,IAAA;AACP,IAAA;AACA,IAAA;AACR,IAAA;AACR,EAAA;AAEe,EAAA;AACQ,IAAA;AACP,IAAA;AACD,IAAA;AACP,IAAA;AACR,EAAA;AAEoB,EAAA;AACP,IAAA;AACd,EAAA;AAEqBE,EAAAA;AACE,IAAA;AACD,MAAA;AACL,MAAA;AACf,IAAA;AACW,IAAA;AACb,EAAA;AAEmBA,EAAAA;AACC,IAAA;AACA,MAAA;AACI,MAAA;AACP,MAAA;AACf,IAAA;AACW,IAAA;AACb,EAAA;AAEwBA,EAAAA;AACT,IAAA;AACG,EAAA;AAGF,EAAA;AACQ,IAAA;AACL,IAAA;AACD,IAAA;AAGM,IAAA;AACH,IAAA;AAGH,IAAA;AACG,IAAA;AACG,MAAA;AACD,MAAA;AACpB,IAAA;AACgB,IAAA;AAGX,IAAA;AACc,IAAA;AACL,MAAA;AACH,MAAA;AACO,QAAA;AACF,UAAA;AACZ,QAAA;AACH,MAAA;AACF,IAAA;AACqB,EAAA;AAGP,EAAA;AACI,IAAA;AAEA,IAAA;AACI,IAAA;AACH,MAAA;AACD,MAAA;AACH,MAAA;AACE,MAAA;AACI,MAAA;AAGH,MAAA;AACG,MAAA;AACJ,QAAA;AACD,QAAA;AACb,MAAA;AACgB,MAAA;AAEX,MAAA;AACc,MAAA;AACL,QAAA;AACH,QAAA;AACO,UAAA;AACF,YAAA;AACZ,UAAA;AACH,QAAA;AACF,MAAA;AACF,IAAA;AAEoB,IAAA;AACJ,IAAA;AACK,EAAA;AAEF,EAAA;AAGnBN,EAAAA;AAAc,IAAA;AAAb,IAAA;AACQ,MAAA;AACL,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACU,QAAA;AACZ,MAAA;AAEC,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;A/B+sC0B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/filip/Documents/personal/bloom-ui/dist/index.cjs","sourcesContent":[null,"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","import type { Transition, Variants } from \"motion/react\";\n\nexport const bloomTransition: Transition = {\n duration: 0.5,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomTransitionSlow: Transition = {\n duration: 0.8,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomTransitionFast: Transition = {\n duration: 0.3,\n ease: [0.4, 0, 0.2, 1],\n};\n\nexport const bloomSpring: Transition = {\n type: \"spring\",\n stiffness: 200,\n damping: 20,\n};\n\nexport const hoverLift: Variants = {\n initial: { y: 0, scale: 1 },\n hover: { y: -2, scale: 1 },\n tap: { y: 0, scale: 0.98 },\n};\n\nexport const cardHoverLift: Variants = {\n initial: { y: 0 },\n hover: { y: -4 },\n};\n\nexport const fadeIn: Variants = {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n};\n\nexport const slideUp: Variants = {\n initial: { opacity: 0, y: 12 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: 12 },\n};\n","import { useState, useEffect } from \"react\";\n\nexport function useReducedMotion(): boolean {\n const [reduced, setReduced] = useState(() => {\n if (typeof window === \"undefined\") return false;\n const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n return mq.matches || hasClass;\n });\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n const handleChange = () => {\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n setReduced(mq.matches || hasClass);\n };\n\n mq.addEventListener(\"change\", handleChange);\n\n const observer = new MutationObserver(() => {\n const hasClass = document.documentElement.classList.contains(\"bloom-reduced-motion\");\n setReduced(mq.matches || hasClass);\n });\n observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n\n return () => {\n mq.removeEventListener(\"change\", handleChange);\n observer.disconnect();\n };\n }, []);\n\n return reduced;\n}\n","import { useMemo } from \"react\";\n\ninterface UseBreathingOptions {\n duration?: number;\n animation?: string;\n}\n\ninterface BreathingStyle {\n animationName: string;\n animationDuration: string;\n animationDelay: string;\n animationTimingFunction: string;\n animationIterationCount: string;\n}\n\nexport function useBreathing(options?: UseBreathingOptions): BreathingStyle {\n const { duration = 6, animation = \"bloom-breathe\" } = options ?? {};\n\n return useMemo(() => {\n const delay = Math.random() * duration;\n return {\n animationName: animation,\n animationDuration: `${duration}s`,\n animationDelay: `${delay.toFixed(2)}s`,\n animationTimingFunction: \"ease-in-out\",\n animationIterationCount: \"infinite\",\n };\n }, [duration, animation]);\n}\n","import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"../../utils/cn\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n ButtonVariants & {\n asChild?: boolean;\n children: ReactNode;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, asChild = false, children, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n return (\n <Comp\n className={cn(buttonVariants({ variant }), className)}\n ref={ref}\n {...props}\n >\n {children}\n </Comp>\n );\n }\n);\n\nButton.displayName = \"Button\";\n","import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex items-center justify-center\",\n \"font-[family-name:var(--bloom-font)] text-[14px] font-normal\",\n \"h-[44px] px-[28px]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"relative overflow-hidden cursor-pointer\",\n ],\n {\n variants: {\n variant: {\n primary: [\n \"bg-[var(--bloom-accent1-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n secondary: [\n \"bg-[var(--bloom-surface)] text-[var(--bloom-text)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n ghost: [\n \"bg-transparent text-[var(--bloom-text)]\",\n \"hover:bg-[var(--bloom-surface)]\",\n \"active:scale-[0.98]\",\n ],\n accent: [\n \"bg-[var(--bloom-accent3-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n danger: [\n \"bg-[var(--bloom-accent4-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n warning: [\n \"bg-[var(--bloom-accent2-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n success: [\n \"bg-[var(--bloom-accent1-deep)] text-white\",\n \"hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]\",\n \"active:translate-y-0 active:scale-[0.98]\",\n ],\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n }\n);\n\nexport type ButtonVariants = Parameters<typeof buttonVariants>[0];\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { cardVariants, type CardVariants } from \"./card.variants\";\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & CardVariants;\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n ({ className, variant, ...props }, ref) => (\n <div ref={ref} className={cn(cardVariants({ variant }), className)} {...props} />\n )\n);\nCard.displayName = \"Card\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)] pb-0\", className)} {...props} />\n )\n);\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\n \"font-[family-name:var(--bloom-font-display)] text-[18px] font-medium text-[var(--bloom-text)] leading-[var(--bloom-leading-heading)]\",\n className\n )}\n {...props}\n />\n )\n);\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\", className)}\n {...props}\n />\n )\n);\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)]\", className)} {...props} />\n )\n);\nCardContent.displayName = \"CardContent\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-[var(--space-xl)] pt-0 flex items-center\", className)} {...props} />\n )\n);\nCardFooter.displayName = \"CardFooter\";\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n [\n \"rounded-[var(--bloom-radius-lg)] bg-[var(--bloom-surface)]\",\n \"shadow-[var(--bloom-shadow)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"relative overflow-hidden\",\n ],\n {\n variants: {\n variant: {\n default: \"\",\n interactive: [\n \"cursor-pointer\",\n \"border border-transparent\",\n \"hover:border-[var(--bloom-surface2)]\",\n \"hover:-translate-y-[4px] hover:shadow-[var(--bloom-shadow-hover)]\",\n ],\n featured: [\n \"border border-[var(--bloom-accent1)]/30\",\n ],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport type CardVariants = Parameters<typeof cardVariants>[0];\n","import { forwardRef, type InputHTMLAttributes, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { inputVariants } from \"./input.variants\";\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", ...props }, ref) => (\n <input\n ref={ref}\n type={type}\n className={cn(inputVariants(), \"h-[44px]\", className)}\n {...props}\n />\n )\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, ...props }, ref) => (\n <textarea\n ref={ref}\n className={cn(inputVariants(), \"min-h-[100px] resize-y\", className)}\n {...props}\n />\n )\n);\nTextarea.displayName = \"Textarea\";\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva([\n \"w-full\",\n \"rounded-[var(--bloom-radius)] bg-[var(--bloom-surface)]\",\n \"color-[var(--bloom-text)] text-[length:var(--bloom-text-body)]\",\n \"font-[family-name:var(--bloom-font)]\",\n \"px-[var(--space-lg)] py-[var(--space-md)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"placeholder:color-[var(--bloom-text-secondary)]/60\",\n \"focus:outline-none focus:ring-[4px] focus:ring-[var(--bloom-accent1)]/20 focus:border-[var(--bloom-accent1-deep)]\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n]);\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ToggleProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n label?: string;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ className, label, ...props }, ref) => (\n <label className=\"inline-flex items-center gap-[var(--space-md)]\">\n <SwitchPrimitive.Root\n ref={ref}\n className={cn(\n \"peer inline-flex h-[28px] w-[50px] shrink-0 cursor-pointer items-center\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"border border-transparent\",\n \"bg-[var(--bloom-surface2)]\",\n \"transition-colors duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"data-[state=checked]:bg-[var(--bloom-accent1-deep)]\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n className={cn(\n \"pointer-events-none block h-[22px] w-[22px] rounded-full bg-white\",\n \"shadow-[0_1px_4px_rgba(0,0,0,0.1)]\",\n \"transition-transform duration-[var(--bloom-duration-fast)] ease-[var(--bloom-ease)]\",\n \"data-[state=unchecked]:translate-x-[3px]\",\n \"data-[state=checked]:translate-x-[25px]\"\n )}\n />\n </SwitchPrimitive.Root>\n {label && (\n <span className=\"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\">\n {label}\n </span>\n )}\n </label>\n )\n);\nToggle.displayName = \"Toggle\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { badgeVariants, type BadgeVariants } from \"./badge.variants\";\n\nconst dotColorMap = {\n sage: \"bg-[var(--bloom-accent1-deep)]\",\n sand: \"bg-[var(--bloom-accent2-deep)]\",\n lavender: \"bg-[var(--bloom-accent3-deep)]\",\n rose: \"bg-[var(--bloom-accent4-deep)]\",\n} as const;\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n BadgeVariants & {\n dot?: boolean;\n };\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n ({ className, variant = \"sage\", dot = false, children, ...props }, ref) => (\n <span ref={ref} className={cn(badgeVariants({ variant }), className)} {...props}>\n {dot && (\n <span\n data-bloom-dot=\"\"\n className={cn(\n \"h-[6px] w-[6px] rounded-full\",\n \"animate-[bloom-breathe_5s_ease-in-out_infinite]\",\n dotColorMap[variant ?? \"sage\"]\n )}\n />\n )}\n {children}\n </span>\n )\n);\nBadge.displayName = \"Badge\";\n","import { cva } from \"class-variance-authority\";\n\nexport const badgeVariants = cva(\n [\n \"inline-flex items-center gap-[var(--space-xs)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"px-[var(--space-md)] py-[var(--space-xs)]\",\n \"text-[var(--bloom-text-micro)] font-medium font-[family-name:var(--bloom-font)]\",\n \"tracking-[var(--bloom-letter-wide)] uppercase\",\n ],\n {\n variants: {\n variant: {\n sage: \"bg-[var(--bloom-accent1)]/20 text-[var(--bloom-accent1-deep)]\",\n sand: \"bg-[var(--bloom-accent2)]/20 text-[var(--bloom-accent2-deep)]\",\n lavender: \"bg-[var(--bloom-accent3)]/20 text-[var(--bloom-accent3-deep)]\",\n rose: \"bg-[var(--bloom-accent4)]/20 text-[var(--bloom-accent4-deep)]\",\n },\n },\n defaultVariants: {\n variant: \"sage\",\n },\n }\n);\n\nexport type BadgeVariants = Parameters<typeof badgeVariants>[0];\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { alertVariants, alertIconColors, type AlertVariants } from \"./alert.variants\";\n\nexport type AlertProps = HTMLAttributes<HTMLDivElement> & AlertVariants;\n\nconst variantIcons: Record<string, ReactNode> = {\n success: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M6.5 10.5L8.5 12.5L13.5 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n ),\n error: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n ),\n warning: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M10 3L18 17H2L10 3Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n <path d=\"M10 8.5V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"14.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n info: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M10 9V14\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"6.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n};\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n ({ className, variant = \"info\", children, ...props }, ref) => (\n <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props}>\n <div className={cn(\"shrink-0 mt-px\", alertIconColors[variant ?? \"info\"])}>\n {variantIcons[variant ?? \"info\"]}\n </div>\n <div className=\"flex-1 min-w-0\">\n {children}\n </div>\n </div>\n )\n);\nAlert.displayName = \"Alert\";\n\nexport const AlertTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\n \"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\",\n className\n )}\n {...props}\n />\n )\n);\nAlertTitle.displayName = \"AlertTitle\";\n\nexport const AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\", className)}\n {...props}\n />\n )\n);\nAlertDescription.displayName = \"AlertDescription\";\n","import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\n [\n \"relative flex gap-[var(--space-md)] items-start\",\n \"rounded-[var(--bloom-radius-lg)] p-[var(--space-lg)]\",\n \"font-[family-name:var(--bloom-font)]\",\n \"border\",\n ],\n {\n variants: {\n variant: {\n info: \"bg-[var(--bloom-accent3)]/10 border-[var(--bloom-accent3)]/20\",\n success: \"bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20\",\n warning: \"bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20\",\n error: \"bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20\",\n },\n },\n defaultVariants: {\n variant: \"info\",\n },\n }\n);\n\nexport const alertIconColors = {\n info: \"color-[var(--bloom-accent3-deep)]\",\n success: \"color-[var(--bloom-accent1-deep)]\",\n warning: \"color-[var(--bloom-accent2-deep)]\",\n error: \"color-[var(--bloom-accent4-deep)]\",\n} as const;\n\nexport type AlertVariants = Parameters<typeof alertVariants>[0];\n","import { forwardRef, useState, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\n\nexport type AvatarProps = HTMLAttributes<HTMLDivElement> &\n AvatarVariants & {\n initials?: string;\n src?: string;\n alt?: string;\n };\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n ({ className, size, initials, src, alt, ...props }, ref) => {\n const [imgError, setImgError] = useState(false);\n const showImage = src && !imgError;\n\n return (\n <div ref={ref} className={cn(avatarVariants({ size }), className)} {...props}>\n <span aria-hidden={showImage || undefined}>{initials}</span>\n {showImage && (\n <img\n src={src}\n alt={alt ?? initials ?? \"\"}\n onError={() => setImgError(true)}\n className=\"absolute inset-0 h-full w-full object-cover\"\n />\n )}\n </div>\n );\n }\n);\nAvatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex -space-x-2\", className)}\n {...props}\n />\n )\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n","import { cva } from \"class-variance-authority\";\n\nexport const avatarVariants = cva(\n [\n \"relative inline-flex items-center justify-center\",\n \"rounded-full overflow-hidden\",\n \"bg-[var(--bloom-accent1)]/20 text-[var(--bloom-accent1-deep)]\",\n \"font-[family-name:var(--bloom-font)] font-medium\",\n \"select-none shrink-0\",\n ],\n {\n variants: {\n size: {\n sm: \"h-[32px] w-[32px] text-[var(--bloom-text-micro)]\",\n md: \"h-[40px] w-[40px] text-[var(--bloom-text-caption)]\",\n lg: \"h-[56px] w-[56px] text-[var(--bloom-text-body)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n);\n\nexport type AvatarVariants = Parameters<typeof avatarVariants>[0];\n","import { type ReactNode } from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../../utils/cn\";\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n\nexport interface TooltipProps {\n content: ReactNode;\n children: ReactNode;\n side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n className?: string;\n}\n\nexport function Tooltip({ content, children, side = \"top\", className }: TooltipProps) {\n return (\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n side={side}\n sideOffset={8}\n className={cn(\n \"bloom z-50 rounded-[var(--bloom-radius)]\",\n \"bg-[var(--bloom-surface)] color-[var(--bloom-text)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"px-[var(--space-md)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-caption)] font-[family-name:var(--bloom-font)]\",\n \"shadow-[var(--bloom-shadow)]\",\n \"animate-in fade-in-0 zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n className\n )}\n >\n {content}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n}\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { progressTrackVariants, progressFillVariants } from \"./progress.variants\";\n\nexport interface ProgressProps extends HTMLAttributes<HTMLDivElement> {\n value?: number;\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n ({ className, value = 0, ...props }, ref) => {\n const clampedValue = Math.min(100, Math.max(0, value));\n return (\n <div\n ref={ref}\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n className={cn(progressTrackVariants(), className)}\n {...props}\n >\n <div\n className={progressFillVariants()}\n style={{ width: `${clampedValue}%` }}\n >\n {/* Animated glow sweep */}\n <div\n className=\"absolute inset-0 rounded-[var(--bloom-radius-pill)] overflow-hidden\"\n >\n <div\n className=\"absolute inset-y-0 w-[60%] bg-gradient-to-r from-transparent via-white/25 to-transparent animate-[bloom-sweep_2.5s_ease-in-out_infinite]\"\n />\n </div>\n </div>\n </div>\n );\n }\n);\nProgress.displayName = \"Progress\";\n\nexport interface ProgressCircularProps extends HTMLAttributes<HTMLDivElement> {\n value?: number;\n size?: number;\n strokeWidth?: number;\n}\n\nexport const ProgressCircular = forwardRef<HTMLDivElement, ProgressCircularProps>(\n ({ className, value = 0, size = 48, strokeWidth = 4, ...props }, ref) => {\n const clampedValue = Math.min(100, Math.max(0, value));\n const radius = (size - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (clampedValue / 100) * circumference;\n\n return (\n <div\n ref={ref}\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n className={cn(\"inline-flex\", className)}\n {...props}\n >\n <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n <defs>\n <linearGradient id={`bloom-sweep-grad-${size}`} gradientUnits=\"userSpaceOnUse\"\n x1={size / 2} y1=\"0\" x2={size / 2} y2={size}>\n <stop offset=\"0%\" stopColor=\"white\" stopOpacity=\"0\" />\n <stop offset=\"50%\" stopColor=\"white\" stopOpacity=\"0.3\" />\n <stop offset=\"100%\" stopColor=\"white\" stopOpacity=\"0\" />\n <animateTransform\n attributeName=\"gradientTransform\"\n type=\"rotate\"\n values={`0 ${size / 2} ${size / 2};360 ${size / 2} ${size / 2}`}\n dur=\"2.5s\"\n repeatCount=\"indefinite\"\n />\n </linearGradient>\n <mask id={`bloom-sweep-mask-${size}`}>\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke=\"white\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={offset}\n transform={`rotate(-90 ${size / 2} ${size / 2})`}\n />\n </mask>\n </defs>\n {/* Track */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke=\"var(--bloom-surface2)\"\n strokeWidth={strokeWidth}\n />\n {/* Fill */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke=\"var(--bloom-accent1-deep)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={offset}\n transform={`rotate(-90 ${size / 2} ${size / 2})`}\n style={{\n transition: `stroke-dashoffset var(--bloom-duration-slow) var(--bloom-ease)`,\n }}\n />\n {/* Sweep glow */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n stroke={`url(#bloom-sweep-grad-${size})`}\n strokeWidth={strokeWidth}\n mask={`url(#bloom-sweep-mask-${size})`}\n />\n </svg>\n </div>\n );\n }\n);\nProgressCircular.displayName = \"ProgressCircular\";\n","import { cva } from \"class-variance-authority\";\n\nexport const progressTrackVariants = cva([\n \"relative w-full overflow-hidden\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"bg-[var(--bloom-surface2)]\",\n \"h-[8px]\",\n]);\n\nexport const progressFillVariants = cva([\n \"h-full rounded-[var(--bloom-radius-pill)]\",\n \"transition-[width] duration-[var(--bloom-duration-slow)] ease-[var(--bloom-ease)]\",\n \"bg-[var(--bloom-accent1-deep)]\",\n \"relative\",\n]);\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface SliderProps extends ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {}\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n ({ className, disabled, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n disabled={disabled}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n \"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n className={cn(\n \"relative h-[6px] w-full grow overflow-hidden\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"bg-[var(--bloom-surface2)]\"\n )}\n >\n <SliderPrimitive.Range\n className={cn(\n \"absolute h-full\",\n \"bg-[var(--bloom-accent1-deep)]\",\n \"rounded-[var(--bloom-radius-pill)]\"\n )}\n />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb\n aria-disabled={disabled ? true : undefined}\n className={cn(\n \"block h-[24px] w-[24px] rounded-full\",\n \"bg-white border-[2px] border-[var(--bloom-accent1-deep)]\",\n \"shadow-[0_1px_4px_rgba(0,0,0,0.1)]\",\n \"transition-transform duration-[var(--bloom-duration-fast)] ease-[var(--bloom-ease)]\",\n \"hover:scale-110\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"cursor-grab active:cursor-grabbing\"\n )}\n />\n </SliderPrimitive.Root>\n )\n);\nSlider.displayName = \"Slider\";\n","import { type ReactNode } from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n title?: string;\n description?: string;\n children: ReactNode;\n className?: string;\n}\n\nexport function Modal({ open, onOpenChange, title, description, children, className }: ModalProps) {\n return (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/40 backdrop-blur-sm\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n )}\n />\n <DialogPrimitive.Content\n className={cn(\n \"bloom fixed left-1/2 top-1/2 z-50\",\n \"-translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-[480px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-xl)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"focus:outline-none\",\n className\n )}\n >\n {title && (\n <DialogPrimitive.Title\n className=\"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-heading)] font-medium color-[var(--bloom-text)] mb-[var(--space-sm)]\"\n >\n {title}\n </DialogPrimitive.Title>\n )}\n {description && (\n <DialogPrimitive.Description\n className=\"text-[length:var(--bloom-text-body)] color-[var(--bloom-text-secondary)] mb-[var(--space-lg)]\"\n >\n {description}\n </DialogPrimitive.Description>\n )}\n {children}\n <DialogPrimitive.Close\n className={cn(\n \"absolute top-[var(--space-lg)] right-[var(--space-lg)]\",\n \"inline-flex items-center justify-center\",\n \"h-[32px] w-[32px] rounded-full\",\n \"color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)]\",\n \"hover:bg-[var(--bloom-surface2)]\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\"\n )}\n aria-label=\"Close\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n );\n}\n","import { type ReactNode, type ComponentPropsWithoutRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DropdownProps {\n trigger: ReactNode;\n children: ReactNode;\n className?: string;\n}\n\nexport function Dropdown({ trigger, children, className }: DropdownProps) {\n return (\n <DropdownMenuPrimitive.Root>\n <DropdownMenuPrimitive.Trigger asChild>{trigger}</DropdownMenuPrimitive.Trigger>\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n sideOffset={8}\n className={cn(\n \"bloom z-50 min-w-[180px] overflow-hidden\",\n \"rounded-[var(--bloom-radius)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-xs)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n className\n )}\n >\n {children}\n </DropdownMenuPrimitive.Content>\n </DropdownMenuPrimitive.Portal>\n </DropdownMenuPrimitive.Root>\n );\n}\n\nexport interface DropdownItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {}\n\nexport function DropdownItem({ className, ...props }: DropdownItemProps) {\n return (\n <DropdownMenuPrimitive.Item\n className={cn(\n \"relative flex items-center\",\n \"rounded-[var(--bloom-radius-sm)]\",\n \"px-[var(--space-md)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\",\n \"cursor-pointer select-none outline-none\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"data-[highlighted]:bg-[var(--bloom-surface2)]\",\n \"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport interface DropdownSeparatorProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {}\n\nexport function DropdownSeparator({ className, ...props }: DropdownSeparatorProps) {\n return (\n <DropdownMenuPrimitive.Separator\n className={cn(\"h-px my-[var(--space-xs)] bg-[var(--bloom-surface2)]\", className)}\n {...props}\n />\n );\n}\n","import { forwardRef, type ComponentPropsWithoutRef } from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"../../utils/cn\";\nimport { tabsListVariants, type TabsListVariants } from \"./tabs.variants\";\n\nexport const Tabs = TabsPrimitive.Root;\n\nexport type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n TabsListVariants;\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, variant, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n);\nTabsList.displayName = \"TabsList\";\n\nexport const TabsTrigger = forwardRef<\n HTMLButtonElement,\n ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap\",\n \"px-[var(--space-lg)] py-[var(--space-sm)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)]\",\n \"color-[var(--bloom-text-secondary)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"hover:text-[var(--bloom-text)]\",\n \"data-[state=active]:text-[var(--bloom-text)]\",\n \"data-[state=active]:bg-[var(--bloom-surface2)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/30\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport const TabsContent = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-[var(--space-lg)]\",\n \"focus-visible:outline-none\",\n className\n )}\n {...props}\n />\n));\nTabsContent.displayName = \"TabsContent\";\n","import { cva } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\n [\n \"inline-flex items-center gap-[var(--space-xs)]\",\n \"font-[family-name:var(--bloom-font)]\",\n ],\n {\n variants: {\n variant: {\n default: \"border-b border-[var(--bloom-surface2)]\",\n pill: [\n \"bg-[var(--bloom-surface)] p-[var(--space-xs)]\",\n \"rounded-[var(--bloom-radius-pill)]\",\n ],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport type TabsListVariants = Parameters<typeof tabsListVariants>[0];\n","import { useState, useMemo } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DatePickerProps {\n value?: Date;\n onChange?: (date: Date) => void;\n placeholder?: string;\n className?: string;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nconst MONTH_NAMES = [\n \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\",\n];\n\nconst DAY_NAMES = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\n\nexport function DatePicker({ value, onChange, placeholder = \"Select date\", className }: DatePickerProps) {\n const [open, setOpen] = useState(false);\n const [viewDate, setViewDate] = useState(() => value ?? new Date());\n const viewYear = viewDate.getFullYear();\n const viewMonth = viewDate.getMonth();\n\n const days = useMemo(() => {\n const daysInMonth = getDaysInMonth(viewYear, viewMonth);\n const firstDay = getFirstDayOfMonth(viewYear, viewMonth);\n const cells: Array<number | null> = [];\n for (let i = 0; i < firstDay; i++) cells.push(null);\n for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n return cells;\n }, [viewYear, viewMonth]);\n\n const isSelected = (day: number) => {\n if (!value) return false;\n return value.getFullYear() === viewYear && value.getMonth() === viewMonth && value.getDate() === day;\n };\n\n const prevMonth = () => setViewDate(new Date(viewYear, viewMonth - 1, 1));\n const nextMonth = () => setViewDate(new Date(viewYear, viewMonth + 1, 1));\n\n const selectDay = (day: number) => {\n const selected = new Date(viewYear, viewMonth, day);\n onChange?.(selected);\n setOpen(false);\n };\n\n const formattedValue = value\n ? value.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\", year: \"numeric\" })\n : null;\n\n return (\n <Popover.Root open={open} onOpenChange={setOpen}>\n <Popover.Trigger asChild>\n <button\n className={cn(\n \"inline-flex items-center gap-[var(--space-sm)]\",\n \"h-[44px] px-[var(--space-lg)]\",\n \"rounded-[var(--bloom-radius)] bg-[var(--bloom-surface)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"text-[length:var(--bloom-text-body)] font-[family-name:var(--bloom-font)] color-[var(--bloom-text)]\",\n \"transition-all duration-[var(--bloom-duration)] ease-[var(--bloom-ease)]\",\n \"focus-visible:outline-none focus-visible:ring-[4px] focus-visible:ring-[var(--bloom-accent1)]/20\",\n !formattedValue && \"color-[var(--bloom-text-secondary)]\",\n className\n )}\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M2 6h12\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M5 1v3M11 1v3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n {formattedValue ?? placeholder}\n </button>\n </Popover.Trigger>\n <Popover.Portal>\n <Popover.Content\n sideOffset={8}\n className={cn(\n \"bloom z-50 w-[280px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"bg-[var(--bloom-surface)] p-[var(--space-lg)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border border-[var(--bloom-surface2)]\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n )}\n >\n <div className=\"flex items-center justify-between mb-[var(--space-md)]\">\n <button\n onClick={prevMonth}\n className=\"p-[var(--space-xs)] rounded-full hover:bg-[var(--bloom-surface2)] transition-colors\"\n aria-label=\"Previous month\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M10 4l-4 4 4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </button>\n <span className=\"font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\">\n {MONTH_NAMES[viewMonth]} {viewYear}\n </span>\n <button\n onClick={nextMonth}\n className=\"p-[var(--space-xs)] rounded-full hover:bg-[var(--bloom-surface2)] transition-colors\"\n aria-label=\"Next month\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n </button>\n </div>\n\n <div className=\"grid grid-cols-7 gap-[2px] mb-[var(--space-xs)]\">\n {DAY_NAMES.map((d) => (\n <div key={d} className=\"text-center text-[length:var(--bloom-text-micro)] color-[var(--bloom-text-secondary)] font-medium py-[var(--space-xs)]\">\n {d}\n </div>\n ))}\n </div>\n\n <div className=\"grid grid-cols-7 gap-[2px]\">\n {days.map((day, i) =>\n day === null ? (\n <div key={`empty-${i}`} />\n ) : (\n <button\n key={day}\n onClick={() => selectDay(day)}\n className={cn(\n \"h-[36px] w-[36px] rounded-full\",\n \"flex items-center justify-center\",\n \"text-[length:var(--bloom-text-caption)] font-[family-name:var(--bloom-font)]\",\n \"transition-colors duration-[var(--bloom-duration-fast)]\",\n \"hover:bg-[var(--bloom-accent1)]/20\",\n isSelected(day)\n ? \"bg-[var(--bloom-accent1-deep)] color-white\"\n : \"color-[var(--bloom-text)]\"\n )}\n >\n {day}\n </button>\n )\n )}\n </div>\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n}\n","import {\n createContext,\n useContext,\n useState,\n useCallback,\n useEffect,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { toastVariants, toastIconColors } from \"./toast.variants\";\n\ninterface ToastData {\n id: string;\n title: string;\n description?: string;\n duration?: number;\n variant?: \"info\" | \"success\" | \"warning\" | \"error\" | null;\n}\n\ninterface ToastContextValue {\n toast: (data: Omit<ToastData, \"id\">) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n const ctx = useContext(ToastContext);\n if (!ctx) throw new Error(\"useToast must be used within <ToastProvider>\");\n return ctx;\n}\n\nlet toastId = 0;\n\nexport function ToastProvider({ children }: { children: ReactNode }) {\n const [toasts, setToasts] = useState<ToastData[]>([]);\n\n const toast = useCallback((data: Omit<ToastData, \"id\">) => {\n const id = String(++toastId);\n setToasts((prev) => [...prev, { ...data, id }]);\n }, []);\n\n const dismiss = useCallback((id: string) => {\n setToasts((prev) => prev.filter((t) => t.id !== id));\n }, []);\n\n return (\n <ToastContext.Provider value={{ toast }}>\n {children}\n <div className=\"bloom fixed bottom-[var(--space-xl)] right-[var(--space-xl)] z-[100] flex flex-col gap-[var(--space-md)]\">\n {toasts.map((t) => (\n <ToastItem key={t.id} toast={t} onDismiss={dismiss} />\n ))}\n </div>\n </ToastContext.Provider>\n );\n}\n\nconst variantIcons: Record<string, ReactNode> = {\n success: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M6.5 10.5L8.5 12.5L13.5 7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n ),\n error: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n ),\n warning: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M10 3L18 17H2L10 3Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n <path d=\"M10 8.5V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"14.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n info: (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n <path d=\"M10 9V14\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n <circle cx=\"10\" cy=\"6.5\" r=\"0.75\" fill=\"currentColor\" />\n </svg>\n ),\n};\n\nfunction ToastItem({ toast: t, onDismiss }: { toast: ToastData; onDismiss: (id: string) => void }) {\n const duration = t.duration ?? 4000;\n const variant = t.variant ?? \"info\";\n\n useEffect(() => {\n const timer = setTimeout(() => onDismiss(t.id), duration);\n return () => clearTimeout(timer);\n }, [t.id, duration, onDismiss]);\n\n return (\n <div className={cn(toastVariants({ variant: t.variant }))}>\n <div className={cn(\"shrink-0 mt-[1px]\", toastIconColors[variant])}>\n {variantIcons[variant]}\n </div>\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]\">\n {t.title}\n </p>\n {t.description && (\n <p className=\"text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]\">\n {t.description}\n </p>\n )}\n </div>\n <button\n onClick={() => onDismiss(t.id)}\n className=\"color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)] transition-colors shrink-0 rounded-full h-[28px] w-[28px] inline-flex items-center justify-center hover:bg-[var(--bloom-surface2)]\"\n aria-label=\"Dismiss\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n </button>\n </div>\n );\n}\n","import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n [\n \"relative flex items-center gap-[var(--space-md)]\",\n \"w-full max-w-[380px]\",\n \"rounded-[var(--bloom-radius-lg)]\",\n \"p-[var(--space-lg)]\",\n \"shadow-[var(--bloom-shadow-hover)]\",\n \"border\",\n \"font-[family-name:var(--bloom-font)]\",\n \"overflow-hidden\",\n \"animate-in fade-in-0 slide-in-from-bottom-4\",\n ],\n {\n variants: {\n variant: {\n info: \"bg-[var(--bloom-surface)] border-[var(--bloom-surface2)]\",\n success: \"bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20\",\n warning: \"bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20\",\n error: \"bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20\",\n },\n },\n defaultVariants: {\n variant: \"info\",\n },\n }\n);\n\nexport type ToastVariants = Parameters<typeof toastVariants>[0];\n\nexport const toastIconColors = {\n info: \"color-[var(--bloom-accent3-deep)]\",\n success: \"color-[var(--bloom-accent1-deep)]\",\n warning: \"color-[var(--bloom-accent2-deep)]\",\n error: \"color-[var(--bloom-accent4-deep)]\",\n} as const;\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { skeletonVariants, type SkeletonVariants } from \"./skeleton.variants\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariants;\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n ({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(skeletonVariants({ variant }), className)}\n aria-hidden=\"true\"\n {...props}\n />\n )\n);\nSkeleton.displayName = \"Skeleton\";\n","import { cva } from \"class-variance-authority\";\n\nexport const skeletonVariants = cva(\n [\n \"bg-[var(--bloom-surface2)]\",\n \"animate-[bloom-breathe_3s_ease-in-out_infinite]\",\n ],\n {\n variants: {\n variant: {\n text: \"h-[16px] w-full rounded-[var(--bloom-radius-sm)]\",\n card: \"h-[200px] w-full rounded-[var(--bloom-radius-lg)]\",\n avatar: \"h-[40px] w-[40px] rounded-full\",\n custom: \"\",\n },\n },\n defaultVariants: {\n variant: \"text\",\n },\n }\n);\n\nexport type SkeletonVariants = Parameters<typeof skeletonVariants>[0];\n","import {\n createContext,\n useContext,\n useState,\n useEffect,\n useCallback,\n useRef,\n type ReactNode,\n} from \"react\";\n\ntype ColorMode = \"light\" | \"dark\" | \"system\";\n\nexport interface BloomPalette {\n name: string;\n light?: Record<string, string>;\n dark?: Record<string, string>;\n}\n\ninterface ThemeContextValue {\n colorMode: ColorMode;\n resolvedMode: \"light\" | \"dark\";\n setColorMode: (mode: ColorMode) => void;\n toggleColorMode: () => void;\n palette: string;\n setPalette: (name: string) => void;\n palettes: string[];\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport function useTheme(): ThemeContextValue {\n const ctx = useContext(ThemeContext);\n if (!ctx) throw new Error(\"useTheme must be used within <ThemeProvider>\");\n return ctx;\n}\n\nfunction getSystemPreference(): \"light\" | \"dark\" {\n if (typeof window === \"undefined\") return \"light\";\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n}\n\nfunction resolveMode(mode: ColorMode): \"light\" | \"dark\" {\n if (mode === \"system\") return getSystemPreference();\n return mode;\n}\n\nexport interface ThemeProviderProps {\n children: ReactNode;\n defaultColorMode?: ColorMode;\n defaultPalette?: string;\n palettes?: BloomPalette[];\n storageKey?: string;\n}\n\nexport function ThemeProvider({\n children,\n defaultColorMode = \"system\",\n defaultPalette = \"bloom\",\n palettes = [],\n storageKey = \"bloom-theme\",\n}: ThemeProviderProps) {\n const paletteMap = useRef(\n new Map<string, BloomPalette>([\n [\"bloom\", { name: \"bloom\" }],\n ...palettes.map((p) => [p.name, p] as const),\n ])\n );\n\n const [colorMode, setColorModeState] = useState<ColorMode>(() => {\n if (typeof window === \"undefined\") return defaultColorMode;\n const stored = localStorage.getItem(`${storageKey}-mode`);\n if (stored === \"light\" || stored === \"dark\" || stored === \"system\") return stored;\n return defaultColorMode;\n });\n\n const [palette, setPaletteState] = useState<string>(() => {\n if (typeof window === \"undefined\") return defaultPalette;\n const stored = localStorage.getItem(`${storageKey}-palette`);\n if (stored && paletteMap.current.has(stored)) return stored;\n return defaultPalette;\n });\n\n const [resolvedMode, setResolvedMode] = useState<\"light\" | \"dark\">(() =>\n resolveMode(colorMode)\n );\n\n const setColorMode = useCallback(\n (mode: ColorMode) => {\n setColorModeState(mode);\n localStorage.setItem(`${storageKey}-mode`, mode);\n },\n [storageKey]\n );\n\n const setPalette = useCallback(\n (name: string) => {\n if (!paletteMap.current.has(name)) return;\n setPaletteState(name);\n localStorage.setItem(`${storageKey}-palette`, name);\n },\n [storageKey]\n );\n\n const toggleColorMode = useCallback(() => {\n setColorMode(resolvedMode === \"light\" ? \"dark\" : \"light\");\n }, [resolvedMode, setColorMode]);\n\n // Apply color mode class + palette vars\n useEffect(() => {\n const root = document.documentElement;\n const resolved = resolveMode(colorMode);\n setResolvedMode(resolved);\n\n // Set dark/light class\n root.classList.remove(\"light\", \"dark\");\n root.classList.add(resolved);\n\n // Collect all var keys from all palettes to clear\n const allKeys = new Set<string>();\n paletteMap.current.forEach((p) => {\n if (p.light) Object.keys(p.light).forEach((k) => allKeys.add(k));\n if (p.dark) Object.keys(p.dark).forEach((k) => allKeys.add(k));\n });\n allKeys.forEach((key) => root.style.removeProperty(key));\n\n // Apply current palette vars for resolved mode\n const currentPalette = paletteMap.current.get(palette);\n if (currentPalette) {\n const vars = resolved === \"dark\" ? currentPalette.dark : currentPalette.light;\n if (vars) {\n Object.entries(vars).forEach(([key, value]) => {\n root.style.setProperty(key, value);\n });\n }\n }\n }, [colorMode, palette]);\n\n // Listen for OS theme changes when in system mode\n useEffect(() => {\n if (colorMode !== \"system\") return;\n\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n const handler = () => {\n const resolved = resolveMode(\"system\");\n setResolvedMode(resolved);\n const root = document.documentElement;\n root.classList.remove(\"light\", \"dark\");\n root.classList.add(resolved);\n\n // Re-apply palette for new mode\n const allKeys = new Set<string>();\n paletteMap.current.forEach((p) => {\n if (p.light) Object.keys(p.light).forEach((k) => allKeys.add(k));\n if (p.dark) Object.keys(p.dark).forEach((k) => allKeys.add(k));\n });\n allKeys.forEach((key) => root.style.removeProperty(key));\n\n const currentPalette = paletteMap.current.get(palette);\n if (currentPalette) {\n const vars = resolved === \"dark\" ? currentPalette.dark : currentPalette.light;\n if (vars) {\n Object.entries(vars).forEach(([key, value]) => {\n root.style.setProperty(key, value);\n });\n }\n }\n };\n\n mq.addEventListener(\"change\", handler);\n return () => mq.removeEventListener(\"change\", handler);\n }, [colorMode, palette]);\n\n const paletteNames = Array.from(paletteMap.current.keys());\n\n return (\n <ThemeContext.Provider\n value={{\n colorMode,\n resolvedMode,\n setColorMode,\n toggleColorMode,\n palette,\n setPalette,\n palettes: paletteNames,\n }}\n >\n {children}\n </ThemeContext.Provider>\n );\n}\n"]}
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-\[var\(--space-lg\)\]{top:var(--space-lg)}.right-\[var\(--space-lg\)\]{right:var(--space-lg)}.right-\[var\(--space-xl\)\]{right:var(--space-xl)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[var\(--space-xl\)\]{bottom:var(--space-xl)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-\[var\(--space-xs\)\]{margin-block:var(--space-xs)}.mt-\[1px\]{margin-top:1px}.mt-\[var\(--space-lg\)\]{margin-top:var(--space-lg)}.mt-\[var\(--space-sm\)\]{margin-top:var(--space-sm)}.mt-\[var\(--space-xs\)\]{margin-top:var(--space-xs)}.mt-px{margin-top:1px}.mb-\[var\(--space-lg\)\]{margin-bottom:var(--space-lg)}.mb-\[var\(--space-md\)\]{margin-bottom:var(--space-md)}.mb-\[var\(--space-sm\)\]{margin-bottom:var(--space-sm)}.mb-\[var\(--space-xs\)\]{margin-bottom:var(--space-xs)}.ml-\[var\(--space-sm\)\]{margin-left:var(--space-sm)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-\[2px\]{height:2px}.h-\[6px\]{height:6px}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[56px\]{height:56px}.h-\[200px\]{height:200px}.h-full{height:100%}.h-px{height:1px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-\[6px\]{width:6px}.w-\[22px\]{width:22px}.w-\[24px\]{width:24px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[40\%\]{width:40%}.w-\[40px\]{width:40px}.w-\[50px\]{width:50px}.w-\[56px\]{width:56px}.w-\[60\%\]{width:60%}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[800px\]{max-width:800px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[bloom-breathe_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite bloom-breathe}.animate-\[bloom-breathe_5s_ease-in-out_infinite\]{animation:5s ease-in-out infinite bloom-breathe}.animate-\[bloom-shimmer_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite bloom-shimmer}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[2px\]{gap:2px}.gap-\[var\(--space-3xl\)\]{gap:var(--space-3xl)}.gap-\[var\(--space-lg\)\]{gap:var(--space-lg)}.gap-\[var\(--space-md\)\]{gap:var(--space-md)}.gap-\[var\(--space-sm\)\]{gap:var(--space-sm)}.gap-\[var\(--space-xs\)\]{gap:var(--space-xs)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-\[var\(--bloom-radius\)\]{border-radius:var(--bloom-radius)}.rounded-\[var\(--bloom-radius-lg\)\]{border-radius:var(--bloom-radius-lg)}.rounded-\[var\(--bloom-radius-pill\)\]{border-radius:var(--bloom-radius-pill)}.rounded-\[var\(--bloom-radius-sm\)\]{border-radius:var(--bloom-radius-sm)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[4px\]{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--bloom-accent1\)\]\/20{border-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent1\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.border-\[var\(--bloom-accent1\)\]\/30{border-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent1\)\]\/30{border-color:color-mix(in oklab, var(--bloom-accent1) 30%, transparent)}}.border-\[var\(--bloom-accent1-deep\)\]{border-color:var(--bloom-accent1-deep)}.border-\[var\(--bloom-accent2\)\]\/20{border-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent2\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent2) 20%, transparent)}}.border-\[var\(--bloom-accent3\)\]\/20{border-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent3\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent3) 20%, transparent)}}.border-\[var\(--bloom-accent4\)\]\/20{border-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent4\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent4) 20%, transparent)}}.border-\[var\(--bloom-surface2\)\]{border-color:var(--bloom-surface2)}.border-transparent{border-color:#0000}.border-l-\[var\(--bloom-accent1\)\]{border-left-color:var(--bloom-accent1)}.border-l-\[var\(--bloom-accent2\)\]{border-left-color:var(--bloom-accent2)}.border-l-\[var\(--bloom-accent3\)\]{border-left-color:var(--bloom-accent3)}.border-l-\[var\(--bloom-accent4\)\]{border-left-color:var(--bloom-accent4)}.bg-\[var\(--bloom-accent1\)\]\/10{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent1) 10%, transparent)}}.bg-\[var\(--bloom-accent1\)\]\/20{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.bg-\[var\(--bloom-accent1-deep\)\],.bg-\[var\(--bloom-accent1-deep\)\]\/40{background-color:var(--bloom-accent1-deep)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1-deep\)\]\/40{background-color:color-mix(in oklab, var(--bloom-accent1-deep) 40%, transparent)}}.bg-\[var\(--bloom-accent2\)\]\/10{background-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent2\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent2) 10%, transparent)}}.bg-\[var\(--bloom-accent2\)\]\/20{background-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent2\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent2) 20%, transparent)}}.bg-\[var\(--bloom-accent2-deep\)\]{background-color:var(--bloom-accent2-deep)}.bg-\[var\(--bloom-accent3\)\]\/10{background-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent3\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent3) 10%, transparent)}}.bg-\[var\(--bloom-accent3\)\]\/20{background-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent3\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent3) 20%, transparent)}}.bg-\[var\(--bloom-accent3-deep\)\]{background-color:var(--bloom-accent3-deep)}.bg-\[var\(--bloom-accent4\)\]\/10{background-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent4\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent4) 10%, transparent)}}.bg-\[var\(--bloom-accent4\)\]\/20{background-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent4\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent4) 20%, transparent)}}.bg-\[var\(--bloom-accent4-deep\)\]{background-color:var(--bloom-accent4-deep)}.bg-\[var\(--bloom-surface\)\]{background-color:var(--bloom-surface)}.bg-\[var\(--bloom-surface2\)\]{background-color:var(--bloom-surface2)}.bg-\[var\(--bloom-text\)\]{background-color:var(--bloom-text)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--bloom-accent1-deep\)\]{--tw-gradient-from:var(--bloom-accent1-deep);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--bloom-accent1\)\]{--tw-gradient-to:var(--bloom-accent1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-cover{object-fit:cover}.p-\[var\(--space-3xl\)\]{padding:var(--space-3xl)}.p-\[var\(--space-lg\)\]{padding:var(--space-lg)}.p-\[var\(--space-xl\)\]{padding:var(--space-xl)}.p-\[var\(--space-xs\)\]{padding:var(--space-xs)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[28px\]{padding-inline:28px}.px-\[var\(--space-lg\)\]{padding-inline:var(--space-lg)}.px-\[var\(--space-md\)\]{padding-inline:var(--space-md)}.py-\[var\(--space-md\)\]{padding-block:var(--space-md)}.py-\[var\(--space-sm\)\]{padding-block:var(--space-sm)}.py-\[var\(--space-xs\)\]{padding-block:var(--space-xs)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.text-center{text-align:center}.font-\[family-name\:var\(--bloom-font\)\]{font-family:var(--bloom-font)}.font-\[family-name\:var\(--bloom-font-display\)\]{font-family:var(--bloom-font-display)}.text-\[14px\]{font-size:14px}.text-\[18px\]{font-size:18px}.text-\[length\:var\(--bloom-text-body\)\]{font-size:var(--bloom-text-body)}.text-\[length\:var\(--bloom-text-caption\)\]{font-size:var(--bloom-text-caption)}.text-\[length\:var\(--bloom-text-heading\)\]{font-size:var(--bloom-text-heading)}.text-\[length\:var\(--bloom-text-micro\)\]{font-size:var(--bloom-text-micro)}.text-\[length\:var\(--bloom-text-subheading\)\]{font-size:var(--bloom-text-subheading)}.leading-\[var\(--bloom-leading-heading\)\]{--tw-leading:var(--bloom-leading-heading);line-height:var(--bloom-leading-heading)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[var\(--bloom-letter-tight\)\]{--tw-tracking:var(--bloom-letter-tight);letter-spacing:var(--bloom-letter-tight)}.tracking-\[var\(--bloom-letter-wide\)\]{--tw-tracking:var(--bloom-letter-wide);letter-spacing:var(--bloom-letter-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--bloom-accent1-deep\)\]{color:var(--bloom-accent1-deep)}.text-\[var\(--bloom-accent2-deep\)\]{color:var(--bloom-accent2-deep)}.text-\[var\(--bloom-accent3-deep\)\]{color:var(--bloom-accent3-deep)}.text-\[var\(--bloom-accent4-deep\)\]{color:var(--bloom-accent4-deep)}.text-\[var\(--bloom-bg\)\]{color:var(--bloom-bg)}.text-\[var\(--bloom-text\)\]{color:var(--bloom-text)}.text-\[var\(--bloom-text-body\)\]{color:var(--bloom-text-body)}.text-\[var\(--bloom-text-caption\)\]{color:var(--bloom-text-caption)}.text-\[var\(--bloom-text-display-xl\)\]{color:var(--bloom-text-display-xl)}.text-\[var\(--bloom-text-heading\)\]{color:var(--bloom-text-heading)}.text-\[var\(--bloom-text-micro\)\]{color:var(--bloom-text-micro)}.text-\[var\(--bloom-text-secondary\)\]{color:var(--bloom-text-secondary)}.text-\[var\(--bloom-text-subheading\)\]{color:var(--bloom-text-subheading)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bloom-shadow\)\]{--tw-shadow:var(--bloom-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bloom-shadow-hover\)\]{--tw-shadow:var(--bloom-shadow-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--bloom-duration\)\]{--tw-duration:var(--bloom-duration);transition-duration:var(--bloom-duration)}.duration-\[var\(--bloom-duration-fast\)\]{--tw-duration:var(--bloom-duration-fast);transition-duration:var(--bloom-duration-fast)}.ease-\[var\(--bloom-ease\)\]{--tw-ease:var(--bloom-ease);transition-timing-function:var(--bloom-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.duration-\[var\(--bloom-duration\)\]{animation-duration:var(--bloom-duration)}.duration-\[var\(--bloom-duration-fast\)\]{animation-duration:var(--bloom-duration-fast)}.ease-\[var\(--bloom-ease\)\]{animation-timing-function:var(--bloom-ease)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.zoom-in-95{--tw-enter-scale:.95}.placeholder\:text-\[var\(--bloom-text-secondary\)\]\/60::placeholder{color:var(--bloom-text-secondary)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--bloom-text-secondary\)\]\/60::placeholder{color:color-mix(in oklab, var(--bloom-text-secondary) 60%, transparent)}}@media (hover:hover){.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:calc(2px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[4px\]:hover{--tw-translate-y:calc(4px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--bloom-surface2\)\]:hover{border-color:var(--bloom-surface2)}.hover\:bg-\[var\(--bloom-accent1\)\]\/20:hover{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--bloom-accent1\)\]\/20:hover{background-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.hover\:bg-\[var\(--bloom-surface\)\]:hover{background-color:var(--bloom-surface)}.hover\:bg-\[var\(--bloom-surface2\)\]:hover{background-color:var(--bloom-surface2)}.hover\:text-\[var\(--bloom-text\)\]:hover{color:var(--bloom-text)}.hover\:shadow-\[var\(--bloom-shadow-hover\)\]:hover{--tw-shadow:var(--bloom-shadow-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--bloom-accent1-deep\)\]:focus{border-color:var(--bloom-accent1-deep)}.focus\:ring-\[4px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--bloom-accent1\)\]\/20:focus{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--bloom-accent1\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-\[4px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/20:focus-visible{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/30:focus-visible{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 30%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-\[var\(--bloom-surface2\)\][data-highlighted],.data-\[state\=active\]\:bg-\[var\(--bloom-surface2\)\][data-state=active]{background-color:var(--bloom-surface2)}.data-\[state\=active\]\:text-\[var\(--bloom-text\)\][data-state=active]{color:var(--bloom-text)}.data-\[state\=checked\]\:translate-x-\[25px\][data-state=checked]{--tw-translate-x:25px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-\[var\(--bloom-accent1-deep\)\][data-state=checked]{background-color:var(--bloom-accent1-deep)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-\[3px\][data-state=unchecked]{--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@layer bloom.tokens{:root{--bloom-accent1:#b8d4c8;--bloom-accent1-deep:#6b9e8a;--bloom-accent2:#e8c4a0;--bloom-accent2-deep:#c49460;--bloom-accent3:#c4b5d4;--bloom-accent3-deep:#8e72a8;--bloom-accent4:#d4a0a0;--bloom-accent4-deep:#a06060;--bloom-bg:#fdfbf7;--bloom-surface:#f0ece3;--bloom-surface2:#e6e0d4;--bloom-text:#2c2a25;--bloom-text-secondary:#7a756b}:root.dark,[data-theme=dark]{--bloom-bg:#1a1917;--bloom-surface:#242320;--bloom-surface2:#2e2d29;--bloom-text:#e8e4db;--bloom-text-secondary:#9a9590;--bloom-accent1:#8ebaa8;--bloom-accent1-deep:#5a8a72;--bloom-accent2:#d4a878;--bloom-accent2-deep:#b07840;--bloom-accent3:#a898bc;--bloom-accent3-deep:#7a5e98;--bloom-accent4:#bc8080;--bloom-accent4-deep:#904848}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--bloom-bg:#1a1917;--bloom-surface:#242320;--bloom-surface2:#2e2d29;--bloom-text:#e8e4db;--bloom-text-secondary:#9a9590;--bloom-accent1:#8ebaa8;--bloom-accent1-deep:#5a8a72;--bloom-accent2:#d4a878;--bloom-accent2-deep:#b07840;--bloom-accent3:#a898bc;--bloom-accent3-deep:#7a5e98;--bloom-accent4:#bc8080;--bloom-accent4-deep:#904848}}:root{--bloom-font:"DM Sans", sans-serif;--bloom-font-display:"Fraunces", serif;--bloom-letter-wide:.12em;--bloom-letter-tight:-.02em;--bloom-text-display-xl:42px;--bloom-text-display:32px;--bloom-text-heading:24px;--bloom-text-subheading:18px;--bloom-text-body:15px;--bloom-text-caption:13px;--bloom-text-micro:11px;--bloom-leading-display-xl:1.1;--bloom-leading-display:1.2;--bloom-leading-heading:1.3;--bloom-leading-subheading:1.4;--bloom-leading-body:1.6;--bloom-leading-caption:1.5;--bloom-leading-micro:1.4;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--bloom-radius-sm:12px;--bloom-radius:16px;--bloom-radius-lg:24px;--bloom-radius-pill:999px;--bloom-ease:cubic-bezier(.4, 0, .2, 1);--bloom-duration:.5s;--bloom-duration-slow:.8s;--bloom-duration-fast:.3s;--bloom-shadow:0 2px 24px #2c2a250f;--bloom-shadow-hover:0 8px 40px #2c2a251a;--bloom-blur-blob:blur(60px);--bloom-blur-card:blur(40px)}:root.dark,[data-theme=dark]{--bloom-shadow:0 2px 24px #0003;--bloom-shadow-hover:0 8px 40px #0000004d}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--bloom-shadow:0 2px 24px #0003;--bloom-shadow-hover:0 8px 40px #0000004d}}}@layer bloom.animations{@keyframes bloom-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes bloom-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes bloom-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70%}75%{border-radius:60% 30% 50% 40%/70% 40% 60% 30%}}@keyframes bloom-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bloom-shrink{0%{width:100%}to{width:0%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bloom-reduced-motion *,.bloom-reduced-motion :before,.bloom-reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@layer bloom.base{body{font-family:var(--bloom-font);font-size:var(--bloom-text-body);line-height:var(--bloom-leading-body);color:var(--bloom-text);background-color:var(--bloom-bg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-\[var\(--space-lg\)\]{top:var(--space-lg)}.right-\[var\(--space-lg\)\]{right:var(--space-lg)}.right-\[var\(--space-xl\)\]{right:var(--space-xl)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[var\(--space-xl\)\]{bottom:var(--space-xl)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-\[var\(--space-xs\)\]{margin-block:var(--space-xs)}.mt-\[1px\]{margin-top:1px}.mt-\[var\(--space-lg\)\]{margin-top:var(--space-lg)}.mt-\[var\(--space-sm\)\]{margin-top:var(--space-sm)}.mt-\[var\(--space-xs\)\]{margin-top:var(--space-xs)}.mt-px{margin-top:1px}.mb-\[var\(--space-lg\)\]{margin-bottom:var(--space-lg)}.mb-\[var\(--space-md\)\]{margin-bottom:var(--space-md)}.mb-\[var\(--space-sm\)\]{margin-bottom:var(--space-sm)}.mb-\[var\(--space-xs\)\]{margin-bottom:var(--space-xs)}.ml-\[var\(--space-sm\)\]{margin-left:var(--space-sm)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-\[2px\]{height:2px}.h-\[6px\]{height:6px}.h-\[8px\]{height:8px}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[56px\]{height:56px}.h-\[200px\]{height:200px}.h-full{height:100%}.h-px{height:1px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-\[6px\]{width:6px}.w-\[22px\]{width:22px}.w-\[24px\]{width:24px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[40\%\]{width:40%}.w-\[40px\]{width:40px}.w-\[50px\]{width:50px}.w-\[56px\]{width:56px}.w-\[60\%\]{width:60%}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[800px\]{max-width:800px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[bloom-breathe_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite bloom-breathe}.animate-\[bloom-breathe_5s_ease-in-out_infinite\]{animation:5s ease-in-out infinite bloom-breathe}.animate-\[bloom-shimmer_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite bloom-shimmer}.animate-\[bloom-sweep_2\.5s_ease-in-out_infinite\]{animation:2.5s ease-in-out infinite bloom-sweep}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[2px\]{gap:2px}.gap-\[var\(--space-3xl\)\]{gap:var(--space-3xl)}.gap-\[var\(--space-lg\)\]{gap:var(--space-lg)}.gap-\[var\(--space-md\)\]{gap:var(--space-md)}.gap-\[var\(--space-sm\)\]{gap:var(--space-sm)}.gap-\[var\(--space-xs\)\]{gap:var(--space-xs)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-\[var\(--bloom-radius\)\]{border-radius:var(--bloom-radius)}.rounded-\[var\(--bloom-radius-lg\)\]{border-radius:var(--bloom-radius-lg)}.rounded-\[var\(--bloom-radius-pill\)\]{border-radius:var(--bloom-radius-pill)}.rounded-\[var\(--bloom-radius-sm\)\]{border-radius:var(--bloom-radius-sm)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[4px\]{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--bloom-accent1\)\]\/20{border-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent1\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.border-\[var\(--bloom-accent1\)\]\/30{border-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent1\)\]\/30{border-color:color-mix(in oklab, var(--bloom-accent1) 30%, transparent)}}.border-\[var\(--bloom-accent1-deep\)\]{border-color:var(--bloom-accent1-deep)}.border-\[var\(--bloom-accent2\)\]\/20{border-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent2\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent2) 20%, transparent)}}.border-\[var\(--bloom-accent3\)\]\/20{border-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent3\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent3) 20%, transparent)}}.border-\[var\(--bloom-accent4\)\]\/20{border-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bloom-accent4\)\]\/20{border-color:color-mix(in oklab, var(--bloom-accent4) 20%, transparent)}}.border-\[var\(--bloom-surface2\)\]{border-color:var(--bloom-surface2)}.border-transparent{border-color:#0000}.border-l-\[var\(--bloom-accent1\)\]{border-left-color:var(--bloom-accent1)}.border-l-\[var\(--bloom-accent2\)\]{border-left-color:var(--bloom-accent2)}.border-l-\[var\(--bloom-accent3\)\]{border-left-color:var(--bloom-accent3)}.border-l-\[var\(--bloom-accent4\)\]{border-left-color:var(--bloom-accent4)}.bg-\[var\(--bloom-accent1\)\]\/10{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent1) 10%, transparent)}}.bg-\[var\(--bloom-accent1\)\]\/20{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.bg-\[var\(--bloom-accent1-deep\)\],.bg-\[var\(--bloom-accent1-deep\)\]\/40{background-color:var(--bloom-accent1-deep)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent1-deep\)\]\/40{background-color:color-mix(in oklab, var(--bloom-accent1-deep) 40%, transparent)}}.bg-\[var\(--bloom-accent2\)\]\/10{background-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent2\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent2) 10%, transparent)}}.bg-\[var\(--bloom-accent2\)\]\/20{background-color:var(--bloom-accent2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent2\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent2) 20%, transparent)}}.bg-\[var\(--bloom-accent2-deep\)\]{background-color:var(--bloom-accent2-deep)}.bg-\[var\(--bloom-accent3\)\]\/10{background-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent3\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent3) 10%, transparent)}}.bg-\[var\(--bloom-accent3\)\]\/20{background-color:var(--bloom-accent3)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent3\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent3) 20%, transparent)}}.bg-\[var\(--bloom-accent3-deep\)\]{background-color:var(--bloom-accent3-deep)}.bg-\[var\(--bloom-accent4\)\]\/10{background-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent4\)\]\/10{background-color:color-mix(in oklab, var(--bloom-accent4) 10%, transparent)}}.bg-\[var\(--bloom-accent4\)\]\/20{background-color:var(--bloom-accent4)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bloom-accent4\)\]\/20{background-color:color-mix(in oklab, var(--bloom-accent4) 20%, transparent)}}.bg-\[var\(--bloom-accent4-deep\)\]{background-color:var(--bloom-accent4-deep)}.bg-\[var\(--bloom-surface\)\]{background-color:var(--bloom-surface)}.bg-\[var\(--bloom-surface2\)\]{background-color:var(--bloom-surface2)}.bg-\[var\(--bloom-text\)\]{background-color:var(--bloom-text)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--bloom-accent1-deep\)\]{--tw-gradient-from:var(--bloom-accent1-deep);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-white\/25{--tw-gradient-via:#ffffff40}@supports (color:color-mix(in lab, red, red)){.via-white\/25{--tw-gradient-via:color-mix(in oklab, var(--color-white) 25%, transparent)}}.via-white\/25{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[var\(--bloom-accent1\)\]{--tw-gradient-to:var(--bloom-accent1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-cover{object-fit:cover}.p-\[var\(--space-3xl\)\]{padding:var(--space-3xl)}.p-\[var\(--space-lg\)\]{padding:var(--space-lg)}.p-\[var\(--space-xl\)\]{padding:var(--space-xl)}.p-\[var\(--space-xs\)\]{padding:var(--space-xs)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[28px\]{padding-inline:28px}.px-\[var\(--space-lg\)\]{padding-inline:var(--space-lg)}.px-\[var\(--space-md\)\]{padding-inline:var(--space-md)}.py-\[var\(--space-md\)\]{padding-block:var(--space-md)}.py-\[var\(--space-sm\)\]{padding-block:var(--space-sm)}.py-\[var\(--space-xs\)\]{padding-block:var(--space-xs)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.text-center{text-align:center}.font-\[family-name\:var\(--bloom-font\)\]{font-family:var(--bloom-font)}.font-\[family-name\:var\(--bloom-font-display\)\]{font-family:var(--bloom-font-display)}.text-\[14px\]{font-size:14px}.text-\[18px\]{font-size:18px}.text-\[length\:var\(--bloom-text-body\)\]{font-size:var(--bloom-text-body)}.text-\[length\:var\(--bloom-text-caption\)\]{font-size:var(--bloom-text-caption)}.text-\[length\:var\(--bloom-text-heading\)\]{font-size:var(--bloom-text-heading)}.text-\[length\:var\(--bloom-text-micro\)\]{font-size:var(--bloom-text-micro)}.text-\[length\:var\(--bloom-text-subheading\)\]{font-size:var(--bloom-text-subheading)}.leading-\[var\(--bloom-leading-heading\)\]{--tw-leading:var(--bloom-leading-heading);line-height:var(--bloom-leading-heading)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[var\(--bloom-letter-tight\)\]{--tw-tracking:var(--bloom-letter-tight);letter-spacing:var(--bloom-letter-tight)}.tracking-\[var\(--bloom-letter-wide\)\]{--tw-tracking:var(--bloom-letter-wide);letter-spacing:var(--bloom-letter-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--bloom-accent1-deep\)\]{color:var(--bloom-accent1-deep)}.text-\[var\(--bloom-accent2-deep\)\]{color:var(--bloom-accent2-deep)}.text-\[var\(--bloom-accent3-deep\)\]{color:var(--bloom-accent3-deep)}.text-\[var\(--bloom-accent4-deep\)\]{color:var(--bloom-accent4-deep)}.text-\[var\(--bloom-bg\)\]{color:var(--bloom-bg)}.text-\[var\(--bloom-text\)\]{color:var(--bloom-text)}.text-\[var\(--bloom-text-body\)\]{color:var(--bloom-text-body)}.text-\[var\(--bloom-text-caption\)\]{color:var(--bloom-text-caption)}.text-\[var\(--bloom-text-display-xl\)\]{color:var(--bloom-text-display-xl)}.text-\[var\(--bloom-text-heading\)\]{color:var(--bloom-text-heading)}.text-\[var\(--bloom-text-micro\)\]{color:var(--bloom-text-micro)}.text-\[var\(--bloom-text-secondary\)\]{color:var(--bloom-text-secondary)}.text-\[var\(--bloom-text-subheading\)\]{color:var(--bloom-text-subheading)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bloom-shadow\)\]{--tw-shadow:var(--bloom-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bloom-shadow-hover\)\]{--tw-shadow:var(--bloom-shadow-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--bloom-duration\)\]{--tw-duration:var(--bloom-duration);transition-duration:var(--bloom-duration)}.duration-\[var\(--bloom-duration-fast\)\]{--tw-duration:var(--bloom-duration-fast);transition-duration:var(--bloom-duration-fast)}.duration-\[var\(--bloom-duration-slow\)\]{--tw-duration:var(--bloom-duration-slow);transition-duration:var(--bloom-duration-slow)}.ease-\[var\(--bloom-ease\)\]{--tw-ease:var(--bloom-ease);transition-timing-function:var(--bloom-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.duration-\[var\(--bloom-duration\)\]{animation-duration:var(--bloom-duration)}.duration-\[var\(--bloom-duration-fast\)\]{animation-duration:var(--bloom-duration-fast)}.duration-\[var\(--bloom-duration-slow\)\]{animation-duration:var(--bloom-duration-slow)}.ease-\[var\(--bloom-ease\)\]{animation-timing-function:var(--bloom-ease)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.zoom-in-95{--tw-enter-scale:.95}.placeholder\:text-\[var\(--bloom-text-secondary\)\]\/60::placeholder{color:var(--bloom-text-secondary)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--bloom-text-secondary\)\]\/60::placeholder{color:color-mix(in oklab, var(--bloom-text-secondary) 60%, transparent)}}@media (hover:hover){.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:calc(2px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[4px\]:hover{--tw-translate-y:calc(4px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--bloom-surface2\)\]:hover{border-color:var(--bloom-surface2)}.hover\:bg-\[var\(--bloom-accent1\)\]\/20:hover{background-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--bloom-accent1\)\]\/20:hover{background-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.hover\:bg-\[var\(--bloom-surface\)\]:hover{background-color:var(--bloom-surface)}.hover\:bg-\[var\(--bloom-surface2\)\]:hover{background-color:var(--bloom-surface2)}.hover\:text-\[var\(--bloom-text\)\]:hover{color:var(--bloom-text)}.hover\:shadow-\[var\(--bloom-shadow-hover\)\]:hover{--tw-shadow:var(--bloom-shadow-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--bloom-accent1-deep\)\]:focus{border-color:var(--bloom-accent1-deep)}.focus\:ring-\[4px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--bloom-accent1\)\]\/20:focus{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--bloom-accent1\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-\[4px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/20:focus-visible{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 20%, transparent)}}.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/30:focus-visible{--tw-ring-color:var(--bloom-accent1)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--bloom-accent1\)\]\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--bloom-accent1) 30%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-\[var\(--bloom-surface2\)\][data-highlighted],.data-\[state\=active\]\:bg-\[var\(--bloom-surface2\)\][data-state=active]{background-color:var(--bloom-surface2)}.data-\[state\=active\]\:text-\[var\(--bloom-text\)\][data-state=active]{color:var(--bloom-text)}.data-\[state\=checked\]\:translate-x-\[25px\][data-state=checked]{--tw-translate-x:25px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-\[var\(--bloom-accent1-deep\)\][data-state=checked]{background-color:var(--bloom-accent1-deep)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-\[3px\][data-state=unchecked]{--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}}:root{--bloom-accent1:#b8d4c8;--bloom-accent1-deep:#6b9e8a;--bloom-accent2:#e8c4a0;--bloom-accent2-deep:#c49460;--bloom-accent3:#c4b5d4;--bloom-accent3-deep:#8e72a8;--bloom-accent4:#d4a0a0;--bloom-accent4-deep:#a06060;--bloom-bg:#fdfbf7;--bloom-surface:#f0ece3;--bloom-surface2:#e6e0d4;--bloom-text:#2c2a25;--bloom-text-secondary:#7a756b}:root.dark,[data-theme=dark]{--bloom-bg:#1a1917;--bloom-surface:#242320;--bloom-surface2:#2e2d29;--bloom-text:#e8e4db;--bloom-text-secondary:#9a9590;--bloom-accent1:#8ebaa8;--bloom-accent1-deep:#5a8a72;--bloom-accent2:#d4a878;--bloom-accent2-deep:#b07840;--bloom-accent3:#a898bc;--bloom-accent3-deep:#7a5e98;--bloom-accent4:#bc8080;--bloom-accent4-deep:#904848}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--bloom-bg:#1a1917;--bloom-surface:#242320;--bloom-surface2:#2e2d29;--bloom-text:#e8e4db;--bloom-text-secondary:#9a9590;--bloom-accent1:#8ebaa8;--bloom-accent1-deep:#5a8a72;--bloom-accent2:#d4a878;--bloom-accent2-deep:#b07840;--bloom-accent3:#a898bc;--bloom-accent3-deep:#7a5e98;--bloom-accent4:#bc8080;--bloom-accent4-deep:#904848}}:root{--bloom-font:"DM Sans", sans-serif;--bloom-font-display:"Fraunces", serif;--bloom-letter-wide:.12em;--bloom-letter-tight:-.02em;--bloom-text-display-xl:42px;--bloom-text-display:32px;--bloom-text-heading:24px;--bloom-text-subheading:18px;--bloom-text-body:15px;--bloom-text-caption:13px;--bloom-text-micro:11px;--bloom-leading-display-xl:1.1;--bloom-leading-display:1.2;--bloom-leading-heading:1.3;--bloom-leading-subheading:1.4;--bloom-leading-body:1.6;--bloom-leading-caption:1.5;--bloom-leading-micro:1.4;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--bloom-radius-sm:12px;--bloom-radius:16px;--bloom-radius-lg:24px;--bloom-radius-pill:999px;--bloom-ease:cubic-bezier(.4, 0, .2, 1);--bloom-duration:.5s;--bloom-duration-slow:.8s;--bloom-duration-fast:.3s;--bloom-shadow:0 2px 24px #2c2a250f;--bloom-shadow-hover:0 8px 40px #2c2a251a;--bloom-blur-blob:blur(60px);--bloom-blur-card:blur(40px)}:root.dark,[data-theme=dark]{--bloom-shadow:0 2px 24px #0003;--bloom-shadow-hover:0 8px 40px #0000004d}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--bloom-shadow:0 2px 24px #0003;--bloom-shadow-hover:0 8px 40px #0000004d}}@layer bloom.animations{@keyframes bloom-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes bloom-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes bloom-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70%}75%{border-radius:60% 30% 50% 40%/70% 40% 60% 30%}}@keyframes bloom-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bloom-sweep{0%{left:-60%}to{left:120%}}@keyframes bloom-shrink{0%{width:100%}to{width:0%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bloom-reduced-motion *,.bloom-reduced-motion :before,.bloom-reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--bloom-font);font-size:var(--bloom-text-body);line-height:var(--bloom-leading-body);color:var(--bloom-text);background-color:var(--bloom-bg)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
package/dist/index.d.cts CHANGED
@@ -206,4 +206,29 @@ type SkeletonVariants = Parameters<typeof skeletonVariants>[0];
206
206
  type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariants;
207
207
  declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
208
208
 
209
- export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariants, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarVariants, Badge, type BadgeProps, type BadgeVariants, Button, type ButtonProps, type ButtonVariants, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, DatePicker, type DatePickerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, Input, type InputProps, Modal, type ModalProps, Progress, ProgressCircular, type ProgressCircularProps, type ProgressProps, Skeleton, type SkeletonProps, type SkeletonVariants, Slider, type SliderProps, Tabs, TabsContent, TabsList, type TabsListProps, type TabsListVariants, TabsTrigger, Textarea, type TextareaProps, ToastProvider, type ToastVariants, Toggle, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, alertVariants, avatarVariants, badgeVariants, bloomSpring, bloomTransition, bloomTransitionFast, bloomTransitionSlow, buttonVariants, cardHoverLift, cardVariants, cn, fadeIn, hoverLift, inputVariants, progressFillVariants, progressTrackVariants, skeletonVariants, slideUp, tabsListVariants, toastVariants, useBreathing, useReducedMotion, useToast };
209
+ type ColorMode = "light" | "dark" | "system";
210
+ interface BloomPalette {
211
+ name: string;
212
+ light?: Record<string, string>;
213
+ dark?: Record<string, string>;
214
+ }
215
+ interface ThemeContextValue {
216
+ colorMode: ColorMode;
217
+ resolvedMode: "light" | "dark";
218
+ setColorMode: (mode: ColorMode) => void;
219
+ toggleColorMode: () => void;
220
+ palette: string;
221
+ setPalette: (name: string) => void;
222
+ palettes: string[];
223
+ }
224
+ declare function useTheme(): ThemeContextValue;
225
+ interface ThemeProviderProps {
226
+ children: ReactNode;
227
+ defaultColorMode?: ColorMode;
228
+ defaultPalette?: string;
229
+ palettes?: BloomPalette[];
230
+ storageKey?: string;
231
+ }
232
+ declare function ThemeProvider({ children, defaultColorMode, defaultPalette, palettes, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
233
+
234
+ export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariants, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarVariants, Badge, type BadgeProps, type BadgeVariants, type BloomPalette, Button, type ButtonProps, type ButtonVariants, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, DatePicker, type DatePickerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, Input, type InputProps, Modal, type ModalProps, Progress, ProgressCircular, type ProgressCircularProps, type ProgressProps, Skeleton, type SkeletonProps, type SkeletonVariants, Slider, type SliderProps, Tabs, TabsContent, TabsList, type TabsListProps, type TabsListVariants, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, type ThemeProviderProps, ToastProvider, type ToastVariants, Toggle, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, alertVariants, avatarVariants, badgeVariants, bloomSpring, bloomTransition, bloomTransitionFast, bloomTransitionSlow, buttonVariants, cardHoverLift, cardVariants, cn, fadeIn, hoverLift, inputVariants, progressFillVariants, progressTrackVariants, skeletonVariants, slideUp, tabsListVariants, toastVariants, useBreathing, useReducedMotion, useTheme, useToast };