shadcn-glass-ui 1.0.0

package/dist/components.js

@@ -0,0 +1,5 @@
+import "./utils-CGCOTvxT.js";
+import { $ as ComboBoxGlass, A as ThemeToggleGlass, B as TabsGlass, C as ProgressGlass, D as FlagAlertGlass, E as LanguageBarGlass, F as ExpandableHeaderGlass, G as NotificationGlass, H as SkeletonGlass, I as TooltipGlass, M as SortDropdownGlass, N as SearchBoxGlass, O as StatusIndicatorGlass, P as IconButtonGlass, Q as DropdownGlass, R as ToggleGlass, S as RainbowProgressGlass, T as ProfileAvatarGlass, V as SliderGlass, W as PopoverGlass, X as GlassCard, Y as InputGlass, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, at as BadgeGlass, b as AICardGlass, c as YearCardGlass, d as TrustScoreDisplayGlass, dt as InteractiveCard, f as RepositoryMetadataGlass, ft as FormFieldWrapper, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, j as StatItemGlass, k as BaseProgressGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, nt as CheckboxGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pt as TouchTarget, q as ModalGlass, r as ProfileHeaderGlass, rt as ButtonGlass, s as CareerStatsGlass, st as AvatarGlass, t as TrustScoreCardGlass, tt as CircularProgressGlass, u as UserInfoGlass, ut as AlertGlass, v as CircularMetricGlass, x as SegmentedControlGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-tJnNNzeS.js";
+import "./use-focus-CX0TJJIj.js";
+import "./theme-context-BZoCplcU.js";
+export { AICardGlass, AlertGlass, AvatarGlass, BadgeGlass, BaseProgressGlass, ButtonGlass, CareerStatsGlass, CareerStatsHeaderGlass, CheckboxGlass, CircularMetricGlass, CircularProgressGlass, ComboBoxGlass, ContributionMetricsGlass, DropdownGlass, ExpandableHeaderGlass, FlagAlertGlass, FlagsSectionGlass, FormFieldWrapper, GlassCard, HeaderBrandingGlass, HeaderNavGlass, IconButtonGlass, InputGlass, InteractiveCard, LanguageBarGlass, MetricCardGlass, MetricsGridGlass, ModalGlass, NotificationGlass, PopoverGlass, ProfileAvatarGlass, ProfileHeaderGlass, ProgressGlass, ProjectsListGlass, RainbowProgressGlass, RepositoryCardGlass, RepositoryHeaderGlass, RepositoryMetadataGlass, SearchBoxGlass, SegmentedControlGlass, SkeletonGlass, SliderGlass, SortDropdownGlass, StatItemGlass, StatusIndicatorGlass, TabsGlass, ThemeToggleGlass, ToggleGlass, TooltipGlass, TouchTarget, TrustScoreCardGlass, TrustScoreDisplayGlass, UserInfoGlass, UserStatsLineGlass, YearCardGlass };

package/dist/hooks.cjs

@@ -0,0 +1,6 @@
+const require_use_focus = require("./use-focus-6xqfE5s6.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-D1f3UGGs.cjs");
+exports.useFocus = require_use_focus.useFocus;
+exports.useHover = require_use_focus.useHover;
+exports.useResponsive = require_use_wallpaper_tint.useResponsive;
+exports.useWallpaperTint = require_use_wallpaper_tint.useWallpaperTint;

package/dist/hooks.d.ts

@@ -0,0 +1,225 @@
+import { FocusEvent as FocusEvent_2 } from 'react';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+
+declare type Breakpoint = keyof typeof BREAKPOINTS;
+
+/**
+ * Tailwind CSS breakpoints
+ * @see https://tailwindcss.com/docs/responsive-design
+ */
+declare const BREAKPOINTS: {
+    readonly xs: 0;
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+
+/**
+ * Hook for managing focus state with optional focus-visible support.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const { isFocused, focusProps } = useFocus();
+ *
+ * return (
+ *   <input
+ *     {...focusProps}
+ *     style={{
+ *       borderColor: isFocused ? 'violet' : 'gray',
+ *     }}
+ *   />
+ * );
+ * ```
+ *
+ * @example Focus-visible for keyboard navigation
+ * ```tsx
+ * const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
+ *
+ * return (
+ *   <button
+ *     {...focusProps}
+ *     style={{
+ *       outline: isFocusVisible ? '2px solid violet' : 'none',
+ *     }}
+ *   >
+ *     Click or Tab to me
+ *   </button>
+ * );
+ * ```
+ */
+export declare function useFocus(options?: UseFocusOptions): UseFocusReturn;
+
+declare interface UseFocusOptions {
+    /** Callback when focus state changes */
+    onFocusChange?: (isFocused: boolean) => void;
+    /** Include focus-visible behavior (keyboard focus only) */
+    focusVisible?: boolean;
+    /** Callback for keyboard events while focused */
+    onKeyDown?: (e: KeyboardEvent_2) => void;
+}
+
+declare interface UseFocusReturn {
+    /** Current focus state */
+    isFocused: boolean;
+    /** True only when focused via keyboard (if focusVisible enabled) */
+    isFocusVisible: boolean;
+    /** Props to spread on the target element */
+    focusProps: {
+        onFocus: (e: FocusEvent_2) => void;
+        onBlur: (e: FocusEvent_2) => void;
+        onKeyDown?: (e: KeyboardEvent_2) => void;
+    };
+    /** Manually set focus state */
+    setIsFocused: (value: boolean) => void;
+    /** Reference to track if last focus was from keyboard */
+    focusRef: React.RefObject<boolean>;
+}
+
+/**
+ * Hook for managing hover state with optional delays and focus support.
+ *
+ * @example
+ * ```tsx
+ * const { isHovered, hoverProps } = useHover();
+ *
+ * return (
+ *   <div
+ *     {...hoverProps}
+ *     style={{ opacity: isHovered ? 1 : 0.8 }}
+ *   >
+ *     Hover me
+ *   </div>
+ * );
+ * ```
+ *
+ * @example With options
+ * ```tsx
+ * const { isHovered, hoverProps } = useHover({
+ *   enterDelay: 100,
+ *   leaveDelay: 200,
+ *   includeFocus: true,
+ *   onHoverChange: (hover) => console.log('Hovered:', hover),
+ * });
+ * ```
+ */
+export declare function useHover(options?: UseHoverOptions): UseHoverReturn;
+
+declare interface UseHoverOptions {
+    /** Delay before hover state becomes true (ms) */
+    enterDelay?: number;
+    /** Delay before hover state becomes false (ms) */
+    leaveDelay?: number;
+    /** Include focus events for accessibility */
+    includeFocus?: boolean;
+    /** Callback when hover state changes */
+    onHoverChange?: (isHovered: boolean) => void;
+}
+
+declare interface UseHoverReturn {
+    /** Current hover state */
+    isHovered: boolean;
+    /** Props to spread on the target element */
+    hoverProps: {
+        onMouseEnter: (e: MouseEvent_2) => void;
+        onMouseLeave: (e: MouseEvent_2) => void;
+        onFocus?: (e: FocusEvent_2) => void;
+        onBlur?: (e: FocusEvent_2) => void;
+    };
+    /** Manually set hover state */
+    setIsHovered: (value: boolean) => void;
+}
+
+/**
+ * Hook to detect current responsive breakpoint
+ *
+ * @returns Responsive state with current breakpoint and device type flags
+ *
+ * @example
+ * ```tsx
+ * const { isMobile, isTablet, isDesktop, currentBreakpoint } = useResponsive();
+ *
+ * return (
+ *   <div className={isMobile ? 'flex-col' : 'flex-row'}>
+ *     {currentBreakpoint === 'lg' && <Sidebar />}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useResponsive(): UseResponsiveReturn;
+
+declare interface UseResponsiveReturn {
+    /** Window width is less than 768px (mobile) */
+    isMobile: boolean;
+    /** Window width is >= 768px and < 1024px (tablet) */
+    isTablet: boolean;
+    /** Window width is >= 1024px (desktop) */
+    isDesktop: boolean;
+    /** Current active breakpoint */
+    currentBreakpoint: Breakpoint;
+    /** Current window width in pixels */
+    width: number;
+}
+
+/**
+ * Hook to extract and use wallpaper tint color
+ *
+ * @example
+ * ```tsx
+ * const { tintColor, isLoading } = useWallpaperTint({
+ *   imageUrl: '/path/to/background.jpg',
+ * });
+ *
+ * // Use tintColor in CSS variables
+ * <div style={{ '--wallpaper-tint': tintColor }}>
+ *   <GlassCard />
+ * </div>
+ * ```
+ */
+export declare const useWallpaperTint: (options?: WallpaperTintOptions) => WallpaperTintResult;
+
+declare interface WallpaperTintOptions {
+    /**
+     * The image URL to sample for tint color
+     */
+    imageUrl?: string;
+    /**
+     * Debounce delay in milliseconds
+     * @default 300
+     */
+    debounceMs?: number;
+    /**
+     * Number of sample points to take from the image
+     * @default 10
+     */
+    sampleSize?: number;
+    /**
+     * Whether to enable the tint extraction
+     * @default true
+     */
+    enabled?: boolean;
+}
+
+declare interface WallpaperTintResult {
+    /**
+     * The extracted tint color in RGB format
+     * Example: "120, 80, 200"
+     */
+    tintColor: string | null;
+    /**
+     * Whether the tint extraction is in progress
+     */
+    isLoading: boolean;
+    /**
+     * Error message if extraction failed
+     */
+    error: string | null;
+    /**
+     * Re-extract the tint color from the current image
+     */
+    refresh: () => void;
+}
+
+export { }

package/dist/hooks.js

@@ -0,0 +1,3 @@
+import { n as useHover, t as useFocus } from "./use-focus-CX0TJJIj.js";
+import { n as useResponsive, t as useWallpaperTint } from "./use-wallpaper-tint-DUgmytlY.js";
+export { useFocus, useHover, useResponsive, useWallpaperTint };

package/dist/index.cjs

@@ -0,0 +1,138 @@
+const require_trust_score_card_glass = require("./trust-score-card-glass-DqaCKo1w.cjs");
+const require_utils = require("./utils-BNzkwPwE.cjs");
+const require_use_focus = require("./use-focus-6xqfE5s6.cjs");
+const require_theme_context = require("./theme-context-DrLak65e.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-D1f3UGGs.cjs");
+let class_variance_authority = require("class-variance-authority");
+const dropdownAlign = (0, class_variance_authority.cva)("absolute mt-2 min-w-[160px] md:min-w-[200px] rounded-2xl py-1.5 md:py-2", {
+	variants: { align: {
+		left: "left-0",
+		right: "right-0"
+	} },
+	defaultVariants: { align: "left" }
+});
+const alertVariants$1 = (0, class_variance_authority.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const badgeVariants$1 = (0, class_variance_authority.cva)("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
+exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
+exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;
+exports.BadgeGlass = require_trust_score_card_glass.BadgeGlass;
+exports.BaseProgressGlass = require_trust_score_card_glass.BaseProgressGlass;
+exports.ButtonGlass = require_trust_score_card_glass.ButtonGlass;
+exports.CareerStatsGlass = require_trust_score_card_glass.CareerStatsGlass;
+exports.CareerStatsHeaderGlass = require_trust_score_card_glass.CareerStatsHeaderGlass;
+exports.CheckboxGlass = require_trust_score_card_glass.CheckboxGlass;
+exports.CircularMetricGlass = require_trust_score_card_glass.CircularMetricGlass;
+exports.CircularProgressGlass = require_trust_score_card_glass.CircularProgressGlass;
+exports.ComboBoxGlass = require_trust_score_card_glass.ComboBoxGlass;
+exports.ContributionMetricsGlass = require_trust_score_card_glass.ContributionMetricsGlass;
+exports.DropdownGlass = require_trust_score_card_glass.DropdownGlass;
+exports.ExpandableHeaderGlass = require_trust_score_card_glass.ExpandableHeaderGlass;
+exports.FlagAlertGlass = require_trust_score_card_glass.FlagAlertGlass;
+exports.FlagsSectionGlass = require_trust_score_card_glass.FlagsSectionGlass;
+exports.FormFieldWrapper = require_trust_score_card_glass.FormFieldWrapper;
+exports.GlassCard = require_trust_score_card_glass.GlassCard;
+exports.HeaderBrandingGlass = require_trust_score_card_glass.HeaderBrandingGlass;
+exports.HeaderNavGlass = require_trust_score_card_glass.HeaderNavGlass;
+exports.IconButtonGlass = require_trust_score_card_glass.IconButtonGlass;
+exports.InputGlass = require_trust_score_card_glass.InputGlass;
+exports.InteractiveCard = require_trust_score_card_glass.InteractiveCard;
+exports.LanguageBarGlass = require_trust_score_card_glass.LanguageBarGlass;
+exports.MetricCardGlass = require_trust_score_card_glass.MetricCardGlass;
+exports.MetricsGridGlass = require_trust_score_card_glass.MetricsGridGlass;
+exports.ModalGlass = require_trust_score_card_glass.ModalGlass;
+exports.NotificationGlass = require_trust_score_card_glass.NotificationGlass;
+exports.PopoverGlass = require_trust_score_card_glass.PopoverGlass;
+exports.ProfileAvatarGlass = require_trust_score_card_glass.ProfileAvatarGlass;
+exports.ProfileHeaderGlass = require_trust_score_card_glass.ProfileHeaderGlass;
+exports.ProgressGlass = require_trust_score_card_glass.ProgressGlass;
+exports.ProjectsListGlass = require_trust_score_card_glass.ProjectsListGlass;
+exports.RainbowProgressGlass = require_trust_score_card_glass.RainbowProgressGlass;
+exports.RepositoryCardGlass = require_trust_score_card_glass.RepositoryCardGlass;
+exports.RepositoryHeaderGlass = require_trust_score_card_glass.RepositoryHeaderGlass;
+exports.RepositoryMetadataGlass = require_trust_score_card_glass.RepositoryMetadataGlass;
+exports.SearchBoxGlass = require_trust_score_card_glass.SearchBoxGlass;
+exports.SegmentedControlGlass = require_trust_score_card_glass.SegmentedControlGlass;
+exports.SkeletonGlass = require_trust_score_card_glass.SkeletonGlass;
+exports.SliderGlass = require_trust_score_card_glass.SliderGlass;
+exports.SortDropdownGlass = require_trust_score_card_glass.SortDropdownGlass;
+exports.StatItemGlass = require_trust_score_card_glass.StatItemGlass;
+exports.StatusIndicatorGlass = require_trust_score_card_glass.StatusIndicatorGlass;
+exports.THEMES = require_theme_context.THEMES;
+exports.THEME_CONFIG = require_theme_context.THEME_CONFIG;
+exports.TabsGlass = require_trust_score_card_glass.TabsGlass;
+exports.ThemeProvider = require_theme_context.ThemeProvider;
+exports.ThemeToggleGlass = require_trust_score_card_glass.ThemeToggleGlass;
+exports.ToggleGlass = require_trust_score_card_glass.ToggleGlass;
+exports.TooltipGlass = require_trust_score_card_glass.TooltipGlass;
+exports.TouchTarget = require_trust_score_card_glass.TouchTarget;
+exports.TrustScoreCardGlass = require_trust_score_card_glass.TrustScoreCardGlass;
+exports.TrustScoreDisplayGlass = require_trust_score_card_glass.TrustScoreDisplayGlass;
+exports.UserInfoGlass = require_trust_score_card_glass.UserInfoGlass;
+exports.UserStatsLineGlass = require_trust_score_card_glass.UserStatsLineGlass;
+exports.YearCardGlass = require_trust_score_card_glass.YearCardGlass;
+exports.alertVariants = require_trust_score_card_glass.alertVariants;
+exports.avatarSizes = require_trust_score_card_glass.avatarSizes;
+exports.badgeVariants = require_trust_score_card_glass.badgeVariants;
+exports.buttonGlassVariants = require_trust_score_card_glass.buttonGlassVariants;
+exports.cardIntensity = require_trust_score_card_glass.cardIntensity;
+exports.cn = require_utils.cn;
+exports.dropdownAlign = dropdownAlign;
+exports.getNextTheme = require_theme_context.getNextTheme;
+exports.getThemeConfig = require_theme_context.getThemeConfig;
+exports.inputVariants = require_trust_score_card_glass.inputVariants;
+exports.modalSizes = require_trust_score_card_glass.modalSizes;
+exports.notificationVariants = require_trust_score_card_glass.notificationVariants;
+exports.progressSizes = require_trust_score_card_glass.progressSizes;
+exports.shadcnAlertVariants = alertVariants$1;
+exports.shadcnBadgeVariants = badgeVariants$1;
+exports.shadcnButtonVariants = buttonVariants;
+exports.skeletonVariants = require_trust_score_card_glass.skeletonVariants;
+exports.statusSizes = require_trust_score_card_glass.statusSizes;
+exports.toggleSizes = require_trust_score_card_glass.toggleSizes;
+exports.tooltipPositions = require_trust_score_card_glass.tooltipPositions;
+exports.useFocus = require_use_focus.useFocus;
+exports.useHover = require_use_focus.useHover;
+exports.useResponsive = require_use_wallpaper_tint.useResponsive;
+exports.useTheme = require_theme_context.useTheme;
+exports.useWallpaperTint = require_use_wallpaper_tint.useWallpaperTint;
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/lib/variants/dropdown-glass-variants.ts","../src/lib/variants/alert-variants.ts","../src/lib/variants/badge-variants.ts","../src/lib/variants/button-variants.ts"],"sourcesContent":["/**\n * DropdownGlass CVA Variants\n * Extracted for Fast Refresh compatibility\n */\n\nimport { cva } from 'class-variance-authority';\n\nexport type DropdownAlign = 'left' | 'right';\n\nexport const dropdownAlign = cva('absolute mt-2 min-w-[160px] md:min-w-[200px] rounded-2xl py-1.5 md:py-2', {\n  variants: {\n    align: {\n      left: 'left-0',\n      right: 'right-0',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n  },\n});\n","/**\n * Alert CVA Variants (shadcn/ui)\n * Extracted for Fast Refresh compatibility\n */\n\nimport { cva } from 'class-variance-authority';\n\nexport const alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n","/**\n * Badge CVA Variants (shadcn/ui)\n * Extracted for Fast Refresh compatibility\n */\n\nimport { cva } from 'class-variance-authority';\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n","/**\n * Button CVA Variants (shadcn/ui)\n * Extracted for Fast Refresh compatibility\n */\n\nimport { cva } from 'class-variance-authority';\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,yBAAA,KAAoB,2EAA2E;CAC1G,UAAU,EACR,OAAO;EACL,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,OAAO,QACR;CACF,CAAC;ACZF,MAAa,mBAAA,GAAA,yBAAA,KACX,qOACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;ACdD,MAAa,mBAAA,GAAA,yBAAA,KACX,oZACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;ACnBD,MAAa,kBAAA,GAAA,yBAAA,KACX,+bACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WACE;GACF,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF"}