@fanvue/ui 3.5.0 → 3.6.0

package/dist/index.d.ts

@@ -1104,6 +1104,21 @@ export declare interface ChatInputProps extends Omit<React_2.TextareaHTMLAttribu
      * Ignored when `toolbarRight` is provided.
      */
     selectOptions?: ChatInputSelectOption[];
+    /**
+     * How the built-in selector presents its options:
+     * - `"menu"` (default) — a dropdown anchored to the trigger, for pointer/desktop.
+     * - `"sheet"` — a bottom sheet, for mobile/touch viewports.
+     *
+     * The viewport decision belongs to the consumer (it owns the breakpoint
+     * source of truth), so pass e.g. `selectVariant={isDesktop ? "menu" : "sheet"}`.
+     * @default "menu"
+     */
+    selectVariant?: "menu" | "sheet";
+    /**
+     * Title shown at the top of the `"sheet"` variant of the built-in selector
+     * (e.g. "Switch AI Model"). @default "Select an option"
+     */
+    selectMenuTitle?: string;
     /** Currently selected value for the built-in dropdown. Should match one of `selectOptions[].value`. */
     selectValue?: string;
     /** When `true`, disables only the built-in dropdown selector. @default false */
@@ -1133,8 +1148,15 @@ export declare interface ChatInputProps extends Omit<React_2.TextareaHTMLAttribu
 export declare interface ChatInputSelectOption {
     /** Unique value for this option. */
     value: string;
-    /** Display label. */
+    /** Short label shown on the collapsed trigger button (e.g. "Sonnet 4.6"). */
     label: string;
+    /**
+     * Optional longer title shown on the option's row inside the open menu/sheet
+     * (e.g. "Claude Sonnet 4.6"). Falls back to {@link label} when omitted.
+     */
+    menuLabel?: string;
+    /** Optional secondary text shown below the label in the dropdown menu. */
+    description?: string;
     /** Optional icon rendered to the left of the label. */
     icon?: React_2.ReactNode;
 }
@@ -1961,6 +1983,11 @@ export declare interface DrawerContentProps extends React_2.ComponentPropsWithou
      * @default "sm"
      */
     size?: DrawerSize;
+    /**
+     * Visual treatment of the panel. Use `"sheet"` (with `position="bottom"`) for
+     * a bottom sheet with the modal surface treatment. @default "panel"
+     */
+    variant?: DrawerVariant;
     /**
      * Whether to render the default {@link DrawerOverlay} behind the content.
      * Set to `false` to provide your own overlay or omit it entirely.
@@ -2063,6 +2090,16 @@ export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<Omit<Dialo
 /** Props for the {@link DrawerTrigger} component. */
 export declare type DrawerTriggerProps = React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
 
+/**
+ * Visual treatment of the drawer panel.
+ *
+ * - `"panel"` (default) — the standard edge-anchored surface.
+ * - `"sheet"` — a bottom-sheet treatment matching the modal surface: large
+ *   top-only radius (32px), modal background/stroke, and menu blur+shadow.
+ *   Intended for `position="bottom"`.
+ */
+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;
 
@@ -2179,6 +2216,12 @@ export declare interface DropdownMenuItemProps extends React_2.ComponentPropsWit
     leadingIcon?: React_2.ReactNode;
     /** Icon (or other node) rendered after the label. */
     trailingIcon?: React_2.ReactNode;
+    /**
+     * Optional secondary text rendered on a second line below the label. When
+     * provided, the row switches to a two-line layout and the leading/trailing
+     * icons align to the title line (top) rather than the row's vertical centre.
+     */
+    description?: React_2.ReactNode;
     /** Marks the item as the current selection in a single-select menu. @default false */
     selected?: boolean;
 }
@@ -2913,12 +2956,14 @@ export declare const LockerOnIcon: React_2.ForwardRefExoticComponent<React_2.SVG
 } & React_2.RefAttributes<SVGSVGElement>>;
 
 /**
- * The Fanvue brand logo. Supports full (icon + wordmark), icon-only, wordmark-only,
- * and portrait (stacked) layouts with multiple colour schemes.
+ * The Fanvue brand logo. Supports full (icon + wordmark), icon-only, wordmark-only, and
+ * portrait (stacked) layouts with multiple colour schemes. `version="agencies"` renders the
+ * sub-brand lockup: a glossy purple icon and an "AGENCIES" label beneath the wordmark.
  *
  * @example
  * ```tsx
- * <Logo type="full" color="fullColour" />
+ * <Logo variant="full" color="fullColour" />
+ * <Logo variant="full" version="agencies" />
  * ```
  */
 export declare const Logo: React_2.ForwardRefExoticComponent<LogoProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -2931,10 +2976,12 @@ export declare interface LogoProps extends React_2.HTMLAttributes<HTMLDivElement
     variant?: LogoVariant;
     /** Colour scheme of the logo. @default "fullColour" */
     color?: LogoColor;
+    /** Sub-brand version of the logo. @default "default" */
+    version?: LogoVersion;
     /** Height of the logo in pixels. @default "32" (or "40" when `variant="icon"`) */
     size?: LogoSize;
     /**
-     * Accessible label for the logo. Required when `type` is `"icon"` and
+     * Accessible label for the logo. Required when `variant` is `"icon"` and
      * the logo is used inside interactive contexts (links, buttons).
      *
      * @example "Fanvue home"
@@ -2961,6 +3008,9 @@ export declare type LogoutIconProps = BaseIconProps;
 /** Layout variant of the logo. */
 export declare type LogoVariant = "full" | "icon" | "wordmark" | "portrait";
 
+/** Sub-brand version of the logo. */
+declare type LogoVersion = "default" | "agencies";
+
 /**
  * Love icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fanvue/ui",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -153,7 +153,7 @@
     "svgo": "4.0.1",
     "tailwindcss": "4.1.18",
     "typescript": "5.9.3",
-    "vite": "7.3.2",
+    "vite": "7.3.5",
     "vite-plugin-dts": "4.5.4",
     "vitest": "4.1.8",
     "vitest-axe": "1.0.0-pre.3"
@@ -167,9 +167,12 @@
       "brace-expansion": ">=5.0.5",
       "yaml": ">=2.8.3",
       "postcss": ">=8.5.10",
-      "tmp": ">=0.2.6",
+      "tmp": ">=0.2.7",
       "ws": ">=8.20.1",
-      "qs": ">=6.15.2"
+      "qs": ">=6.15.2",
+      "esbuild": ">=0.28.1",
+      "js-yaml": ">=4.2.0",
+      "@babel/core": ">=7.29.6"
     }
   },
   "size-limit": [