@imfusion/web-ui 0.6.4-dev.10.gefecdbe5 → 0.6.4-dev.22.ge7bf54c9

package/dist/components/button/button.d.ts

@@ -5,6 +5,7 @@ declare const button: (props?: ({
     size?: "sm" | "md" | "lg" | "hero" | null | undefined;
     chamfer?: boolean | null | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "round" | null | undefined;
+    context?: "default" | "oncolor" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type UpstreamButton = React.ComponentProps<typeof ButtonPrimitive>;
 type Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> & VariantProps<typeof button> & {
@@ -26,5 +27,7 @@ type Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "
  * @doc https://base-ui.com/react/components/button
  * @llm https://base-ui.com/react/components/button.md
  */
-export declare function Button({ variant, size, chamfer, radius, className, startIcon, endIcon, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, 
+/** Explicit saturated-surface context; this is never inferred from an ancestor. */
+context, chamfer, radius, className, startIcon, endIcon, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/card/card.d.ts

@@ -32,12 +32,15 @@ declare function Root({ density, variant, shadow, radius, orientation, withBorde
 declare namespace Root {
     var displayName: string;
 }
-type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    /** Width divided by height, or "auto" to use the image's intrinsic ratio. */
+    aspectRatio?: number | "auto";
+};
 /**
  * Card.Image — an edge-to-edge media slot. Has no padding, so the image bleeds
  * to the card edges. Always place it first among the slots.
  */
-declare function Image({ className, alt, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
+declare function Image({ className, alt, aspectRatio, style, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Image {
     var displayName: string;
 }

package/dist/components/collapsible/collapsible.d.ts

@@ -4,7 +4,7 @@ type UpstreamRoot = React.ComponentProps<typeof CollapsiblePrimitive.Root>;
 type UpstreamTrigger = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>;
 type UpstreamPanel = React.ComponentProps<typeof CollapsiblePrimitive.Panel>;
 declare const collapsibleRoot: (props?: ({
-    variant?: "solid" | "default" | null | undefined;
+    variant?: "default" | "solid" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type RootProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & VariantProps<typeof collapsibleRoot> & {
     /** Visual treatment applied to the trigger. `solid` gives the trigger a contained surface background; `default` is transparent at rest and drenched-blue when open. */

package/dist/components/drawer/drawer.d.ts

@@ -1,7 +1,7 @@
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 type BorderColor = "primary" | "fg-minor" | "fg-support" | "none";
 type BorderStyle = "solid" | "dashed" | "none";
-type UpstreamRoot = React.ComponentProps<typeof DrawerPrimitive.Root>;
+type UpstreamRoot<Payload = unknown> = React.ComponentProps<typeof DrawerPrimitive.Root<Payload>>;
 type UpstreamTrigger = React.ComponentProps<typeof DrawerPrimitive.Trigger>;
 type UpstreamPortal = React.ComponentProps<typeof DrawerPrimitive.Portal>;
 type UpstreamBackdrop = React.ComponentProps<typeof DrawerPrimitive.Backdrop>;
@@ -14,23 +14,23 @@ type UpstreamClose = React.ComponentProps<typeof DrawerPrimitive.Close>;
 type UpstreamIndent = React.ComponentProps<typeof DrawerPrimitive.Indent>;
 type UpstreamIndentBackground = React.ComponentProps<typeof DrawerPrimitive.IndentBackground>;
 type UpstreamSwipeArea = React.ComponentProps<typeof DrawerPrimitive.SwipeArea>;
-type RootProps = {
-    open?: UpstreamRoot["open"];
+type RootProps<Payload = unknown> = {
+    open?: UpstreamRoot<Payload>["open"];
     /** @default false */
-    defaultOpen?: UpstreamRoot["defaultOpen"];
-    onOpenChange?: UpstreamRoot["onOpenChange"];
-    onOpenChangeComplete?: UpstreamRoot["onOpenChangeComplete"];
+    defaultOpen?: UpstreamRoot<Payload>["defaultOpen"];
+    onOpenChange?: UpstreamRoot<Payload>["onOpenChange"];
+    onOpenChangeComplete?: UpstreamRoot<Payload>["onOpenChangeComplete"];
     /** @default true */
-    modal?: UpstreamRoot["modal"];
+    modal?: UpstreamRoot<Payload>["modal"];
     /** @default 'down' */
-    swipeDirection?: UpstreamRoot["swipeDirection"];
-    snapPoints?: UpstreamRoot["snapPoints"];
-    snapPoint?: UpstreamRoot["snapPoint"];
-    onSnapPointChange?: UpstreamRoot["onSnapPointChange"];
+    swipeDirection?: UpstreamRoot<Payload>["swipeDirection"];
+    snapPoints?: UpstreamRoot<Payload>["snapPoints"];
+    snapPoint?: UpstreamRoot<Payload>["snapPoint"];
+    onSnapPointChange?: UpstreamRoot<Payload>["onSnapPointChange"];
     /** @default false */
-    disablePointerDismissal?: UpstreamRoot["disablePointerDismissal"];
+    disablePointerDismissal?: UpstreamRoot<Payload>["disablePointerDismissal"];
     /** @default false */
-    snapToSequentialPoints?: UpstreamRoot["snapToSequentialPoints"];
+    snapToSequentialPoints?: UpstreamRoot<Payload>["snapToSequentialPoints"];
     /**
      * Colour of the border on the panel's open edge. Inherited by Drawer.Popup;
      * a Popup-level prop overrides it.
@@ -43,7 +43,7 @@ type RootProps = {
      * @default 'solid'
      */
     borderStyle?: BorderStyle;
-    children?: UpstreamRoot["children"];
+    children?: UpstreamRoot<Payload>["children"];
 };
 /**
  * Drawer.Root — container that manages open/closed state and gesture interaction.
@@ -51,7 +51,7 @@ type RootProps = {
  * @see https://base-ui.com/react/components/drawer
  * @llm https://base-ui.com/react/components/drawer.md
  */
-export declare function Root({ borderColor, borderStyle, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root<Payload = unknown>({ borderColor, borderStyle, ...props }: RootProps<Payload>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

package/dist/components/icon/icon.d.ts

@@ -3,7 +3,7 @@ import { IconComponent } from './types';
 export declare const ICON_VARIANTS: readonly ["inherit", "main", "support", "minor", "brand", "primary", "positive", "negative", "warning", "info", "oncolor", "accent-1", "accent-2", "accent-3"];
 export type IconVariant = (typeof ICON_VARIANTS)[number];
 declare const icon: (props?: ({
-    variant?: "primary" | "positive" | "negative" | "main" | "inherit" | "support" | "minor" | "brand" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "oncolor" | "main" | "inherit" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = Omit<React.ComponentProps<IconComponent>, "color"> & VariantProps<typeof icon> & {
     /** Icon component imported from `@imfusion/web-ui/icons`. */

package/dist/components/logo/logo.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const logo: (props?: ({
     size?: "sm" | "md" | "lg" | "hero" | "xs" | "xl" | "fit" | null | undefined;
-    variant?: "main" | "inherit" | "support" | "minor" | "brand" | "oncolor" | null | undefined;
+    variant?: "oncolor" | "main" | "inherit" | "support" | "minor" | "brand" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & VariantProps<typeof logo> & {
     /** Logo source — an image URL or an inline SVG node. Required; this primitive carries no brand default (see `ImFusionLogo` for our own mark). */

package/dist/components/select/select.d.ts

@@ -1,5 +1,5 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
-type UpstreamRoot = React.ComponentProps<typeof SelectPrimitive.Root>;
+type UpstreamRoot<Value = unknown, Multiple extends boolean | undefined = false> = React.ComponentProps<typeof SelectPrimitive.Root<Value, Multiple>>;
 type UpstreamLabel = React.ComponentProps<typeof SelectPrimitive.Label>;
 type UpstreamTrigger = React.ComponentProps<typeof SelectPrimitive.Trigger>;
 type UpstreamValue = React.ComponentProps<typeof SelectPrimitive.Value>;
@@ -18,37 +18,37 @@ type UpstreamGroupLabel = React.ComponentProps<typeof SelectPrimitive.GroupLabel
 type UpstreamSeparator = React.ComponentProps<typeof SelectPrimitive.Separator>;
 type UpstreamScrollUpArrow = React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>;
 type UpstreamScrollDownArrow = React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>;
-type RootProps = {
-    value?: UpstreamRoot["value"];
-    defaultValue?: UpstreamRoot["defaultValue"];
-    onValueChange?: UpstreamRoot["onValueChange"];
+type RootProps<Value = unknown, Multiple extends boolean | undefined = false> = {
+    value?: UpstreamRoot<Value, Multiple>["value"];
+    defaultValue?: UpstreamRoot<Value, Multiple>["defaultValue"];
+    onValueChange?: UpstreamRoot<Value, Multiple>["onValueChange"];
     /** @default false */
-    defaultOpen?: UpstreamRoot["defaultOpen"];
-    open?: UpstreamRoot["open"];
-    onOpenChange?: UpstreamRoot["onOpenChange"];
-    onOpenChangeComplete?: UpstreamRoot["onOpenChangeComplete"];
+    defaultOpen?: UpstreamRoot<Value, Multiple>["defaultOpen"];
+    open?: UpstreamRoot<Value, Multiple>["open"];
+    onOpenChange?: UpstreamRoot<Value, Multiple>["onOpenChange"];
+    onOpenChangeComplete?: UpstreamRoot<Value, Multiple>["onOpenChangeComplete"];
     /** @default false */
-    multiple?: UpstreamRoot["multiple"];
+    multiple?: UpstreamRoot<Value, Multiple>["multiple"];
     /** @default false */
-    disabled?: UpstreamRoot["disabled"];
+    disabled?: UpstreamRoot<Value, Multiple>["disabled"];
     /** @default false */
-    readOnly?: UpstreamRoot["readOnly"];
+    readOnly?: UpstreamRoot<Value, Multiple>["readOnly"];
     /** @default false */
-    required?: UpstreamRoot["required"];
+    required?: UpstreamRoot<Value, Multiple>["required"];
     /** @default true */
-    modal?: UpstreamRoot["modal"];
+    modal?: UpstreamRoot<Value, Multiple>["modal"];
     /** @default true */
-    highlightItemOnHover?: UpstreamRoot["highlightItemOnHover"];
-    items?: UpstreamRoot["items"];
-    isItemEqualToValue?: UpstreamRoot["isItemEqualToValue"];
-    itemToStringLabel?: UpstreamRoot["itemToStringLabel"];
-    itemToStringValue?: UpstreamRoot["itemToStringValue"];
-    autoComplete?: UpstreamRoot["autoComplete"];
-    form?: UpstreamRoot["form"];
-    inputRef?: UpstreamRoot["inputRef"];
-    actionsRef?: UpstreamRoot["actionsRef"];
-    name?: UpstreamRoot["name"];
-    id?: UpstreamRoot["id"];
+    highlightItemOnHover?: UpstreamRoot<Value, Multiple>["highlightItemOnHover"];
+    items?: UpstreamRoot<Value, Multiple>["items"];
+    isItemEqualToValue?: UpstreamRoot<Value, Multiple>["isItemEqualToValue"];
+    itemToStringLabel?: UpstreamRoot<Value, Multiple>["itemToStringLabel"];
+    itemToStringValue?: UpstreamRoot<Value, Multiple>["itemToStringValue"];
+    autoComplete?: UpstreamRoot<Value, Multiple>["autoComplete"];
+    form?: UpstreamRoot<Value, Multiple>["form"];
+    inputRef?: UpstreamRoot<Value, Multiple>["inputRef"];
+    actionsRef?: UpstreamRoot<Value, Multiple>["actionsRef"];
+    name?: UpstreamRoot<Value, Multiple>["name"];
+    id?: UpstreamRoot<Value, Multiple>["id"];
     children?: React.ReactNode;
 };
 /**
@@ -61,7 +61,7 @@ type RootProps = {
  * @doc https://base-ui.com/react/components/select
  * @llm https://base-ui.com/react/components/select.md
  */
-export declare function Root({ className, style, ...props }: RootProps & {
+export declare function Root<Value = unknown, Multiple extends boolean | undefined = false>({ className, style, ...props }: RootProps<Value, Multiple> & {
     className?: string;
     style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/toast/toast.d.ts

@@ -13,7 +13,7 @@ type UpstreamPositioner = React.ComponentProps<typeof ToastPrimitive.Positioner>
 type UpstreamArrow = React.ComponentProps<typeof ToastPrimitive.Arrow>;
 declare const toastViewport: (props?: ({
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
-    width?: "content" | "default" | "compact" | "wide" | null | undefined;
+    width?: "default" | "content" | "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const toastRoot: (props?: ({
     variant?: "warning" | "info" | "neutral" | "success" | "error" | null | undefined;

package/dist/components/typo/typo.d.ts

@@ -2,7 +2,7 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 import { Code } from '../code';
 declare const typo: (props?: ({
-    variant?: "primary" | "positive" | "negative" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "oncolor" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const spacingVariants: (props?: ({
     spacing?: "none" | "default" | null | undefined;