shadcn-glass-ui 2.2.4 → 2.3.0

package/dist/{trust-score-card-glass-BUt9MIF0.mjs → trust-score-card-glass-EfMB5l5J.mjs}

@@ -528,14 +528,31 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "default
 	});
 });
 ButtonGlass.displayName = "ButtonGlass";
-const CheckboxGlass = forwardRef(({ className, checked, onChange, label, disabled, ...props }, ref) => {
+const CheckboxGlass = forwardRef(({ className, checked: controlledChecked, defaultChecked, onCheckedChange, onChange, label, disabled, ...props }, ref) => {
 	const { isHovered, hoverProps } = useHover();
 	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
+	const [uncontrolledChecked, setUncontrolledChecked] = React.useState(defaultChecked ?? false);
+	const isControlled = controlledChecked !== void 0;
+	const checked = isControlled ? controlledChecked : uncontrolledChecked;
+	const isChecked = checked === true;
+	const isIndeterminate = checked === "indeterminate";
+	const showIndicator = isChecked || isIndeterminate;
+	const handleChange = (newChecked) => {
+		if (disabled) return;
+		if (!isControlled) setUncontrolledChecked(newChecked);
+		onCheckedChange?.(newChecked);
+		if (onChange && typeof newChecked === "boolean") onChange(newChecked);
+	};
+	const toggleChecked = () => {
+		if (isIndeterminate) handleChange(true);
+		else handleChange(!isChecked);
+	};
 	const checkboxStyles = {
-		background: checked ? "var(--checkbox-checked-bg)" : "var(--checkbox-bg)",
-		border: `2px solid ${checked ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"}`,
+		background: showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-bg)",
+		border: `2px solid ${showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"}`,
 		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isHovered && !disabled ? "var(--checkbox-glow)" : "none"
 	};
+	const ariaChecked = isIndeterminate ? "mixed" : isChecked;
 	return /* @__PURE__ */ jsxs("label", {
 		className: cn("inline-flex items-center gap-2 md:gap-2.5", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", className),
 		onMouseEnter: hoverProps.onMouseEnter,
@@ -544,34 +561,37 @@ const CheckboxGlass = forwardRef(({ className, checked, onChange, label, disable
 			/* @__PURE__ */ jsx("input", {
 				ref,
 				type: "checkbox",
-				checked,
-				onChange: (e) => !disabled && onChange?.(e.target.checked),
+				checked: isChecked,
+				onChange: (e) => handleChange(e.target.checked),
 				disabled,
 				className: "sr-only",
 				...props
 			}),
 			/* @__PURE__ */ jsx("span", {
 				className: "inline-flex items-center justify-center min-w-11 min-h-11",
-				children: /* @__PURE__ */ jsx("div", {
-					onClick: () => !disabled && onChange?.(!checked),
+				children: /* @__PURE__ */ jsxs("div", {
+					onClick: toggleChecked,
 					onFocus: focusProps.onFocus,
 					onBlur: focusProps.onBlur,
 					className: "relative w-6 h-6 md:w-5 md:h-5 rounded-md flex items-center justify-center transition-all duration-300",
 					style: checkboxStyles,
 					role: "checkbox",
-					"aria-checked": checked,
+					"aria-checked": ariaChecked,
 					"aria-label": label || "Checkbox",
 					tabIndex: disabled ? -1 : 0,
 					onKeyDown: (e) => {
 						if (!disabled && (e.key === "Enter" || e.key === " ")) {
 							e.preventDefault();
-							onChange?.(!checked);
+							toggleChecked();
 						}
 					},
-					children: checked && /* @__PURE__ */ jsx(Check, {
+					children: [isChecked && /* @__PURE__ */ jsx(Check, {
 						className: "w-3.5 h-3.5 md:w-3 md:h-3",
 						style: { color: "var(--text-inverse)" }
-					})
+					}), isIndeterminate && /* @__PURE__ */ jsx(Minus, {
+						className: "w-3.5 h-3.5 md:w-3 md:h-3",
+						style: { color: "var(--text-inverse)" }
+					})]
 				})
 			}),
 			label && /* @__PURE__ */ jsx("span", {
@@ -583,6 +603,7 @@ const CheckboxGlass = forwardRef(({ className, checked, onChange, label, disable
 	});
 });
 CheckboxGlass.displayName = "CheckboxGlass";
+const Checkbox = CheckboxGlass;
 var circularProgressVariants = cva("relative inline-flex items-center justify-center p-4", {
 	variants: { size: {
 		sm: "w-20 h-20",
@@ -1545,11 +1566,18 @@ var useTabsContext = () => {
 	if (!context) throw new Error("Tabs compound components must be used within TabsGlass.Root");
 	return context;
 };
-var TabsRoot = ({ value, onValueChange, children, className }) => {
+var TabsRoot = ({ value: controlledValue, defaultValue, onValueChange, children, className }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? "");
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : uncontrolledValue;
+	const handleValueChange = (newValue) => {
+		if (!isControlled) setUncontrolledValue(newValue);
+		onValueChange?.(newValue);
+	};
 	return /* @__PURE__ */ jsx(TabsContext.Provider, {
 		value: {
 			value,
-			onValueChange
+			onValueChange: handleValueChange
 		},
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn("tabs-glass-root", className),
@@ -1650,6 +1678,7 @@ const TabsGlass = {
 	Trigger: TabsTrigger,
 	Content: TabsContent
 };
+const Tabs = TabsRoot;
 const toggleSizes = cva("relative rounded-full transition-all duration-300", {
 	variants: {
 		size: {
@@ -4192,6 +4221,6 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
 	});
 });
 TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
-export { PopoverGlass as $, FlagAlertGlass as A, CheckboxGlass as At, IconButtonGlass as B, statusSizes as Bt, sparklineContainerVariants as C, DropdownMenuGlassSub as Ct, progressSizes as D, ComboBoxGlass as Dt, ProgressGlass as E, DropdownMenuGlassTrigger as Et, SortDropdownGlass as F, AvatarGlass as Ft, TooltipGlassSimple as G, FormFieldWrapper as Gt, TooltipGlass as H, AlertGlassDescription as Ht, SearchBoxGlass as I, AvatarGlassFallback as It, toggleSizes as J, TooltipGlassTrigger as K, TouchTarget as Kt, InsightCardGlass as L, AvatarGlassImage as Lt, BaseProgressGlass as M, buttonGlassVariants as Mt, ThemeToggleGlass as N, BadgeGlass as Nt, ProfileAvatarGlass as O, inputVariants as Ot, StatItemGlass as P, badgeVariants as Pt, skeletonVariants as Q, insightCardVariants as R, AvatarGlassSimple as Rt, sparklineBarVariants as S, DropdownMenuGlassShortcut as St, RainbowProgressGlass as T, DropdownMenuGlassSubTrigger as Tt, TooltipGlassContent as U, AlertGlassTitle as Ut, ExpandableHeaderGlass as V, AlertGlass as Vt, TooltipGlassProvider as W, InteractiveCard as Wt, SliderGlass as X, TabsGlass as Y, SkeletonGlass as Z, ContributionMetricsGlass as _, DropdownMenuGlassLabel as _t, HeaderBrandingGlass as a, notificationVariants as at, AICardGlass as b, DropdownMenuGlassRadioItem as bt, YearCardGlass as c, InputGlass as ct, TrustScoreDisplayGlass as d, DropdownGlass as dt, PopoverGlassAnchor as et, RepositoryMetadataGlass as f, DropdownMenuGlass as ft, MetricCardGlass as g, DropdownMenuGlassItem as gt, MetricsGridGlass as h, DropdownMenuGlassGroup as ht, HeaderNavGlass as i, NotificationGlass as it, StatusIndicatorGlass as j, ButtonGlass as jt, LanguageBarGlass as k, CircularProgressGlass as kt, UserStatsLineGlass as l, GlassCard as lt, RepositoryCardGlass as m, DropdownMenuGlassContent as mt, ProjectsListGlass as n, PopoverGlassLegacy as nt, FlagsSectionGlass as o, ModalGlass as ot, RepositoryHeaderGlass as p, DropdownMenuGlassCheckboxItem as pt, ToggleGlass as q, alertVariants as qt, ProfileHeaderGlass as r, PopoverGlassTrigger as rt, CareerStatsGlass as s, modalSizes as st, TrustScoreCardGlass as t, PopoverGlassContent as tt, UserInfoGlass as u, cardIntensity as ut, CircularMetricGlass as v, DropdownMenuGlassPortal as vt, SegmentedControlGlass as w, DropdownMenuGlassSubContent as wt, SparklineGlass as x, DropdownMenuGlassSeparator as xt, CareerStatsHeaderGlass as y, DropdownMenuGlassRadioGroup as yt, insightVariantConfig as z, avatarSizes as zt };
+export { TabsTrigger as $, FlagAlertGlass as A, DropdownMenuGlassTrigger as At, IconButtonGlass as B, AvatarGlass as Bt, sparklineContainerVariants as C, DropdownMenuGlassRadioGroup as Ct, progressSizes as D, DropdownMenuGlassSub as Dt, ProgressGlass as E, DropdownMenuGlassShortcut as Et, SortDropdownGlass as F, CheckboxGlass as Ft, TooltipGlassSimple as G, statusSizes as Gt, TooltipGlass as H, AvatarGlassImage as Ht, SearchBoxGlass as I, ButtonGlass as It, toggleSizes as J, AlertGlassTitle as Jt, TooltipGlassTrigger as K, AlertGlass as Kt, InsightCardGlass as L, buttonGlassVariants as Lt, BaseProgressGlass as M, inputVariants as Mt, ThemeToggleGlass as N, CircularProgressGlass as Nt, ProfileAvatarGlass as O, DropdownMenuGlassSubContent as Ot, StatItemGlass as P, Checkbox as Pt, TabsList as Q, alertVariants as Qt, insightCardVariants as R, BadgeGlass as Rt, sparklineBarVariants as S, DropdownMenuGlassPortal as St, RainbowProgressGlass as T, DropdownMenuGlassSeparator as Tt, TooltipGlassContent as U, AvatarGlassSimple as Ut, ExpandableHeaderGlass as V, AvatarGlassFallback as Vt, TooltipGlassProvider as W, avatarSizes as Wt, TabsContent as X, FormFieldWrapper as Xt, Tabs as Y, InteractiveCard as Yt, TabsGlass as Z, TouchTarget as Zt, ContributionMetricsGlass as _, DropdownMenuGlassCheckboxItem as _t, HeaderBrandingGlass as a, PopoverGlassContent as at, AICardGlass as b, DropdownMenuGlassItem as bt, YearCardGlass as c, NotificationGlass as ct, TrustScoreDisplayGlass as d, modalSizes as dt, SliderGlass as et, RepositoryMetadataGlass as f, InputGlass as ft, MetricCardGlass as g, DropdownMenuGlass as gt, MetricsGridGlass as h, DropdownGlass as ht, HeaderNavGlass as i, PopoverGlassAnchor as it, StatusIndicatorGlass as j, ComboBoxGlass as jt, LanguageBarGlass as k, DropdownMenuGlassSubTrigger as kt, UserStatsLineGlass as l, notificationVariants as lt, RepositoryCardGlass as m, cardIntensity as mt, ProjectsListGlass as n, skeletonVariants as nt, FlagsSectionGlass as o, PopoverGlassLegacy as ot, RepositoryHeaderGlass as p, GlassCard as pt, ToggleGlass as q, AlertGlassDescription as qt, ProfileHeaderGlass as r, PopoverGlass as rt, CareerStatsGlass as s, PopoverGlassTrigger as st, TrustScoreCardGlass as t, SkeletonGlass as tt, UserInfoGlass as u, ModalGlass as ut, CircularMetricGlass as v, DropdownMenuGlassContent as vt, SegmentedControlGlass as w, DropdownMenuGlassRadioItem as wt, SparklineGlass as x, DropdownMenuGlassLabel as xt, CareerStatsHeaderGlass as y, DropdownMenuGlassGroup as yt, insightVariantConfig as z, badgeVariants as zt };
 
-//# sourceMappingURL=trust-score-card-glass-BUt9MIF0.mjs.map
+//# sourceMappingURL=trust-score-card-glass-EfMB5l5J.mjs.map