@fanvue/ui 3.14.1 → 3.16.0

package/dist/index.d.ts

@@ -380,6 +380,37 @@ export declare interface AudioPlayerProps extends Omit<React_2.HTMLAttributes<HT
 /** Height of the audio player row, in pixels. Matches both the Vault card overlay and the "Generated Audio" modal row in Figma — both use an identical 32px play button and 40px row. */
 export declare type AudioPlayerSize = "40";
 
+/**
+ * A circular icon button that toggles audio recording. It owns the record
+ * lifecycle so consumers flip a single `status` prop instead of swapping an
+ * {@link IconButton}'s icon and colour: `idle` shows the microphone to start,
+ * `recording` turns destructive with a stop glyph to end. Used by
+ * {@link AudioUpload} for its in-progress stop control.
+ *
+ * @example
+ * ```tsx
+ * <AudioRecordButton status={recording ? "recording" : "idle"} onClick={toggle} />
+ * ```
+ */
+export declare const AudioRecordButton: React_2.ForwardRefExoticComponent<AudioRecordButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface AudioRecordButtonProps extends Omit<IconButtonProps, "icon" | "variant" | "aria-label"> {
+    /** Recording state; drives the icon and colour. @default "idle" */
+    status?: AudioRecordButtonStatus;
+    /**
+     * Accessible name. Falls back to a status-aware default ("Record" /
+     * "Stop recording") when omitted so screen readers announce the action.
+     */
+    "aria-label"?: string;
+}
+
+/**
+ * Recording state of the button. Drives the icon and colour: `idle` shows the
+ * microphone to start a recording, `recording` shows the stop glyph with the
+ * destructive treatment to end it.
+ */
+export declare type AudioRecordButtonStatus = "idle" | "recording";
+
 /**
  * Audio file upload with drag-and-drop and optional in-browser recording.
  * Supports file validation, multiple files, and real-time waveform visualization during recording.
@@ -1255,6 +1286,82 @@ export declare interface ChatInputSelectOption {
     icon?: React_2.ReactNode;
 }
 
+/**
+ * A single chat message rendered as a bubble. Sender messages sit on the right
+ * with a green bubble and a delivery tick; receiver messages sit on the left
+ * with a grey bubble and an avatar. Supports plain text, a typing indicator, a
+ * voice message with waveform, and a deleted-message placeholder.
+ *
+ * Text bubbles place the timestamp inline after short messages and drop it to
+ * the bottom-right corner once the text wraps, so no variant switch is needed
+ * for short versus long content.
+ *
+ * @example
+ * ```tsx
+ * <ChatMessage user="sender" message="On my way!" time="16:00" status="read" />
+ * <ChatMessage user="receiver" message="See you soon" time="16:01" avatarSrc="/jane.jpg" online />
+ * <ChatMessage user="receiver" variant="typing" avatarSrc="/jane.jpg" />
+ * ```
+ */
+export declare const ChatMessage: React_2.ForwardRefExoticComponent<ChatMessageProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ChatMessageProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Who sent the message. `"sender"` is the current user (right-aligned, green
+     * bubble, delivery tick). `"receiver"` is the other party (left-aligned, grey
+     * bubble, with avatar). @default "receiver"
+     */
+    user?: ChatMessageUser;
+    /** The kind of content the message carries. @default "text" */
+    variant?: ChatMessageVariant;
+    /** Message body for the `"text"` variant. Keep it to inline content. */
+    message?: React_2.ReactNode;
+    /** Timestamp shown with the message, e.g. `"16:00"`. */
+    time?: string;
+    /**
+     * Delivery status shown on sender messages (a double tick). Ignored for
+     * receiver messages. `"read"` renders the tick in the read colour. @default "delivered"
+     */
+    status?: ChatMessageStatus;
+    /** Duration label for the `"audio"` variant, e.g. `"0:05"`. @default "0:00" */
+    audioDuration?: string;
+    /**
+     * Relative bar heights (values `0`–`1`) for the `"audio"` waveform. Defaults
+     * to a flat row of dots matching the unplayed design state.
+     */
+    waveform?: number[];
+    /** Whether the audio is playing (controlled). Pairs with {@link onPlayingChange}. */
+    playing?: boolean;
+    /** Initial playing state when uncontrolled. @default false */
+    defaultPlaying?: boolean;
+    /** Fired when the audio play/pause button is pressed, with the next playing state. */
+    onPlayingChange?: (playing: boolean) => void;
+    /** Render the receiver avatar. Reserves the avatar space when `false` so grouped bubbles stay aligned. @default true */
+    showAvatar?: boolean;
+    /** Avatar image URL for receiver messages. */
+    avatarSrc?: string;
+    /** Avatar alt text. @default "Avatar" */
+    avatarAlt?: string;
+    /** Avatar fallback (initials or icon) shown before the image loads. */
+    avatarFallback?: React_2.ReactNode;
+    /** Show the online indicator on the receiver avatar. @default false */
+    online?: boolean;
+    /** Accessible label for the typing indicator. @default "Typing" */
+    typingLabel?: string;
+    /** Text shown for the `"deleted"` variant. @default "Message deleted" */
+    deletedLabel?: string;
+    /** Accessible label for the audio play button. @default "Play" */
+    playLabel?: string;
+    /** Accessible label for the audio pause button. @default "Pause" */
+    pauseLabel?: string;
+}
+
+export declare type ChatMessageStatus = "delivered" | "read";
+
+export declare type ChatMessageUser = "sender" | "receiver";
+
+export declare type ChatMessageVariant = "text" | "typing" | "audio" | "deleted";
+
 /**
  * A checkbox input with optional label and helper text. Supports checked,
  * unchecked, and indeterminate states.
@@ -1779,6 +1886,20 @@ export declare interface CyclingTextProps extends Omit<React_2.HTMLAttributes<HT
 /** How the wrapper should be sized to accommodate variable-length items. */
 export declare type CyclingTextSizing = "longest" | "current";
 
+/**
+ * Dense grid view icon (3×3 tiles) — the compact-grid counterpart of
+ * {@link GridViewIcon}. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <DenseGridViewIcon size={24} />
+ * ```
+ */
+export declare const DenseGridViewIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link DenseGridViewIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DenseGridViewIconProps = BaseIconProps;
+
 /** Root component that manages open/close state for a dialog. */
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
@@ -2221,7 +2342,7 @@ export declare type DrawerTriggerProps = React_2.ComponentPropsWithoutRef<typeof
 export declare type DrawerVariant = "panel" | "sheet";
 
 /** Root component that manages open/close state for a dropdown menu. */
-export declare function DropdownMenu({ open: openProp, defaultOpen, onOpenChange, children, ...props }: DropdownMenuProps): JSX.Element;
+export declare function DropdownMenu({ open: openProp, defaultOpen, onOpenChange, variant, children, ...props }: DropdownMenuProps): JSX.Element;
 
 /**
  * The positioned content panel rendered inside a portal.
@@ -2248,7 +2369,11 @@ export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Drop
 export declare interface DropdownMenuContentProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
 }
 
-/** Groups related menu items. Accepts an optional `DropdownMenuLabel`. */
+/**
+ * Groups related menu items. Accepts an optional `DropdownMenuLabel`.
+ *
+ * Requires Radix menu context — not supported inside a `variant="sheet"` menu.
+ */
 export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
 /** Props for the {@link DropdownMenuGroup} component. */
@@ -2345,7 +2470,13 @@ export declare interface DropdownMenuItemProps extends React_2.ComponentPropsWit
      * Takes precedence over `leadingIcon`.
      */
     avatar?: React_2.ReactNode;
-    /** Icon (or other node) rendered after the label. */
+    /**
+     * Icon (or other node) rendered after the label. When
+     * {@link DropdownMenuItemProps.selected} is true and no `trailingIcon` is
+     * given, the built-in selected check indicator renders in this slot
+     * instead — pass a `trailingIcon` to use a custom selected indicator (e.g.
+     * a themed tick) rather than the default one.
+     */
     trailingIcon?: React_2.ReactNode;
     /** Trailing count or number (e.g. an unread total) rendered before {@link DropdownMenuItemProps.trailingIcon}. */
     count?: React_2.ReactNode;
@@ -2390,6 +2521,8 @@ export declare interface DropdownMenuLabelProps extends React_2.ComponentPropsWi
 
 /** Props for the {@link DropdownMenu} root component. */
 export declare interface DropdownMenuProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {
+    /** How the menu presents its content. @default "menu" */
+    variant?: DropdownMenuVariant;
 }
 
 /**
@@ -2403,6 +2536,8 @@ export declare interface DropdownMenuProps extends React_2.ComponentPropsWithout
  *   <DropdownMenuRadioItem value="oldest">Oldest first</DropdownMenuRadioItem>
  * </DropdownMenuRadioGroup>
  * ```
+ *
+ * Requires Radix menu context — not supported inside a `variant="sheet"` menu.
  */
 export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -2447,6 +2582,16 @@ export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<Omit
 /** Props for the {@link DropdownMenuTrigger} component. */
 export declare type DropdownMenuTriggerProps = React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
 
+/**
+ * How a {@link DropdownMenu} presents its content.
+ * - `"menu"` (default) — a Radix-positioned panel anchored to the trigger.
+ * - `"sheet"` — a bottom drawer (via {@link Drawer}), for mobile/touch viewports.
+ *
+ * The viewport decision belongs to the consumer (it owns the breakpoint
+ * source of truth), so pass e.g. `variant={isDesktop ? "menu" : "sheet"}`.
+ */
+declare type DropdownMenuVariant = "menu" | "sheet";
+
 /**
  * Edit icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -2858,9 +3003,14 @@ export declare const HourglassIcon: React_2.ForwardRefExoticComponent<BaseIconPr
 export declare type HourglassIconProps = BaseIconProps;
 
 /**
- * A circular button containing only an icon. Use when an action can be
- * represented by an icon alone (e.g. close, send, mic). Pair with an
- * `aria-label` for accessibility.
+ * A button containing only an icon. Use when an action can be represented by an
+ * icon alone (e.g. close, send). Always pair with an `aria-label` for
+ * accessibility.
+ *
+ * Shape is size-driven for the standard variants: the `24` size is squared
+ * (`rounded-xs`), every larger size is circular. Bespoke variants (`brand`,
+ * `contrast`, `messaging`, `navTray`, `tertiaryDestructive`, `stop`,
+ * `microphone`) stay circular at all sizes.
  *
  * @example
  * ```tsx
@@ -2876,15 +3026,30 @@ export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HT
     size?: IconButtonSize;
     /** Icon element to render inside the button. */
     icon: React_2.ReactNode;
-    /** When provided, displays a {@link Count} badge at the top-right corner (tertiary & navTray variants only). */
+    /**
+     * Forces the dark-surface treatment regardless of theme. Only honoured on the
+     * `primary`, `secondary`, `tertiary`, and `outline` variants. @default false
+     */
+    negative?: boolean;
+    /** When provided, displays a {@link Count} badge at the top-right corner. */
     counterValue?: number;
 }
 
 /** Icon button size in pixels. */
-export declare type IconButtonSize = "24" | "32" | "40" | "52" | "72";
+export declare type IconButtonSize = "24" | "32" | "40" | "48" | "52" | "72";
 
-/** Visual style variant of the icon button. */
-export declare type IconButtonVariant = "primary" | "secondary" | "tertiary" | "brand" | "contrast" | "messaging" | "navTray" | "tertiaryDestructive" | "stop" | "microphone";
+/**
+ * Visual style variant of the icon button.
+ *
+ * `primary`, `secondary`, `tertiary`, `outline`, `error`, `white` and `black`
+ * use the shared button colour tokens and a size-driven shape (squared at the
+ * `24` size, circular otherwise). Of these, `primary`, `secondary`, `tertiary`
+ * and `outline` also honour the {@link IconButtonProps.negative} prop.
+ *
+ * `brand`, `contrast`, `messaging`, `navTray`, `tertiaryDestructive`, `stop` and
+ * `microphone` are bespoke variants that stay circular at every size.
+ */
+export declare type IconButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "error" | "white" | "black" | "brand" | "contrast" | "messaging" | "navTray" | "tertiaryDestructive" | "stop" | "microphone";
 
 /** A single drawable path within an icon variant. */
 export declare type IconPath = {
@@ -3306,6 +3471,40 @@ export declare const MassMessageIcon: React_2.ForwardRefExoticComponent<BaseIcon
 /** Props for {@link MassMessageIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type MassMessageIconProps = BaseIconProps;
 
+/**
+ * A compact circular indicator that surfaces the moderation state of a piece of
+ * media — flagged, removed, or sensitive. Typically overlaid on a thumbnail or
+ * attachment.
+ *
+ * Renders as `role="img"` with a descriptive `aria-label`; the inner glyph is
+ * decorative.
+ *
+ * @example
+ * ```tsx
+ * <MediaStatusIndicator status="sensitive" />
+ * <MediaStatusIndicator status="removed" label="Removed for violating guidelines" />
+ * ```
+ */
+export declare const MediaStatusIndicator: React_2.ForwardRefExoticComponent<MediaStatusIndicatorProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface MediaStatusIndicatorProps extends Omit<React_2.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Which media state to represent. @default "default" */
+    status?: MediaStatusIndicatorStatus;
+    /**
+     * Accessible label announced by assistive tech. Defaults to a per-status
+     * description; pass your own for localisation or extra context.
+     */
+    label?: string;
+}
+
+/**
+ * State represented by the indicator.
+ * - `"default"`: media flagged / pending review (amber).
+ * - `"removed"`: media removed for a policy violation (red).
+ * - `"sensitive"`: sensitive content hidden behind an overlay (dark).
+ */
+export declare type MediaStatusIndicatorStatus = "default" | "removed" | "sensitive";
+
 /**
  * Megaphone icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -4278,13 +4477,38 @@ export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimit
 export declare type SelectGroupProps = React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
 
 /**
- * An individual option inside {@link SelectContent}.
+ * An individual option inside {@link SelectContent}, following the V2 Menu Item spec.
+ *
+ * Supports a leading icon or avatar, an optional two-line layout via `description`,
+ * and the standard hover / selected / disabled states. The selected row is marked
+ * with a trailing check indicator.
+ *
+ * @example
+ * ```tsx
+ * <SelectItem value="jane" avatar={<Avatar size={24} fallback="JD" />} description="Product designer">
+ *   Jane Doe
+ * </SelectItem>
+ * ```
  */
 export declare const SelectItem: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface SelectItemProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    /** Row height. Defaults to the parent {@link Select} size (`48`/`40` → `40`, `32` → `32`). */
+    size?: SelectItemSize;
+    /** Icon (or other node) rendered before the label. Ignored when {@link SelectItemProps.avatar} is set. */
+    leadingIcon?: React_2.ReactNode;
+    /**
+     * Leading avatar rendered in place of {@link SelectItemProps.leadingIcon}, for rows
+     * representing a person or account. Pass an `Avatar` sized to `24`. Takes precedence over `leadingIcon`.
+     */
+    avatar?: React_2.ReactNode;
+    /** Optional secondary text rendered on a second line below the label. */
+    description?: React_2.ReactNode;
 }
 
+/** Dropdown row height in pixels, matching the V2 Menu Item spec. */
+export declare type SelectItemSize = "40" | "32";
+
 /**
  * A non-interactive label shown above a {@link SelectGroup}.
  */
@@ -4612,6 +4836,43 @@ export declare const StopIcon: React_2.ForwardRefExoticComponent<BaseIconProps &
 /** Props for {@link StopIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type StopIconProps = BaseIconProps;
 
+/**
+ * A subscription / purchase button pairing an action label with the current
+ * price and an optional struck-through previous price. Built on {@link Button},
+ * so it inherits the same variants, sizes, `negative` dark-surface treatment,
+ * `fullWidth`, loading, and disabled behaviour.
+ *
+ * The accessible name defaults to the label plus pricing (e.g. `"Join now, $9.99,
+ * was $19.99"`); pass `aria-label` to override.
+ *
+ * @example
+ * ```tsx
+ * <SubscribeButton price="$9.99/mo" discount="$19.99" variant="brand" fullWidth>
+ *   Join now
+ * </SubscribeButton>
+ * ```
+ */
+export declare const SubscribeButton: React_2.ForwardRefExoticComponent<SubscribeButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface SubscribeButtonProps extends Omit<ButtonProps, "variant" | "size" | "price" | "discount" | "leftIcon" | "rightIcon" | "asChild"> {
+    /** Visual style variant. `brand` is the Figma "Upsell" (green) type. @default "primary" */
+    variant?: SubscribeButtonVariant;
+    /** Height of the button in pixels. @default "48" */
+    size?: SubscribeButtonSize;
+    /** Current price shown on the trailing side (e.g. `"$9.99/mo"`). */
+    price: string;
+    /** Previous price rendered struck-through before {@link SubscribeButtonProps.price}. */
+    discount?: string;
+    /** Leading action label. @default "Join now" */
+    children?: React_2.ReactNode;
+}
+
+/** Height of the subscribe button in pixels. */
+export declare type SubscribeButtonSize = "48" | "40" | "32";
+
+/** Visual style variant of the subscribe button. Mirrors the V2 Subscribe Button "Type" set (`brand` is Figma's "Upsell"). */
+export declare type SubscribeButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "brand";
+
 /** A checkmark inside a filled circle icon for success states (20 × 20). */
 export declare const SuccessIcon: default_2.ForwardRefExoticComponent<default_2.SVGAttributes<SVGSVGElement> & {
     className?: string;

package/dist/index.mjs

@@ -6,6 +6,7 @@ import { AccordionItem } from "./components/Accordion/AccordionItem.mjs";
 import { AccordionTrigger } from "./components/Accordion/AccordionTrigger.mjs";
 import { Alert } from "./components/Alert/Alert.mjs";
 import { AudioPlayer } from "./components/AudioPlayer/AudioPlayer.mjs";
+import { AudioRecordButton } from "./components/AudioRecordButton/AudioRecordButton.mjs";
 import { AudioUpload } from "./components/AudioUpload/AudioUpload.mjs";
 import { useAudioRecorder } from "./components/AudioUpload/useAudioRecorder.mjs";
 import { Autocomplete } from "./components/Autocomplete/Autocomplete.mjs";
@@ -18,6 +19,7 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbP
 import { Button } from "./components/Button/Button.mjs";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/Card/Card.mjs";
 import { ChatInput } from "./components/ChatInput/ChatInput.mjs";
+import { ChatMessage } from "./components/ChatMessage/ChatMessage.mjs";
 import { Checkbox } from "./components/Checkbox/Checkbox.mjs";
 import { Chip } from "./components/Chip/Chip.mjs";
 import { Count } from "./components/Count/Count.mjs";
@@ -77,6 +79,7 @@ import { CopyIcon } from "./components/Icons/CopyIcon.mjs";
 import { CrossCircleIcon } from "./components/Icons/CrossCircleIcon.mjs";
 import { CrossIcon } from "./components/Icons/CrossIcon.mjs";
 import { CrownIcon } from "./components/Icons/CrownIcon.mjs";
+import { DenseGridViewIcon } from "./components/Icons/DenseGridViewIcon.mjs";
 import { DiamondIcon } from "./components/Icons/DiamondIcon.mjs";
 import { DiscordIcon } from "./components/Icons/DiscordIcon.mjs";
 import { DiscountIcon } from "./components/Icons/DiscountIcon.mjs";
@@ -204,6 +207,7 @@ import { InlineEdit } from "./components/InlineEdit/InlineEdit.mjs";
 import { Link } from "./components/Link/Link.mjs";
 import { Loader } from "./components/Loader/Loader.mjs";
 import { Logo } from "./components/Logo/Logo.mjs";
+import { MediaStatusIndicator } from "./components/MediaStatusIndicator/MediaStatusIndicator.mjs";
 import { MobileStepper } from "./components/MobileStepper/MobileStepper.mjs";
 import { OnlineBlinkingIcon } from "./components/OnlineBlinkingIcon/OnlineBlinkingIcon.mjs";
 import { PageSelector } from "./components/PageSelector/PageSelector.mjs";
@@ -227,6 +231,7 @@ import { Slider } from "./components/Slider/Slider.mjs";
 import { Snackbar } from "./components/Snackbar/Snackbar.mjs";
 import { Stepper } from "./components/Stepper/Stepper.mjs";
 import { StepperStep } from "./components/Stepper/StepperStep.mjs";
+import { SubscribeButton } from "./components/SubscribeButton/SubscribeButton.mjs";
 import { Switch } from "./components/Switch/Switch.mjs";
 import { SwitchField } from "./components/SwitchField/SwitchField.mjs";
 import { SwitchToggle } from "./components/SwitchToggle/SwitchToggle.mjs";
@@ -267,6 +272,7 @@ export {
   ArrowUpRightIcon,
   AtSignIcon,
   AudioPlayer,
+  AudioRecordButton,
   AudioUpload,
   AutoMessageIcon,
   Autocomplete,
@@ -302,6 +308,7 @@ export {
   CardTitle,
   ChartIcon,
   ChatInput,
+  ChatMessage,
   CheckBoxOffIcon,
   CheckBoxOnIcon,
   CheckCircleIcon,
@@ -328,6 +335,7 @@ export {
   CrossIcon,
   CrownIcon,
   CyclingText,
+  DenseGridViewIcon,
   Dialog,
   DialogBody,
   DialogClose,
@@ -418,6 +426,7 @@ export {
   LogoutIcon,
   LoveIcon,
   MassMessageIcon,
+  MediaStatusIndicator,
   MegaphoneIcon,
   MenuCloseIcon,
   MenuIcon,
@@ -482,6 +491,7 @@ export {
   Stepper,
   StepperStep,
   StopIcon,
+  SubscribeButton,
   SuccessIcon,
   SunIcon,
   Support2Icon,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/theme.css

@@ -637,7 +637,7 @@
 
 .dark {
   --color-neutral-alphas-50: var(--primitives-color-whitealpha-100);
-  --color-neutral-alphas-100: var(--primitives-color-whitealpha-100);
+  --color-neutral-alphas-100: #ffffff26;
   --color-neutral-alphas-150: #ffffffcc;
   --color-neutral-alphas-200: var(--primitives-color-whitealpha-200);
   --color-neutral-alphas-300: var(--primitives-color-whitealpha-300);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fanvue/ui",
-  "version": "3.14.1",
+  "version": "3.16.0",
   "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",