@payfit/unity-components 3.9.7 → 3.9.8

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardContent.js

@@ -0,0 +1,19 @@
+import { useProposalCardContext as e } from "../ProposalCard.context.js";
+import { proposalCard as t } from "../ProposalCard.variants.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { DisclosurePanel as i } from "react-aria-components/Disclosure";
+//#region src/modules/ai-kit/components/proposal-card/parts/ProposalCardContent.tsx
+var a = n(({ children: n, ...a }, o) => {
+	let { isExpandable: s } = e(), { content: c } = t();
+	return r(s ? i : "div", {
+		ref: o,
+		className: c(),
+		"data-unity-slot": "proposal-card.content",
+		...a,
+		children: n
+	});
+});
+a.displayName = "AIProposalCardContent";
+//#endregion
+export { a as AIProposalCardContent };

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardHeader.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from 'react-aria-components/Button';
+export interface AIProposalCardHeaderProps extends Omit<ButtonProps, 'children' | 'className' | 'slot'> {
+    /** Header content, typically AIProposalCardSubtitle and AIProposalCardTitle. */
+    children: ReactNode;
+    /** Heading level used for historical proposal headers. @default 3 */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Overrides the accessible name of the historical-proposal disclosure trigger. */
+    disclosureLabel?: string;
+}
+/** Renders the status/title header and historical-proposal disclosure control. */
+export declare const AIProposalCardHeader: import('react').ForwardRefExoticComponent<AIProposalCardHeaderProps & import('react').RefAttributes<HTMLElement>>;

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardHeader.js

@@ -0,0 +1,44 @@
+import { Icon as e } from "../../../../../core/components/icon/Icon.js";
+import { useProposalCardContext as t } from "../ProposalCard.context.js";
+import { proposalCard as n } from "../ProposalCard.variants.js";
+import { forwardRef as r, useContext as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "react-aria-components/Button";
+import { Heading as c } from "react-aria-components/Heading";
+import { DisclosureStateContext as l } from "react-aria-components/Disclosure";
+//#region src/modules/ai-kit/components/proposal-card/parts/ProposalCardHeader.tsx
+var u = r(({ children: r, disclosureLabel: u, level: d = 3, ...f }, p) => {
+	let { isExpandable: m } = t(), { header: h, headerContent: g, disclosureHeader: _, disclosureIcon: v } = n({ isExpanded: i(l)?.isExpanded });
+	return m ? /* @__PURE__ */ a(c, {
+		level: d,
+		children: /* @__PURE__ */ o(s, {
+			ref: p,
+			"aria-label": u,
+			className: _(),
+			"data-unity-slot": "proposal-card.header",
+			slot: "trigger",
+			...f,
+			children: [/* @__PURE__ */ a("span", {
+				className: g(),
+				children: r
+			}), /* @__PURE__ */ a(e, {
+				"aria-hidden": "true",
+				className: v(),
+				role: "presentation",
+				src: "CaretDownOutlined"
+			})]
+		})
+	}) : /* @__PURE__ */ a("div", {
+		ref: p,
+		className: h(),
+		"data-unity-slot": "proposal-card.header",
+		...f,
+		children: /* @__PURE__ */ a("div", {
+			className: g(),
+			children: r
+		})
+	});
+});
+u.displayName = "AIProposalCardHeader";
+//#endregion
+export { u as AIProposalCardHeader };

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardSubtitle.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface AIProposalCardSubtitleProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children' | 'className'> {
+    /** Consumer-provided lifecycle copy, such as “Ready for review”. */
+    children: ReactNode;
+}
+/** Renders low-emphasis proposal status or supporting copy. */
+export declare const AIProposalCardSubtitle: import('react').ForwardRefExoticComponent<AIProposalCardSubtitleProps & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardSubtitle.js

@@ -0,0 +1,16 @@
+import { proposalCard as e } from "../ProposalCard.variants.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/proposal-card/parts/ProposalCardSubtitle.tsx
+var r = t(({ children: t, ...r }, i) => {
+	let { subtitle: a } = e();
+	return /* @__PURE__ */ n("p", {
+		ref: i,
+		className: a(),
+		...r,
+		children: t
+	});
+});
+r.displayName = "AIProposalCardSubtitle";
+//#endregion
+export { r as AIProposalCardSubtitle };

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardTitle.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface AIProposalCardTitleProps extends PropsWithChildren {
+    /** The heading level for a pending proposal title. @default 3 */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/** Supplies the AIProposalCard's visible title and Card accessible label. */
+export declare const AIProposalCardTitle: import('react').ForwardRefExoticComponent<AIProposalCardTitleProps & import('react').RefAttributes<HTMLElement>>;

package/dist/esm/modules/ai-kit/components/proposal-card/parts/ProposalCardTitle.js

@@ -0,0 +1,23 @@
+import { useCardContext as e } from "../../../../../core/components/card/Card.context.js";
+import { CardTitle as t } from "../../../../../core/components/card/parts/CardTitle.js";
+import { useProposalCardContext as n } from "../ProposalCard.context.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/proposal-card/parts/ProposalCardTitle.tsx
+var a = r(({ children: r, level: a = 3 }, o) => {
+	let { isExpandable: s } = n(), { titleId: c } = e();
+	return s ? /* @__PURE__ */ i("span", {
+		ref: o,
+		className: "uy:typography-h3 uy:text-content-neutral uy:leading-none",
+		"data-unity-slot": "card.title",
+		id: c,
+		children: r
+	}) : /* @__PURE__ */ i(t, {
+		ref: o,
+		level: a,
+		children: r
+	});
+});
+a.displayName = "AIProposalCardTitle";
+//#endregion
+export { a as AIProposalCardTitle };

package/dist/esm/modules/ai-kit/index.d.ts

@@ -1,4 +1,10 @@
 export { AIButton, type AIButtonProps } from './components/ai-button/AIButton.js';
+export { AIProposalCard, type AIProposalCardProps, type AIProposalCardState, } from './components/proposal-card/ProposalCard.js';
+export { AIProposalCardHeader, type AIProposalCardHeaderProps, } from './components/proposal-card/parts/ProposalCardHeader.js';
+export { AIProposalCardSubtitle, type AIProposalCardSubtitleProps, } from './components/proposal-card/parts/ProposalCardSubtitle.js';
+export { AIProposalCardTitle, type AIProposalCardTitleProps, } from './components/proposal-card/parts/ProposalCardTitle.js';
+export { AIProposalCardContent, type AIProposalCardContentProps, } from './components/proposal-card/parts/ProposalCardContent.js';
+export { AIProposalCardActions, type AIProposalCardActionsProps, } from './components/proposal-card/parts/ProposalCardActions.js';
 export { PayfitAIBrand, type PayfitAIBrandProps, } from './components/payfit-ai-brand/PayfitAIBrand.js';
 export { AITriggerButton, type AITriggerButtonBrandSlotProps, type AITriggerButtonProps, } from './components/ai-trigger-button/AITriggerButton.js';
 export { AIComposerAttachment, type AIComposerAttachmentProps, } from './components/ai-composer/parts/AIComposerAttachment.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "3.9.7",
+  "version": "3.9.8",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -103,7 +103,7 @@
     "@formatjs/intl": "4.1.12",
     "@internationalized/date": "3.12.4",
     "minimatch": "10.2.5",
-    "@payfit/unity-illustrations": "3.9.7",
+    "@payfit/unity-illustrations": "3.9.8",
     "@radix-ui/react-avatar": "1.2.6",
     "@radix-ui/react-slot": "1.3.3",
     "@react-aria/interactions": "3.28.1",
@@ -132,8 +132,8 @@
     "zod": "4.6.5"
   },
   "peerDependencies": {
-    "@payfit/unity-icons": "3.9.7",
-    "@payfit/unity-themes": "3.9.7",
+    "@payfit/unity-icons": "3.9.8",
+    "@payfit/unity-themes": "3.9.8",
     "@storybook/react-vite": "^10",
     "@tanstack/react-query": "^5",
     "@tanstack/form-core": "1.33.5",
@@ -157,9 +157,9 @@
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "3.9.7",
-    "@payfit/unity-illustrations": "3.9.7",
-    "@payfit/unity-themes": "3.9.7",
+    "@payfit/unity-icons": "3.9.8",
+    "@payfit/unity-illustrations": "3.9.8",
+    "@payfit/unity-themes": "3.9.8",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.6.0",
     "@storybook/addon-designs": "11.1.4",

package/src/agent-references/component-catalog.json

@@ -124,6 +124,30 @@
       ],
       "title": "AIOutcomeCard"
     },
+    {
+      "description": "Presents a proposed AI operation, its details, and person-owned decision actions.",
+      "docsHref": "?path=/docs/ai-kit-aiproposalcard--docs",
+      "id": "ai-kit-aiproposalcard",
+      "keywords": [
+        "ai",
+        "proposal",
+        "confirmation",
+        "review",
+        "decision"
+      ],
+      "preview": {
+        "type": "story",
+        "story": "pending",
+        "storyId": "ai-kit-aiproposalcard--pending"
+      },
+      "related": [],
+      "section": "components",
+      "tags": [
+        "type:component",
+        "category:information"
+      ],
+      "title": "AIProposalCard"
+    },
     {
       "description": "Toggles a PayFit AI assistant surface with branded, accessible toggle-button semantics.",
       "docsHref": "?path=/docs/ai-kit-aitriggerbutton--docs",