@wow-two-beta/ui 0.0.63 → 0.0.65

package/dist/{chunk-XB4TU643.js → chunk-5YT7XRTW.js}

@@ -1,10 +1,10 @@
 import { listboxItemVariants, listboxVariants, listboxGroupLabelVariants, listboxSeparatorVariants, listboxEmptyVariants } from './chunk-FMTBJJP6.js';
-import { PopoverTrigger, Popover, PopoverContent } from './chunk-BLU5JZAB.js';
+import { PopoverTrigger, Popover, PopoverContent } from './chunk-GTBNVI77.js';
 import { startOfMonth, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, Tag, addMonths, Kbd, addDays, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, formatISOTime, startOfDay, isInRange } from './chunk-3SWPYYRQ.js';
 import { useControlled, useTypeahead } from './chunk-V267IMBH.js';
 import { Icon } from './chunk-MVMDDGW7.js';
 import { tv, CssExtensions, ColorExtensions, dataAttr, surfaceVariants, Equality } from './chunk-DX7FYAKY.js';
-import { useFormControl, FormControlProvider, Announce, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner, DismissableLayer } from './chunk-XLYJF3HC.js';
+import { useFormControl, FormControlProvider, Announce, Portal, RovingFocusGroup, useRovingFocusItem, Presence, AnchoredPositioner, DismissableLayer } from './chunk-XLYJF3HC.js';
 import { useId } from './chunk-LGTGZ3RW.js';
 import { cn, composeRefs } from './chunk-X2MYOHOB.js';
 import * as React from 'react';
@@ -2219,7 +2219,7 @@ var MultiSelectTrigger = forwardRef(
             ChevronDown,
             {
               className: cn(
-                "h-4 w-4 shrink-0 self-center text-muted-foreground transition-transform",
+                "h-4 w-4 shrink-0 self-center text-muted-foreground motion-safe:transition-transform",
                 ctx.open && "rotate-180"
               )
             }
@@ -2545,9 +2545,8 @@ function ComboboxContent({
       ctx.setActiveId(list[0]?.id ?? null);
     }
   });
-  if (!ctx.open) return null;
   const resolvedPadding = padding ?? "xs";
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Presence, { isPresent: ctx.open, children: /* @__PURE__ */ jsx(ComboboxPortalRoot, { children: /* @__PURE__ */ jsx(
     AnchoredPositioner,
     {
       anchor: ctx.inputRef.current,
@@ -2569,6 +2568,10 @@ function ComboboxContent({
               id: ctx.listboxId,
               role: "listbox",
               className: cn(
+                /* pop (fade+scale) gated on the portal-root data-state + motion-safe
+                   so reduced-motion users get no movement. */
+                "motion-safe:group-data-[state=open]:animate-(--animate-pop-in)",
+                "motion-safe:group-data-[state=closed]:animate-(--animate-pop-out) motion-reduce:animate-none",
                 surfaceVariants({
                   variant,
                   tone,
@@ -2586,8 +2589,13 @@ function ComboboxContent({
         }
       )
     }
-  ) });
+  ) }) });
 }
+var ComboboxPortalRoot = forwardRef(
+  function ComboboxPortalRoot2({ children, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx("div", { ref, className: cn("group contents", className), ...props, children }) });
+  }
+);
 var ComboboxItem = forwardRef(function ComboboxItem2({ value, isDisabled = false, className, children, onClick, onPointerEnter, ...rest }, forwardedRef) {
   const ctx = useComboboxContext();
   const id = useId$1();
@@ -7768,5 +7776,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-XB4TU643.js.map
-//# sourceMappingURL=chunk-XB4TU643.js.map
+//# sourceMappingURL=chunk-5YT7XRTW.js.map
+//# sourceMappingURL=chunk-5YT7XRTW.js.map