@marketrix.ai/widget 3.8.475 → 3.8.477

package/dist/src/components/base/IconButton.d.ts

@@ -7,8 +7,6 @@ export interface IconButtonProps extends ComponentPropsWithRef<'button'> {
     size?: IconButtonSize;
     tone?: TextTone;
     label: string;
-    /** @internal blocks/ only */
-    className?: string;
 }
-export declare function IconButton({ variant, size, tone, label, disabled, className: userClassName, children, style, ref, ...props }: IconButtonProps): import("react").JSX.Element;
+export declare function IconButton({ variant, size, tone, label, disabled, children, style, ref, ...props }: IconButtonProps): import("react").JSX.Element;
 export {};

package/dist/src/components/base/Surface.d.ts

@@ -1,4 +1,4 @@
-import { type ElementType } from 'react';
+import { type CSSProperties, type ElementType } from 'react';
 import type { ShadowToken } from '../../design-system/shadows';
 import { type LayoutProps } from './layoutProps';
 export type SurfaceBackground = 'default' | 'card';
@@ -11,6 +11,6 @@ export interface SurfaceProps extends LayoutProps, Omit<React.HTMLAttributes<HTM
     /** @internal blocks/ only */
     className?: string;
 }
-export declare const backgroundClasses: Record<SurfaceBackground, string>;
-export declare const paddingPresetClasses: Record<SurfacePadding, string>;
+export declare const backgroundStyles: Record<SurfaceBackground, CSSProperties>;
+export declare const paddingPresetStyles: Record<SurfacePadding, CSSProperties>;
 export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLElement>>;

package/dist/src/components/base/layoutProps.d.ts

@@ -1,43 +1,25 @@
 import type { CSSProperties, ElementType } from 'react';
 export type SpacingToken = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare const SPACING_SCALE: Record<SpacingToken, string>;
-declare const alignClasses: {
-    readonly start: "items-start";
-    readonly center: "items-center";
-    readonly end: "items-end";
-    readonly stretch: "items-stretch";
-    readonly baseline: "items-baseline";
+declare const ALIGN: {
+    readonly start: "flex-start";
+    readonly center: "center";
+    readonly end: "flex-end";
+    readonly stretch: "stretch";
+    readonly baseline: "baseline";
 };
-declare const justifyClasses: {
-    readonly start: "justify-start";
-    readonly center: "justify-center";
-    readonly end: "justify-end";
-    readonly between: "justify-between";
-    readonly around: "justify-around";
+declare const JUSTIFY: {
+    readonly start: "flex-start";
+    readonly center: "center";
+    readonly end: "flex-end";
+    readonly between: "space-between";
+    readonly around: "space-around";
 };
-declare const overflowClasses: {
-    readonly hidden: "overflow-hidden";
-    readonly auto: "overflow-auto";
-    readonly visible: "overflow-visible";
-    readonly scroll: "overflow-scroll";
-};
-declare const overflowYClasses: {
-    readonly hidden: "overflow-y-hidden";
-    readonly auto: "overflow-y-auto";
-};
-declare const widthClasses: {
-    readonly full: "w-full";
-    readonly auto: "w-auto";
-};
-declare const heightClasses: {
-    readonly full: "h-full";
-    readonly auto: "h-auto";
-};
-declare const borderSideClasses: {
-    readonly top: "border-t";
-    readonly bottom: "border-b";
-    readonly left: "border-l";
-    readonly right: "border-r";
+declare const BORDER_SIDE: {
+    readonly top: "borderTopWidth";
+    readonly bottom: "borderBottomWidth";
+    readonly left: "borderLeftWidth";
+    readonly right: "borderRightWidth";
 };
 export interface LayoutProps {
     padding?: SpacingToken;
@@ -46,24 +28,30 @@ export interface LayoutProps {
     paddingTop?: SpacingToken;
     paddingBottom?: SpacingToken;
     gap?: SpacingToken;
-    align?: keyof typeof alignClasses;
-    justify?: keyof typeof justifyClasses;
+    align?: keyof typeof ALIGN;
+    justify?: keyof typeof JUSTIFY;
     grow?: boolean;
     shrink?: boolean;
     position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
     inset?: SpacingToken | '0';
-    overflow?: keyof typeof overflowClasses;
-    overflowY?: keyof typeof overflowYClasses;
-    width?: keyof typeof widthClasses;
-    height?: keyof typeof heightClasses;
+    overflow?: 'hidden' | 'auto' | 'visible' | 'scroll';
+    overflowY?: 'hidden' | 'auto';
+    width?: 'full' | 'auto';
+    height?: 'full' | 'auto';
     minWidth?: '0';
-    border?: boolean | keyof typeof borderSideClasses;
+    border?: boolean | keyof typeof BORDER_SIDE;
     rounded?: boolean | 'none' | 'sm' | 'full' | 'lg' | 'theme' | 'md' | 'xl' | 'pill' | 'circle';
     animate?: 'spin' | 'ping' | 'pulse' | 'fadeIn' | 'none';
     hidden?: boolean;
     as?: ElementType;
     style?: CSSProperties;
 }
-export declare function resolveLayoutClasses(props: LayoutProps): string;
+/**
+ * Layout props resolve to a style object rather than class names. As classes they were interpolated
+ * (`p-${token}`), which no scanner could see — a build-time safelist was the only thing keeping them
+ * alive, it emitted the whole 8x7 matrix whether used or not, and a missing entry failed silently at
+ * runtime. A style object makes every token work by construction and costs nothing per unused one.
+ */
+export declare function resolveLayoutStyle(props: LayoutProps): CSSProperties;
 export declare function stripLayoutProps<T extends LayoutProps>(props: T): Omit<T, keyof LayoutProps>;
 export {};

package/dist/src/components/blocks/Notifications.d.ts

@@ -0,0 +1,29 @@
+import { Toast } from '@base-ui/react/toast';
+import React from 'react';
+export declare const GREETING_TIMEOUT_MS = 8000;
+export interface NotificationProviderProps {
+    children?: React.ReactNode;
+    /** The closed shadow root to portal into — a portal to document.body would leave the styles behind. */
+    container?: HTMLElement | null;
+    /** Raised above the launcher when the launcher sits at the bottom, so the two cannot overlap. */
+    offsetBottom?: number;
+}
+/**
+ * The one notification surface. Base UI owns the live region, the dismiss timers, hover-to-pause and
+ * stacking; before this the widget announced nothing to a screen reader and ran its own setTimeout.
+ */
+export declare const NotificationProvider: React.FC<NotificationProviderProps>;
+export declare const useNotifications: typeof Toast.useToastManager;
+export interface WidgetNotificationsProps {
+    error?: string;
+    onClearError: () => void;
+    onRetry?: () => void;
+    greeting?: string;
+    greetingBody?: string;
+    onGreetingDismiss: () => void;
+}
+/**
+ * Drives the toasts from widget state. Both use a stable id, so `add` upserts and a re-render cannot
+ * stack duplicates of the same condition.
+ */
+export declare const WidgetNotifications: React.FC<WidgetNotificationsProps>;

package/dist/src/components/blocks/WidgetDialog.d.ts

@@ -7,5 +7,11 @@ export interface WidgetDialogProps {
     onConfirm?: () => void;
     confirmLabel?: string;
     cancelLabel?: string;
+    /**
+     * Where focus lands on close. Base UI's default restore is broken here: it descends
+     * `element.shadowRoot.activeElement`, which is null for a CLOSED root, so it records the shadow
+     * HOST and hands focus to a host-page element on close. Naming the target sidesteps that.
+     */
+    finalFocusRef?: React.RefObject<HTMLElement | null>;
 }
 export declare const WidgetDialog: React.FC<WidgetDialogProps>;

package/dist/src/components/navigation/ShellTabBar.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
-import type { WidgetView } from '../../types';
-export interface ShellTabBarProps {
-    activeView: WidgetView;
-    onChange: (view: WidgetView) => void;
-}
-export declare const ShellTabBar: React.FC<ShellTabBarProps>;
+/** Selection, roles, ids and arrow-key navigation come from Tabs.Root — see MessengerShell. */
+export declare const ShellTabBar: React.FC;

package/dist/src/design-system/component-tokens.d.ts

@@ -4,9 +4,9 @@ export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'theme' | 'pill'
 export type TextTone = 'default' | 'muted' | 'faint' | 'primary' | 'inherit';
 export type TextLeading = 'tight' | 'snug' | 'normal' | 'relaxed';
 export type NotificationTone = 'info' | 'error' | 'neutral';
-export declare const radiusClasses: Record<RadiusToken, string>;
-export declare const textToneClasses: Record<TextTone, string>;
-export declare const textLeadingClasses: Record<TextLeading, string>;
+export declare const RADIUS: Record<RadiusToken, string>;
+export declare const TEXT_TONE: Record<TextTone, string>;
+export declare const TEXT_LEADING: Record<TextLeading, string>;
 export declare const TAB_BAR_HEIGHT = 48;
 export declare const notificationToneStyles: Record<NotificationTone, {
     background: string;

package/dist/src/utils/widgetPositioning.d.ts

@@ -1,24 +1,19 @@
 import type React from 'react';
 import type { WidgetPosition } from '../types';
 export declare const getCorner: (position: WidgetPosition) => {
-    readonly classes: "bottom-5 right-5";
     readonly vertical: "bottom";
     readonly horizontal: "right";
 } | {
-    readonly classes: "bottom-5 left-5";
     readonly vertical: "bottom";
     readonly horizontal: "left";
 } | {
-    readonly classes: "top-5 right-5";
     readonly vertical: "top";
     readonly horizontal: "right";
 } | {
-    readonly classes: "top-5 left-5";
     readonly vertical: "top";
     readonly horizontal: "left";
 };
 export declare const isWidgetPosition: (value: unknown) => value is WidgetPosition;
-export declare const getPositionClasses: (position: WidgetPosition) => string;
 export declare const getPanelPositionStyle: (position: WidgetPosition) => React.CSSProperties;
 export declare const getAnchorTopLeft: (position: WidgetPosition, vw: number, vh: number, w: number, h: number) => {
     x: number;