@nimbus-ds/patterns 1.36.0-rc.9 → 1.36.0

package/dist/index.d.ts

@@ -38,8 +38,17 @@ export interface AppShellChatProperties {
 	 * The overlay auto-detects the parent bounds (respecting menu and header).
 	 */
 	expanded?: boolean;
+	/**
+	 * Width of the chat panel in collapsed (non-expanded) mode.
+	 * Accepts any valid CSS length value (e.g. "300px", "25vw") or a responsive
+	 * object keyed by breakpoint (e.g. `{ xs: "300px", xxl: "378px" }`).
+	 * Useful for consumer-controlled resize interactions such as a drag handle.
+	 * When omitted, defaults to the responsive `{ xs: "300px", xxl: "378px" }`.
+	 */
+	collapsedWidth?: NonNullable<BoxProps["maxWidth"]>;
 }
 export type AppShellChatProps = AppShellChatProperties & Omit<BoxProps, "position">;
+export declare const APPSHELL_CHAT_DEFAULT_WIDTH = "360px";
 declare const AppShellChat: React.FC<AppShellChatProps>;
 export interface AppShellComponents {
 	Header: typeof AppShellHeader;
@@ -1136,82 +1145,28 @@ export type InitialScreenProps = InitialScreenProperties & Omit<BoxProps, "width
  */
 export declare const InitialScreen: React.FC<InitialScreenProps> & InitialScreenComponents;
 export interface PlanDisplayCardProperties {
-	/**
-	 * Renders the card with the Plans 2.0 gradient background (primary-surface → neutral-background).
-	 * Ignored when `ribbonLabel` is provided.
-	 */
-	gradient?: boolean;
-	/**
-	 * Label shown in a ribbon on top of the card (e.g. "Más escogido"). When provided, the card
-	 * is rendered with the featured style (primary ribbon + 2px primary border, no shadow),
-	 * taking precedence over `gradient`.
-	 * @TJS-type React.ReactNode
-	 */
-	ribbonLabel?: ReactNode;
+	highlighted?: boolean;
 }
 export type PlanDisplayCardProps = PropsWithChildren<PlanDisplayCardProperties> & Omit<BoxProps, "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "boxShadow">;
 declare const PlanDisplayCard: React.FC<PlanDisplayCardProps>;
 export type PlanDisplayCardHeaderProperties = {
 	subtitle: string;
 	title: ReactNode;
-	/**
-	 * Optional slot rendered to the right of the subtitle (e.g. a `<Tag>` like "Plan actual").
-	 * When provided, the subtitle row is laid out with space between the subtitle and the tag.
-	 * @TJS-type React.ReactNode
-	 */
-	tag?: ReactNode;
 };
 export type PlanDisplayCardHeaderProps = PropsWithChildren<PlanDisplayCardHeaderProperties>;
 declare const PlanDisplayCardHeader: React.FC<PlanDisplayCardHeaderProps>;
 export type PlanDisplayCardContentProperties = PropsWithChildren;
 declare const PlanDisplayCardContent: React.FC<PlanDisplayCardContentProperties>;
-export type PlanDisplayCardFooterProperties = PropsWithChildren<{
-	/**
-	 * Optional leading icon for an add-on style footer row (e.g. a point-of-sale icon next to a link).
-	 * When provided, the footer renders the icon and children side by side.
-	 * @TJS-type React.ReactNode
-	 */
-	icon?: ReactNode;
-}>;
+export type PlanDisplayCardFooterProperties = PropsWithChildren;
 declare const PlanDisplayCardFooter: React.FC<PlanDisplayCardFooterProperties>;
 export type PlanDisplayCardSpacingProps = Omit<BoxProps, "children" | "borderTopWidth" | "borderColor" | "borderStyle" | "my">;
 declare const PlanDisplayCardSpacing: React.FC<PlanDisplayCardSpacingProps>;
 export type PlanDisplayBulletProperties = {
 	icon: ReactNode;
 	disabled?: boolean;
-	/**
-	 * Optional slot rendered inline after the bullet text (e.g. a `<Tag>` like "Nuevo").
-	 * @TJS-type React.ReactNode
-	 */
-	badge?: ReactNode;
 };
 export type PlanDisplayBulletProps = PropsWithChildren<PlanDisplayBulletProperties>;
 declare const PlanDisplayBullet: React.FC<PlanDisplayBulletProps>;
-export type PlanDisplayCardPriceProperties = {
-	/**
-	 * The current price of the plan (e.g. "$999"). Rendered as the main, prominent value.
-	 * @TJS-type React.ReactNode
-	 */
-	price: ReactNode;
-	/**
-	 * Optional previous price, rendered with a line-through next to the current price.
-	 * @TJS-type React.ReactNode
-	 */
-	previousPrice?: ReactNode;
-	/**
-	 * Optional billing period suffix (e.g. "/mes") rendered next to the price.
-	 * @TJS-type React.ReactNode
-	 */
-	period?: ReactNode;
-	/**
-	 * Optional annual note rendered below the price (e.g. "R$696/año. Economiza R$132.").
-	 * Accepts a ReactNode so it can mix colors (e.g. an emphasized savings span).
-	 * @TJS-type React.ReactNode
-	 */
-	annualNote?: ReactNode;
-};
-export type PlanDisplayCardPriceProps = PlanDisplayCardPriceProperties;
-declare const PlanDisplayCardPrice: React.FC<PlanDisplayCardPriceProps>;
 /**
  * Interface representing the internal components used in the PlanDisplay.
  */
@@ -1226,10 +1181,6 @@ export interface PlanDisplayComponents {
 	 * an optional children where additional information can be displayed.
 	 */
 	Header: typeof PlanDisplayCardHeader;
-	/**
-	 * The price component of the plan display card. It renders the current price and optionally a previous price (with line-through), a billing period suffix and an annual note.
-	 */
-	Price: typeof PlanDisplayCardPrice;
 	/**
 	 * The content component of the plan display card. This component is used to display the main content of the plan, such as the plan bullet points.
 	 */