@wow-two-beta/ui 0.0.44 → 0.0.46

package/dist/{chunk-CYQQKZZ6.js → chunk-WJGJNSNP.js}

@@ -478,18 +478,18 @@ var checkboxVariants = tv({
     { variant: "ghost", tone: "danger", class: "text-destructive peer-checked:bg-destructive/10" },
     { variant: "ghost", tone: "success", class: "text-success peer-checked:bg-success/10" },
     { variant: "ghost", tone: "warning", class: "text-warning peer-checked:bg-warning/10" },
-    // === GLASS × tone — dark glass unchecked → tone fill checked, white check throughout ===
-    { variant: "glass", tone: "primary", class: "text-white peer-checked:bg-primary peer-checked:border-primary" },
-    { variant: "glass", tone: "neutral", class: "text-white peer-checked:bg-foreground peer-checked:border-foreground peer-checked:text-background" },
-    { variant: "glass", tone: "danger", class: "text-white peer-checked:bg-destructive peer-checked:border-destructive" },
-    { variant: "glass", tone: "success", class: "text-white peer-checked:bg-success peer-checked:border-success" },
-    { variant: "glass", tone: "warning", class: "text-white peer-checked:bg-warning peer-checked:border-warning" },
-    // === GLASS-SURFACE × tone — same as glass but border stays light when checked ===
-    { variant: "glass-surface", tone: "primary", class: "text-white peer-checked:bg-primary peer-checked:border-white/60" },
-    { variant: "glass-surface", tone: "neutral", class: "text-white peer-checked:bg-foreground peer-checked:border-white/60 peer-checked:text-background" },
-    { variant: "glass-surface", tone: "danger", class: "text-white peer-checked:bg-destructive peer-checked:border-white/60" },
-    { variant: "glass-surface", tone: "success", class: "text-white peer-checked:bg-success peer-checked:border-white/60" },
-    { variant: "glass-surface", tone: "warning", class: "text-white peer-checked:bg-warning peer-checked:border-white/60" }
+    // === GLASS × tone — dark glass stays on check; only the white check icon appears (peer-checked:opacity-100 on Check). Tone is preserved as text-white throughout — bg doesn't swap, matching the photo-overlay aesthetic. ===
+    { variant: "glass", tone: "primary", class: "text-white" },
+    { variant: "glass", tone: "neutral", class: "text-white" },
+    { variant: "glass", tone: "danger", class: "text-white" },
+    { variant: "glass", tone: "success", class: "text-white" },
+    { variant: "glass", tone: "warning", class: "text-white" },
+    // === GLASS-SURFACE × tone — same: dark glass + white check on check. Border emphasis (white/80) optional on check for stronger affordance. ===
+    { variant: "glass-surface", tone: "primary", class: "text-white peer-checked:border-white/80" },
+    { variant: "glass-surface", tone: "neutral", class: "text-white peer-checked:border-white/80" },
+    { variant: "glass-surface", tone: "danger", class: "text-white peer-checked:border-white/80" },
+    { variant: "glass-surface", tone: "success", class: "text-white peer-checked:border-white/80" },
+    { variant: "glass-surface", tone: "warning", class: "text-white peer-checked:border-white/80" }
   ],
   defaultVariants: {
     variant: "solid",
@@ -553,19 +553,20 @@ var INDETERMINATE_CHECKED_CLASS = {
     success: "bg-success/10 text-success",
     warning: "bg-warning/10 text-warning"
   },
+  /* Glass family keeps dark glass bg in indeterminate state (matches checked behavior). The Minus icon renders unconditionally; text-white from variant base makes it visible. */
   glass: {
-    primary: "bg-primary border-primary text-white",
-    neutral: "bg-foreground border-foreground text-background",
-    danger: "bg-destructive border-destructive text-white",
-    success: "bg-success border-success text-white",
-    warning: "bg-warning border-warning text-white"
+    primary: "text-white",
+    neutral: "text-white",
+    danger: "text-white",
+    success: "text-white",
+    warning: "text-white"
   },
   "glass-surface": {
-    primary: "bg-primary border-white/60 text-white",
-    neutral: "bg-foreground border-white/60 text-background",
-    danger: "bg-destructive border-white/60 text-white",
-    success: "bg-success border-white/60 text-white",
-    warning: "bg-warning border-white/60 text-white"
+    primary: "text-white border-white/80",
+    neutral: "text-white border-white/80",
+    danger: "text-white border-white/80",
+    success: "text-white border-white/80",
+    warning: "text-white border-white/80"
   }
 };
 var Checkbox = forwardRef(
@@ -617,9 +618,9 @@ var Checkbox = forwardRef(
               "aria-hidden": "true",
               className: cn(
                 checkboxVariants({ variant, tone }),
-                indeterminate && INDETERMINATE_CHECKED_CLASS[variant][tone]
+                indeterminate ? INDETERMINATE_CHECKED_CLASS[variant][tone] : "[&>svg]:opacity-0 peer-checked:[&>svg]:opacity-100"
               ),
-              children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: iconClass }) : /* @__PURE__ */ jsx(Check, { className: cn(iconClass, "opacity-0 peer-checked:opacity-100") })
+              children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: iconClass }) : /* @__PURE__ */ jsx(Check, { className: iconClass })
             }
           )
         ]
@@ -7271,5 +7272,5 @@ var ChatComposer = forwardRef(
 ChatComposer.displayName = "ChatComposer";
 
 export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard };
-//# sourceMappingURL=chunk-CYQQKZZ6.js.map
-//# sourceMappingURL=chunk-CYQQKZZ6.js.map
+//# sourceMappingURL=chunk-WJGJNSNP.js.map
+//# sourceMappingURL=chunk-WJGJNSNP.js.map