shadcn-glass-ui 2.0.12 → 2.1.1

package/dist/components.d.ts

@@ -1,6 +1,7 @@
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ButtonHTMLAttributes } from 'react';
 import { ClassProp } from 'class-variance-authority/types';
+import { ComponentPropsWithoutRef } from 'react';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -12,6 +13,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
@@ -95,7 +97,7 @@ export declare const BadgeGlass: ForwardRefExoticComponent<BadgeGlassProps & Ref
  *
  * // Size variants
  * <BadgeGlass size="sm">Small</BadgeGlass>
- * <BadgeGlass size="md">Medium</BadgeGlass>
+ * <BadgeGlass size="default">Medium</BadgeGlass>
  * <BadgeGlass size="lg">Large</BadgeGlass>
  *
  * // Inside interactive elements (ensure accessible labels)
@@ -144,6 +146,15 @@ export declare const ButtonGlass: ForwardRefExoticComponent<ButtonGlassProps & R
  * A glass-themed button with ripple effects, loading states, and icon support.
  * Features theme-aware styling and hover animations.
  *
+ * **shadcn/ui compatible variants:**
+ * - `default` - Primary action button with glow effects
+ * - `secondary` - Secondary action with border
+ * - `ghost` - Minimal visual presence
+ * - `destructive` - Dangerous/delete actions (red)
+ * - `outline` - Border with transparent background
+ * - `link` - Text-only button with underline on hover
+ * - `success` - Positive feedback (glass-ui extension)
+ *
  * @accessibility
  * - **Keyboard Navigation:** Fully keyboard accessible with native `<button>` element
  * - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
@@ -155,8 +166,9 @@ export declare const ButtonGlass: ForwardRefExoticComponent<ButtonGlassProps & R
  *
  * @example
  * ```tsx
- * // Basic button
- * <ButtonGlass variant="primary">Click me</ButtonGlass>
+ * // Basic button (default variant)
+ * <ButtonGlass>Click me</ButtonGlass>
+ * <ButtonGlass variant="default">Primary action</ButtonGlass>
  *
  * // With icon and aria-label for icon-only buttons
  * <ButtonGlass icon={Check} iconPosition="left">Save</ButtonGlass>
@@ -165,13 +177,16 @@ export declare const ButtonGlass: ForwardRefExoticComponent<ButtonGlassProps & R
  * // Loading state (automatically disables and shows spinner)
  * <ButtonGlass loading aria-live="polite">Processing...</ButtonGlass>
  *
- * // Different variants
+ * // Different variants (shadcn/ui compatible)
+ * <ButtonGlass variant="secondary">Secondary</ButtonGlass>
  * <ButtonGlass variant="ghost">Cancel</ButtonGlass>
- * <ButtonGlass variant="success">Confirm</ButtonGlass>
+ * <ButtonGlass variant="outline">Outline</ButtonGlass>
  * <ButtonGlass variant="destructive">Delete</ButtonGlass>
+ * <ButtonGlass variant="link">Learn more</ButtonGlass>
+ * <ButtonGlass variant="success">Confirm</ButtonGlass>
  *
  * // As a link (asChild pattern) - maintains semantic HTML
- * <ButtonGlass asChild variant="primary">
+ * <ButtonGlass asChild>
  *   <a href="/dashboard">Go to Dashboard</a>
  * </ButtonGlass>
  *
@@ -181,7 +196,7 @@ export declare const ButtonGlass: ForwardRefExoticComponent<ButtonGlassProps & R
  * </ButtonGlass>
  *
  * // Form submit button
- * <ButtonGlass type="submit" variant="primary">
+ * <ButtonGlass type="submit">
  *   Submit Form
  * </ButtonGlass>
  * ```
@@ -205,8 +220,8 @@ declare interface ButtonGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLB
      */
     readonly asChild?: boolean;
     /**
-     * Visual style variant of the button
-     * @default "primary"
+     * Visual style variant of the button (shadcn/ui compatible)
+     * @default "default"
      */
     readonly variant?: ButtonGlassVariant;
     /**
@@ -225,21 +240,31 @@ declare interface ButtonGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLB
      */
     readonly iconPosition?: 'left' | 'right';
     /**
-     * Size variant of the button
-     * @default "md"
+     * Size variant of the button (shadcn/ui compatible)
+     * @default "default"
      */
-    readonly size?: 'sm' | 'md' | 'lg' | 'icon';
+    readonly size?: 'default' | 'sm' | 'lg' | 'xl' | 'icon';
 }
 
 /**
  * ButtonGlass CVA Variants
  * Extracted for Fast Refresh compatibility
  */
-declare type ButtonGlassVariant = 'primary' | 'secondary' | 'ghost' | 'destructive' | 'success' | 'text';
+/**
+ * ButtonGlass variant types (shadcn/ui compatible)
+ * - default: Primary action (was 'primary')
+ * - secondary: Secondary action
+ * - ghost: Minimal visual presence
+ * - destructive: Dangerous/delete actions
+ * - outline: Border with transparent background (shadcn/ui standard)
+ * - success: Positive feedback (glass-ui extension)
+ * - link: Text-only button (was 'text', shadcn/ui standard name)
+ */
+declare type ButtonGlassVariant = 'default' | 'secondary' | 'ghost' | 'destructive' | 'outline' | 'success' | 'link';
 
 declare const buttonGlassVariants: (props?: ({
-    variant?: "destructive" | "success" | "text" | "secondary" | "primary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare const cardIntensity: (props?: ({
@@ -420,7 +445,7 @@ export declare const ComboBoxGlass: <T = string>(props: ComboBoxGlassProps<T> &
     ref?: React.ForwardedRef<HTMLButtonElement>;
 }) => ReturnType<typeof ComboBoxGlassInner>;
 
-declare function ComboBoxGlassInner<T = string>({ options, value, onChange, placeholder, emptyText, searchPlaceholder, glassVariant, disabled, className, popoverClassName, clearable, side, align, label, error, success, required, size, searchable, icon: TriggerIcon, }: ComboBoxGlassProps<T>, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element;
+declare function ComboBoxGlassInner<T = string>({ options, value, onValueChange, placeholder, emptyText, searchPlaceholder, glassVariant, disabled, className, popoverClassName, clearable, side, align, label, error, success, required, size, searchable, icon: TriggerIcon, }: ComboBoxGlassProps<T>, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element;
 
 declare namespace ComboBoxGlassInner {
     var displayName: string;
@@ -432,7 +457,7 @@ declare interface ComboBoxGlassProps<T = string> {
     /** Currently selected value */
     readonly value?: T;
     /** Callback when value changes */
-    readonly onChange?: (value: T | undefined) => void;
+    readonly onValueChange?: (value: T | undefined) => void;
     /** Placeholder text for trigger button */
     readonly placeholder?: string;
     /** Text shown when no results found */
@@ -1439,7 +1464,7 @@ declare interface RepositoryCardGlassProps extends React.HTMLAttributes<HTMLDivE
     readonly onAIAnalysisClick?: () => void;
 }
 
-declare type RepositoryFlagType = "green" | "yellow" | "red";
+declare type RepositoryFlagType = 'green' | 'yellow' | 'red';
 
 declare type RepositoryFlagType_2 = 'green' | 'yellow' | 'red';
 
@@ -1512,17 +1537,40 @@ declare const skeletonVariants: (props?: ({
     variant?: "title" | "text" | "avatar" | "thumbnail" | "card" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const SliderGlass: ForwardRefExoticComponent<SliderGlassProps & RefAttributes<HTMLInputElement>>;
+export declare const SliderGlass: ForwardRefExoticComponent<SliderGlassProps & RefAttributes<HTMLSpanElement>>;
 
-declare interface SliderGlassProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
-    readonly value: number;
-    readonly onChange: (value: number) => void;
-    readonly min?: number;
-    readonly max?: number;
-    readonly step?: number;
+declare interface SliderGlassProps extends Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'> {
+    /**
+     * Controlled value (shadcn/ui compatible - array for range support)
+     */
+    readonly value?: number[];
+    /**
+     * Default value for uncontrolled usage (array for range support)
+     */
+    readonly defaultValue?: number[];
+    /**
+     * Callback when value changes (shadcn/ui compatible)
+     */
+    readonly onValueChange?: (value: number[]) => void;
+    /**
+     * Callback when interaction ends (mouse up / touch end)
+     */
+    readonly onValueCommit?: (value: number[]) => void;
+    /**
+     * Show current value(s) next to label
+     */
     readonly showValue?: boolean;
+    /**
+     * Optional label text
+     */
     readonly label?: string;
+    /**
+     * Error message to display
+     */
     readonly error?: string;
+    /**
+     * Success message to display
+     */
     readonly success?: string;
 }
 
@@ -1736,14 +1784,40 @@ declare interface ThemeToggleGlassProps extends ButtonHTMLAttributes<HTMLButtonE
 
 export declare const ToggleGlass: ForwardRefExoticComponent<ToggleGlassProps & RefAttributes<HTMLButtonElement>>;
 
-declare interface ToggleGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof toggleSizes> {
-    readonly checked: boolean;
-    readonly onChange?: (checked: boolean) => void;
+declare interface ToggleGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'defaultValue'>, VariantProps<typeof toggleSizes> {
+    /**
+     * Controlled pressed state (shadcn/ui compatible)
+     */
+    readonly pressed?: boolean;
+    /**
+     * Default pressed state for uncontrolled usage
+     */
+    readonly defaultPressed?: boolean;
+    /**
+     * Callback when pressed state changes (shadcn/ui compatible)
+     */
+    readonly onPressedChange?: (pressed: boolean) => void;
+    /**
+     * Visual variant (shadcn/ui compatible)
+     * @default "default"
+     */
+    readonly variant?: ToggleGlassVariant;
+    /**
+     * Optional label text
+     */
     readonly label?: string;
 }
 
+/**
+ * Toggle variant types (shadcn/ui compatible)
+ * - default: Filled toggle with glass effect
+ * - outline: Border only toggle
+ */
+declare type ToggleGlassVariant = 'default' | 'outline';
+
 declare const toggleSizes: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const TooltipGlass: React_2.FC<TooltipPrimitive.TooltipProps>;

package/dist/components.js

@@ -1,4 +1,4 @@
-import { $ as BaseProgressGlass, At as GlassCard, Dt as ModalGlass, G as SegmentedControlGlass, Jt as ComboBoxGlass, K as RainbowProgressGlass, Mt as DropdownGlass, Q as StatusIndicatorGlass, Qt as ButtonGlass, Tt as NotificationGlass, X as LanguageBarGlass, Xt as CircularProgressGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, Zt as CheckboxGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, b as AICardGlass, bt as PopoverGlass, c as YearCardGlass, cn as AlertGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, dn as InteractiveCard, en as BadgeGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, fn as FormFieldWrapper, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, i as HeaderNavGlass, kt as InputGlass, l as UserStatsLineGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nn as AvatarGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pn as TouchTarget, q as ProgressGlass, r as ProfileHeaderGlass, rt as SearchBoxGlass, s as CareerStatsGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, vt as SkeletonGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-A7kas5OS.js";
+import { $ as BaseProgressGlass, At as GlassCard, Dt as ModalGlass, G as SegmentedControlGlass, Jt as ComboBoxGlass, K as RainbowProgressGlass, Mt as DropdownGlass, Q as StatusIndicatorGlass, Qt as ButtonGlass, Tt as NotificationGlass, X as LanguageBarGlass, Xt as CircularProgressGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, Zt as CheckboxGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, b as AICardGlass, bt as PopoverGlass, c as YearCardGlass, cn as AlertGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, dn as InteractiveCard, en as BadgeGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, fn as FormFieldWrapper, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, i as HeaderNavGlass, kt as InputGlass, l as UserStatsLineGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nn as AvatarGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pn as TouchTarget, q as ProgressGlass, r as ProfileHeaderGlass, rt as SearchBoxGlass, s as CareerStatsGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, vt as SkeletonGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-L9g0qamo.js";
 import "./utils-CcyeqpKQ.js";
 import "./use-focus-CX0TJJIj.js";
 import "./theme-context-_T5r1KG4.js";

package/dist/hooks.cjs

@@ -1,5 +1,5 @@
-const require_use_focus = require("./use-focus-BRkQtQCj.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-CfShPBo2.cjs");
+const require_use_focus = require("./use-focus-CeNHOiBa.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-Bt2G3g1v.cjs");
 exports.useFocus = require_use_focus.useFocus;
 exports.useHover = require_use_focus.useHover;
 exports.useResponsive = require_use_wallpaper_tint.useResponsive;

package/dist/index.cjs

@@ -1,8 +1,8 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-Dgu46oWI.cjs");
-const require_utils = require("./utils-BXN7AcRu.cjs");
-const require_use_focus = require("./use-focus-BRkQtQCj.cjs");
-const require_theme_context = require("./theme-context-DNe_2vWJ.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-CfShPBo2.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-CGXmOIfq.cjs");
+const require_utils = require("./utils-LYxxWvUn.cjs");
+const require_use_focus = require("./use-focus-CeNHOiBa.cjs");
+const require_theme_context = require("./theme-context-BHXYJ4RE.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-Bt2G3g1v.cjs");
 let react = require("react");
 react = require_trust_score_card_glass.__toESM(react);
 let lucide_react = require("lucide-react");

package/dist/index.js

@@ -1,9 +1,9 @@
-import { $ as BaseProgressGlass, $t as buttonGlassVariants, A as useChartHeight, At as GlassCard, B as adaptEventsOfChild, Bt as DropdownMenuGlassRadioGroup, C as sparklineContainerVariants, Ct as PopoverGlassLegacy, D as Tooltip, Dt as ModalGlass, E as Cell, Et as notificationVariants, F as selectLegendPayload, Ft as DropdownMenuGlassContent, G as SegmentedControlGlass, Gt as DropdownMenuGlassSubContent, H as isNumber, Ht as DropdownMenuGlassSeparator, I as useAppDispatch, It as DropdownMenuGlassGroup, J as progressSizes, Jt as ComboBoxGlass, K as RainbowProgressGlass, Kt as DropdownMenuGlassSubTrigger, L as useAppSelector, Lt as DropdownMenuGlassItem, M as useMargin, Mt as DropdownGlass, N as ResponsiveContainer, Nt as DropdownMenuGlass, O as setLegendSettings, Ot as modalSizes, P as useElementOffset, Pt as DropdownMenuGlassCheckboxItem, Q as StatusIndicatorGlass, Qt as ButtonGlass, R as getUniqPayload, Rt as DropdownMenuGlassLabel, S as sparklineBarVariants, St as PopoverGlassContent, T as Bar, Tt as NotificationGlass, U as useLegendPortal, Ut as DropdownMenuGlassShortcut, V as Symbols, Vt as DropdownMenuGlassRadioItem, W as Surface, Wt as DropdownMenuGlassSub, X as LanguageBarGlass, Xt as CircularProgressGlass, Y as ProfileAvatarGlass, Yt as inputVariants, Z as FlagAlertGlass, Zt as CheckboxGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, an as AvatarGlassSimple, at as insightCardVariants, b as AICardGlass, bt as PopoverGlass, c as YearCardGlass, cn as AlertGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, dn as InteractiveCard, dt as TooltipGlassProvider, en as BadgeGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, fn as FormFieldWrapper, ft as TooltipGlassSimple, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, ht as toggleSizes, i as HeaderNavGlass, in as AvatarGlassImage, it as InsightCardGlass, j as useChartWidth, jt as cardIntensity, k as setLegendSize, kt as InputGlass, l as UserStatsLineGlass, ln as AlertGlassDescription, lt as TooltipGlass, m as RepositoryCardGlass, mn as alertVariants, mt as ToggleGlass, n as ProjectsListGlass, nn as AvatarGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, on as avatarSizes, ot as insightVariantConfig, p as RepositoryHeaderGlass, pn as TouchTarget, pt as TooltipGlassTrigger, q as ProgressGlass, qt as DropdownMenuGlassTrigger, r as ProfileHeaderGlass, rn as AvatarGlassFallback, rt as SearchBoxGlass, s as CareerStatsGlass, sn as statusSizes, st as IconButtonGlass, t as TrustScoreCardGlass, tn as badgeVariants, tt as StatItemGlass, u as UserInfoGlass, un as AlertGlassTitle, ut as TooltipGlassContent, v as CircularMetricGlass, vt as SkeletonGlass, w as BarChart, wt as PopoverGlassTrigger, x as SparklineGlass, xt as PopoverGlassAnchor, y as CareerStatsHeaderGlass, yt as skeletonVariants, z as resolveDefaultProps, zt as DropdownMenuGlassPortal } from "./trust-score-card-glass-A7kas5OS.js";
+import { $ as BaseProgressGlass, $t as buttonGlassVariants, A as useChartHeight, At as GlassCard, B as adaptEventsOfChild, Bt as DropdownMenuGlassRadioGroup, C as sparklineContainerVariants, Ct as PopoverGlassLegacy, D as Tooltip, Dt as ModalGlass, E as Cell, Et as notificationVariants, F as selectLegendPayload, Ft as DropdownMenuGlassContent, G as SegmentedControlGlass, Gt as DropdownMenuGlassSubContent, H as isNumber, Ht as DropdownMenuGlassSeparator, I as useAppDispatch, It as DropdownMenuGlassGroup, J as progressSizes, Jt as ComboBoxGlass, K as RainbowProgressGlass, Kt as DropdownMenuGlassSubTrigger, L as useAppSelector, Lt as DropdownMenuGlassItem, M as useMargin, Mt as DropdownGlass, N as ResponsiveContainer, Nt as DropdownMenuGlass, O as setLegendSettings, Ot as modalSizes, P as useElementOffset, Pt as DropdownMenuGlassCheckboxItem, Q as StatusIndicatorGlass, Qt as ButtonGlass, R as getUniqPayload, Rt as DropdownMenuGlassLabel, S as sparklineBarVariants, St as PopoverGlassContent, T as Bar, Tt as NotificationGlass, U as useLegendPortal, Ut as DropdownMenuGlassShortcut, V as Symbols, Vt as DropdownMenuGlassRadioItem, W as Surface, Wt as DropdownMenuGlassSub, X as LanguageBarGlass, Xt as CircularProgressGlass, Y as ProfileAvatarGlass, Yt as inputVariants, Z as FlagAlertGlass, Zt as CheckboxGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, an as AvatarGlassSimple, at as insightCardVariants, b as AICardGlass, bt as PopoverGlass, c as YearCardGlass, cn as AlertGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, dn as InteractiveCard, dt as TooltipGlassProvider, en as BadgeGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, fn as FormFieldWrapper, ft as TooltipGlassSimple, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, ht as toggleSizes, i as HeaderNavGlass, in as AvatarGlassImage, it as InsightCardGlass, j as useChartWidth, jt as cardIntensity, k as setLegendSize, kt as InputGlass, l as UserStatsLineGlass, ln as AlertGlassDescription, lt as TooltipGlass, m as RepositoryCardGlass, mn as alertVariants, mt as ToggleGlass, n as ProjectsListGlass, nn as AvatarGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, on as avatarSizes, ot as insightVariantConfig, p as RepositoryHeaderGlass, pn as TouchTarget, pt as TooltipGlassTrigger, q as ProgressGlass, qt as DropdownMenuGlassTrigger, r as ProfileHeaderGlass, rn as AvatarGlassFallback, rt as SearchBoxGlass, s as CareerStatsGlass, sn as statusSizes, st as IconButtonGlass, t as TrustScoreCardGlass, tn as badgeVariants, tt as StatItemGlass, u as UserInfoGlass, un as AlertGlassTitle, ut as TooltipGlassContent, v as CircularMetricGlass, vt as SkeletonGlass, w as BarChart, wt as PopoverGlassTrigger, x as SparklineGlass, xt as PopoverGlassAnchor, y as CareerStatsHeaderGlass, yt as skeletonVariants, z as resolveDefaultProps, zt as DropdownMenuGlassPortal } from "./trust-score-card-glass-L9g0qamo.js";
 import { t as cn } from "./utils-CcyeqpKQ.js";
 import { n as useHover, t as useFocus } from "./use-focus-CX0TJJIj.js";
 import { a as getThemeConfig, i as getNextTheme, n as THEME_CONFIG, o as useTheme, r as ThemeProvider, t as THEMES } from "./theme-context-_T5r1KG4.js";
 import { n as useResponsive, t as useWallpaperTint } from "./use-wallpaper-tint-DUgmytlY.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Check } from "lucide-react";
 import { clsx } from "clsx";
@@ -440,7 +440,7 @@ function Icon(_ref) {
 	if (preferredIcon === "none") return null;
 	if (preferredIcon === "plainline") {
 		var _data$payload;
-		return /* @__PURE__ */ React.createElement("line", {
+		return /* @__PURE__ */ React$1.createElement("line", {
 			strokeWidth: 4,
 			fill: "none",
 			stroke: color,
@@ -452,25 +452,25 @@ function Icon(_ref) {
 			className: "recharts-legend-icon"
 		});
 	}
-	if (preferredIcon === "line") return /* @__PURE__ */ React.createElement("path", {
+	if (preferredIcon === "line") return /* @__PURE__ */ React$1.createElement("path", {
 		strokeWidth: 4,
 		fill: "none",
 		stroke: color,
 		d: "M0,".concat(halfSize, "h").concat(thirdSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(2 * thirdSize, ",").concat(halfSize, "\n            H").concat(SIZE, "M").concat(2 * thirdSize, ",").concat(halfSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(thirdSize, ",").concat(halfSize),
 		className: "recharts-legend-icon"
 	});
-	if (preferredIcon === "rect") return /* @__PURE__ */ React.createElement("path", {
+	if (preferredIcon === "rect") return /* @__PURE__ */ React$1.createElement("path", {
 		stroke: "none",
 		fill: color,
 		d: "M0,".concat(SIZE / 8, "h").concat(SIZE, "v").concat(SIZE * 3 / 4, "h").concat(-SIZE, "z"),
 		className: "recharts-legend-icon"
 	});
-	if (/* @__PURE__ */ React.isValidElement(data.legendIcon)) {
+	if (/* @__PURE__ */ React$1.isValidElement(data.legendIcon)) {
 		var iconProps = _objectSpread$1({}, data);
 		delete iconProps.legendIcon;
-		return /* @__PURE__ */ React.cloneElement(data.legendIcon, iconProps);
+		return /* @__PURE__ */ React$1.cloneElement(data.legendIcon, iconProps);
 	}
-	return /* @__PURE__ */ React.createElement(Symbols, {
+	return /* @__PURE__ */ React$1.createElement(Symbols, {
 		fill: color,
 		cx: halfSize,
 		cy: halfSize,
@@ -506,21 +506,21 @@ function Items(props) {
 		if (entry.type === "none") return null;
 		var color = entry.inactive ? inactiveColor : entry.color;
 		var finalValue = finalFormatter ? finalFormatter(entry.value, entry, i) : entry.value;
-		return /* @__PURE__ */ React.createElement("li", _extends$1({
+		return /* @__PURE__ */ React$1.createElement("li", _extends$1({
 			className,
 			style: itemStyle,
 			key: "legend-item-".concat(i)
-		}, adaptEventsOfChild(props, entry, i)), /* @__PURE__ */ React.createElement(Surface, {
+		}, adaptEventsOfChild(props, entry, i)), /* @__PURE__ */ React$1.createElement(Surface, {
 			width: iconSize,
 			height: iconSize,
 			viewBox,
 			style: svgStyle,
 			"aria-label": "".concat(finalValue, " legend icon")
-		}, /* @__PURE__ */ React.createElement(Icon, {
+		}, /* @__PURE__ */ React$1.createElement(Icon, {
 			data: entry,
 			iconType,
 			inactiveColor
-		})), /* @__PURE__ */ React.createElement("span", {
+		})), /* @__PURE__ */ React$1.createElement("span", {
 			className: "recharts-legend-item-text",
 			style: { color }
 		}, finalValue));
@@ -535,10 +535,10 @@ var DefaultLegendContent = (outsideProps) => {
 		margin: 0,
 		textAlign: layout === "horizontal" ? align : "left"
 	};
-	return /* @__PURE__ */ React.createElement("ul", {
+	return /* @__PURE__ */ React$1.createElement("ul", {
 		className: "recharts-default-legend",
 		style: finalStyle
-	}, /* @__PURE__ */ React.createElement(Items, _extends$1({}, props, { payload })));
+	}, /* @__PURE__ */ React$1.createElement(Items, _extends$1({}, props, { payload })));
 };
 function useLegendPayload() {
 	return useAppSelector(selectLegendPayload);
@@ -621,9 +621,9 @@ function LegendContent(props) {
 	var { contextPayload } = props, otherProps = _objectWithoutProperties(props, _excluded);
 	var finalPayload = getUniqPayload(contextPayload, props.payloadUniqBy, defaultUniqBy);
 	var contentProps = _objectSpread(_objectSpread({}, otherProps), {}, { payload: finalPayload });
-	if (/* @__PURE__ */ React.isValidElement(props.content)) return /* @__PURE__ */ React.cloneElement(props.content, contentProps);
-	if (typeof props.content === "function") return /* @__PURE__ */ React.createElement(props.content, contentProps);
-	return /* @__PURE__ */ React.createElement(DefaultLegendContent, contentProps);
+	if (/* @__PURE__ */ React$1.isValidElement(props.content)) return /* @__PURE__ */ React$1.cloneElement(props.content, contentProps);
+	if (typeof props.content === "function") return /* @__PURE__ */ React$1.createElement(props.content, contentProps);
+	return /* @__PURE__ */ React$1.createElement(DefaultLegendContent, contentProps);
 }
 function getDefaultPosition(style, props, margin, chartWidth, chartHeight, box) {
 	var { layout, align, verticalAlign } = props;
@@ -685,19 +685,19 @@ function Legend(outsideProps) {
 	}, getDefaultPosition(wrapperStyle, props, margin, chartWidth, chartHeight, lastBoundingBox)), wrapperStyle);
 	var legendPortal = portalFromProps !== null && portalFromProps !== void 0 ? portalFromProps : legendPortalFromContext;
 	if (legendPortal == null || contextPayload == null) return null;
-	return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
+	return /* @__PURE__ */ createPortal(/* @__PURE__ */ React$1.createElement("div", {
 		className: "recharts-legend-wrapper",
 		style: outerStyle,
 		ref: updateBoundingBox
-	}, /* @__PURE__ */ React.createElement(LegendSettingsDispatcher, {
+	}, /* @__PURE__ */ React$1.createElement(LegendSettingsDispatcher, {
 		layout: props.layout,
 		align: props.align,
 		verticalAlign: props.verticalAlign,
 		itemSorter: props.itemSorter
-	}), !portalFromProps && /* @__PURE__ */ React.createElement(LegendSizeDispatcher, {
+	}), !portalFromProps && /* @__PURE__ */ React$1.createElement(LegendSizeDispatcher, {
 		width: lastBoundingBox.width,
 		height: lastBoundingBox.height
-	}), /* @__PURE__ */ React.createElement(LegendContent, _extends({}, props, widthOrHeight, {
+	}), /* @__PURE__ */ React$1.createElement(LegendContent, _extends({}, props, widthOrHeight, {
 		margin,
 		chartWidth,
 		chartHeight,
@@ -705,14 +705,14 @@ function Legend(outsideProps) {
 	}))), legendPortal);
 }
 Legend.displayName = "Legend";
-var ChartContext = React.createContext(null);
+var ChartContext = React$1.createContext(null);
 function useChart() {
-	const context = React.useContext(ChartContext);
+	const context = React$1.useContext(ChartContext);
 	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
 	return context;
 }
-var ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
-	const uniqueId = React.useId();
+var ChartContainer = React$1.forwardRef(({ id, className, children, config, ...props }, ref) => {
+	const uniqueId = React$1.useId();
 	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
 	return /* @__PURE__ */ jsx(ChartContext.Provider, {
 		value: { config },
@@ -750,9 +750,9 @@ ${colorConfig.map(([key, itemConfig]) => {
 ` } });
 };
 var ChartTooltip = Tooltip;
-var ChartTooltipContent = React.forwardRef(({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, nameKey, labelKey, valueFormatter }, ref) => {
+var ChartTooltipContent = React$1.forwardRef(({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, nameKey, labelKey, valueFormatter }, ref) => {
 	const { config } = useChart();
-	const tooltipLabel = React.useMemo(() => {
+	const tooltipLabel = React$1.useMemo(() => {
 		if (hideLabel || !payload?.length) return null;
 		const [item] = payload;
 		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
@@ -818,7 +818,7 @@ var ChartTooltipContent = React.forwardRef(({ active, payload, className, indica
 });
 ChartTooltipContent.displayName = "ChartTooltipContent";
 var ChartLegend = Legend;
-var ChartLegendContent = React.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React$1.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
 	const { config } = useChart();
 	if (!payload?.length) return null;
 	return /* @__PURE__ */ jsx("div", {