@mvriu5/payload-ai 1.2.0 → 1.4.0

package/dist/components/Icons.js

@@ -257,232 +257,35 @@ export function OpenrouterIcon(props) {
             clipPath: "url(#clip0_205_3)",
             children: [
                 /*#__PURE__*/ _jsx("path", {
-                    d: "M3 248.945C18 248.945 76 236 106 219C136 202 136 202 198 158C276.497 102.293 332 120.945 423 120.945",
+                    d: "M3 248.95C18 248.95 76 236 106 219C136 202 136 202 198 158C276.5 102.29 332 120.95 423 120.95",
                     strokeWidth: "90"
                 }),
                 /*#__PURE__*/ _jsx("path", {
-                    d: "M511 121.5L357.25 210.268L357.25 32.7324L511 121.5Z"
+                    d: "M511 121.5L357.25 210.27L357.25 32.73L511 121.5Z"
                 }),
                 /*#__PURE__*/ _jsx("path", {
-                    d: "M0 249C15 249 73 261.945 103 278.945C133 295.945 133 295.945 195 339.945C273.497 395.652 329 377 420 377",
+                    d: "M0 249C15 249 73 261.95 103 278.95C133 295.95 133 295.95 195 339.95C273.5 395.65 329 377 420 377",
                     strokeWidth: "90"
                 }),
                 /*#__PURE__*/ _jsx("path", {
-                    d: "M508 376.445L354.25 287.678L354.25 465.213L508 376.445Z"
+                    d: "M508 376.45L354.25 287.68L354.25 465.21L508 376.45Z"
                 })
             ]
         })
     });
 }
-export function FileDiff(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M14 3v4a1 1 0 0 0 1 1h4"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M12 10l0 4"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M10 12l4 0"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M10 17l4 0"
-            })
-        ]
-    });
-}
-export function Send(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M10 14l11 -11"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"
-            })
-        ]
-    });
-}
-export function Apply(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M5 12l5 5l10 -10"
-            })
-        ]
-    });
-}
-export function Reject(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M18 6l-12 12"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M6 6l12 12"
-            })
-        ]
-    });
-}
-export function Collection(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"
-            })
-        ]
-    });
-}
-export function Document(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M14 3v4a1 1 0 0 0 1 1h4"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2"
-            })
-        ]
-    });
-}
-export function Global(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M3.6 9h16.8"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M3.6 15h16.8"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M11.5 3a17 17 0 0 0 0 18"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M12.5 3a17 17 0 0 1 0 18"
-            })
-        ]
-    });
-}
-export function Block(props) {
-    return /*#__PURE__*/ _jsxs("svg", {
+export function PaperclipIcon(props) {
+    return /*#__PURE__*/ _jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: 2,
+        strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         ...props,
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M14 4a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1l0 -5"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M3 14h12a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h3a2 2 0 0 1 2 2v12"
-            })
-        ]
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"
+        })
     });
 }

package/dist/components/{ActionToast.d.ts → action-toast/ActionToast.d.ts}

@@ -5,17 +5,20 @@ export type ActionProposal = {
     };
     action: "create" | "delete" | "update" | "updateGlobal";
     collection?: string;
+    data?: Record<string, unknown>;
     id?: string;
     label: string;
+    locale?: string;
+    localizedData?: Record<string, Record<string, unknown>>;
     slug?: string;
 };
 type ActionToastProps = {
     apiRoute: string;
-    appliedProposalIndexes: number[];
     description?: string;
     error?: string;
     getViewURL?: (proposal: ActionProposal) => string | null;
     isApplying: boolean;
+    isLoading: boolean;
     onDismiss?: () => void;
     onDismissError?: () => void;
     onApply: (proposal: ActionProposal, index: number) => void;
@@ -27,5 +30,5 @@ type ActionToastProps = {
         totalTokens?: number;
     } | null;
 };
-export declare const ActionToast: ({ apiRoute, appliedProposalIndexes, description, error, getViewURL, isApplying, onDismiss, onDismissError, onApply, prompt, proposals, tokenUsage, }: ActionToastProps) => import("react").JSX.Element | null;
+export declare const ActionToast: ({ apiRoute, description, error, getViewURL, isApplying, isLoading, onDismiss, onDismissError, onApply, prompt, proposals, tokenUsage, }: ActionToastProps) => import("react").JSX.Element | null;
 export {};

package/dist/components/{ActionToast.js → action-toast/ActionToast.js}

@@ -1,10 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from "./ActionToast.module.css";
-import { redactSensitiveData } from "../ai/sensitiveData.js";
+import { Button, CheckIcon, SwapIcon } from "@payloadcms/ui";
 import { formatAdminURL } from "payload/shared";
 import { useState } from "react";
-import { DiffDialog } from "./DiffDialog.js";
-import { Apply, FileDiff, Reject } from "./Icons.js";
+import { redactSensitiveData } from "../../ai/sensitiveData.js";
+import { DiffDialog } from "../diff-dialog/DiffDialog.js";
+import { TextShimmer } from "../text-shimmer/TextShimmer.js";
+import styles from "./ActionToast.module.css";
+const ACTION_TOAST_TEXT = {
+    aiRequestFailed: "AI request failed",
+    aiResponse: "AI response",
+    applyProposal: "Apply proposal",
+    details: "Details",
+    diffReviewFailed: "Diff review failed",
+    dismiss: "Dismiss",
+    dismissProposals: "Dismiss proposals",
+    fullResponse: "Full response",
+    goToSource: "Go to source",
+    loading: "Loading",
+    proposalDiffError: "Could not load proposal diff.",
+    redacted: "[redacted]",
+    review: "Review",
+    reviewProposal: "Review proposal",
+    waitingForResponse: "Please wait, until the Response is received"
+};
+const PROPOSAL_DIFF_ENDPOINT = "/ai-proposal-diff";
+const JSON_CONTENT_TYPE = "application/json";
+const POST_METHOD = "POST";
 const maxDescriptionLength = 220;
 const getDescriptionPreview = (description)=>{
     if (description.length <= maxDescriptionLength) return description;
@@ -15,16 +36,16 @@ const getSafeProposalDetails = (proposal)=>{
     if (redactedProposal._aiSignature) {
         redactedProposal._aiSignature = {
             expiresAt: redactedProposal._aiSignature.expiresAt,
-            value: "[redacted]"
+            value: ACTION_TOAST_TEXT.redacted
         };
     }
     return redactedProposal;
 };
-export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, error, getViewURL, isApplying, onDismiss, onDismissError, onApply, prompt, proposals, tokenUsage })=>{
+export const ActionToast = ({ apiRoute, description, error, getViewURL, isApplying, isLoading, onDismiss, onDismissError, onApply, prompt, proposals, tokenUsage })=>{
     const [activeDiff, setActiveDiff] = useState(null);
     const [diffError, setDiffError] = useState("");
     const [loadingDiffIndex, setLoadingDiffIndex] = useState(null);
-    if (proposals.length === 0 && !error && !description) return null;
+    if (proposals.length === 0 && !error && !description && !isLoading) return null;
     const descriptionPreview = description ? getDescriptionPreview(description) : "";
     const isDescriptionTruncated = Boolean(description) && descriptionPreview !== description;
     const openDiff = async (proposal, index)=>{
@@ -33,20 +54,20 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
         try {
             const res = await fetch(formatAdminURL({
                 apiRoute,
-                path: "/ai-proposal-diff"
+                path: PROPOSAL_DIFF_ENDPOINT
             }), {
                 body: JSON.stringify({
                     proposal,
                     prompt
                 }),
                 headers: {
-                    "Content-Type": "application/json"
+                    "Content-Type": JSON_CONTENT_TYPE
                 },
-                method: "POST"
+                method: POST_METHOD
             });
             const result = await res.json().catch(()=>null);
             if (!res.ok || !result) {
-                throw new Error(result?.error || "Could not load proposal diff.");
+                throw new Error(result?.error || ACTION_TOAST_TEXT.proposalDiffError);
             }
             setActiveDiff({
                 change: null,
@@ -57,7 +78,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                 proposal
             });
         } catch (err) {
-            setDiffError(err instanceof Error ? err.message : "Could not load proposal diff.");
+            setDiffError(err instanceof Error ? err.message : ACTION_TOAST_TEXT.proposalDiffError);
         } finally{
             setLoadingDiffIndex(null);
         }
@@ -65,6 +86,21 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
     return /*#__PURE__*/ _jsxs("div", {
         className: styles.list,
         children: [
+            proposals.length === 0 && isLoading && /*#__PURE__*/ _jsxs("div", {
+                className: styles.item,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.label,
+                        children: ACTION_TOAST_TEXT.aiResponse
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.description,
+                        children: /*#__PURE__*/ _jsx(TextShimmer, {
+                            children: ACTION_TOAST_TEXT.waitingForResponse
+                        })
+                    })
+                ]
+            }),
             error && /*#__PURE__*/ _jsxs("div", {
                 className: `${styles.item} ${styles.errorItem}`,
                 children: [
@@ -72,7 +108,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                         children: [
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.label,
-                                children: "AI request failed"
+                                children: ACTION_TOAST_TEXT.aiRequestFailed
                             }),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.description,
@@ -84,7 +120,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                         className: styles.button,
                         onClick: onDismissError,
                         type: "button",
-                        children: "Dismiss"
+                        children: ACTION_TOAST_TEXT.dismiss
                     })
                 ]
             }),
@@ -94,7 +130,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                     children: [
                         /*#__PURE__*/ _jsx("div", {
                             className: styles.label,
-                            children: "AI response"
+                            children: ACTION_TOAST_TEXT.aiResponse
                         }),
                         /*#__PURE__*/ _jsx("div", {
                             className: styles.description,
@@ -105,7 +141,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                             children: [
                                 /*#__PURE__*/ _jsx("summary", {
                                     className: styles.summary,
-                                    children: "Full response"
+                                    children: ACTION_TOAST_TEXT.fullResponse
                                 }),
                                 /*#__PURE__*/ _jsx("pre", {
                                     className: styles.proposalDetails,
@@ -117,7 +153,6 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                 })
             }),
             proposals.map((proposal, index)=>{
-                const isApplied = appliedProposalIndexes.includes(index);
                 const viewURL = getViewURL?.(proposal);
                 return /*#__PURE__*/ _jsxs("div", {
                     className: styles.item,
@@ -147,7 +182,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                                     children: [
                                         /*#__PURE__*/ _jsx("summary", {
                                             className: styles.summary,
-                                            children: "Full response"
+                                            children: ACTION_TOAST_TEXT.fullResponse
                                         }),
                                         /*#__PURE__*/ _jsx("pre", {
                                             className: styles.proposalDetails,
@@ -160,7 +195,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                                     children: [
                                         /*#__PURE__*/ _jsx("summary", {
                                             className: styles.summary,
-                                            children: "Details"
+                                            children: ACTION_TOAST_TEXT.details
                                         }),
                                         /*#__PURE__*/ _jsx("pre", {
                                             className: styles.proposalDetails,
@@ -176,52 +211,44 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                                 /*#__PURE__*/ _jsxs("div", {
                                     className: styles.viewAction,
                                     children: [
-                                        /*#__PURE__*/ _jsxs("button", {
-                                            "aria-label": `Review proposal: ${proposal.label}`,
-                                            className: styles.secondaryButton,
+                                        /*#__PURE__*/ _jsxs(Button, {
+                                            "aria-label": `${ACTION_TOAST_TEXT.reviewProposal}: ${proposal.label}`,
+                                            margin: false,
+                                            buttonStyle: "subtle",
                                             disabled: loadingDiffIndex === index,
                                             onClick: ()=>void openDiff(proposal, index),
-                                            type: "button",
                                             children: [
-                                                /*#__PURE__*/ _jsx(FileDiff, {
-                                                    height: 16,
-                                                    width: 16
-                                                }),
-                                                loadingDiffIndex === index ? "Loading" : "Review"
+                                                /*#__PURE__*/ _jsx(SwapIcon, {}),
+                                                loadingDiffIndex === index ? ACTION_TOAST_TEXT.loading : ACTION_TOAST_TEXT.review
                                             ]
                                         }),
-                                        viewURL && /*#__PURE__*/ _jsx("a", {
-                                            className: styles.ghostButton,
-                                            href: viewURL,
-                                            rel: "noreferrer noopener",
-                                            target: "_blank",
-                                            children: "Go to source"
+                                        viewURL && /*#__PURE__*/ _jsx(Button, {
+                                            el: "anchor",
+                                            buttonStyle: "tab",
+                                            url: viewURL,
+                                            newTab: true,
+                                            margin: false,
+                                            children: ACTION_TOAST_TEXT.goToSource
                                         })
                                     ]
                                 }),
                                 /*#__PURE__*/ _jsxs("div", {
                                     className: styles.actions,
                                     children: [
-                                        onDismiss && /*#__PURE__*/ _jsx("button", {
-                                            "aria-label": "Dismiss proposals",
-                                            className: styles.secondaryButton,
-                                            onClick: onDismiss,
-                                            type: "button",
-                                            children: /*#__PURE__*/ _jsx(Reject, {
-                                                height: 16,
-                                                width: 16
-                                            })
+                                        onDismiss && /*#__PURE__*/ _jsx(Button, {
+                                            icon: "x",
+                                            "aria-label": ACTION_TOAST_TEXT.dismissProposals,
+                                            buttonStyle: "subtle",
+                                            margin: false,
+                                            onClick: onDismiss
                                         }),
-                                        /*#__PURE__*/ _jsx("button", {
-                                            "aria-label": `Apply proposal: ${proposal.label}`,
-                                            className: styles.button,
-                                            disabled: isApplying || isApplied,
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            "aria-label": `${ACTION_TOAST_TEXT.applyProposal}: ${proposal.label}`,
+                                            margin: false,
+                                            buttonStyle: "primary",
+                                            disabled: isApplying,
                                             onClick: ()=>onApply(proposal, index),
-                                            type: "button",
-                                            children: /*#__PURE__*/ _jsx(Apply, {
-                                                height: 16,
-                                                width: 16
-                                            })
+                                            children: /*#__PURE__*/ _jsx(CheckIcon, {})
                                         })
                                     ]
                                 })
@@ -237,7 +264,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                         children: [
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.label,
-                                children: "Diff review failed"
+                                children: ACTION_TOAST_TEXT.diffReviewFailed
                             }),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.description,
@@ -249,7 +276,7 @@ export const ActionToast = ({ apiRoute, appliedProposalIndexes, description, err
                         className: styles.button,
                         onClick: ()=>setDiffError(""),
                         type: "button",
-                        children: "Dismiss"
+                        children: ACTION_TOAST_TEXT.dismiss
                     })
                 ]
             }),

package/dist/components/{ActionToast.module.css → action-toast/ActionToast.module.css}

@@ -106,79 +106,6 @@
     gap: 8px;
 }
 
-.button {
-    align-items: center;
-    background: var(--theme-text);
-    border: 0;
-    border-radius: 4px;
-    color: var(--theme-bg);
-    cursor: pointer;
-    display: inline-flex;
-    flex: 0 0 auto;
-    font: inherit;
-    gap: 6px;
-    justify-content: center;
-    line-height: 24px;
-    min-height: 24px;
-    padding: 0 14px;
-}
-
-.secondaryButton {
-    align-items: center;
-    background: transparent;
-    border: 1px solid var(--theme-elevation-150);
-    border-radius: 4px;
-    color: var(--theme-text);
-    cursor: pointer;
-    display: inline-flex;
-    flex: 0 0 auto;
-    font: inherit;
-    gap: 6px;
-    justify-content: center;
-    line-height: 24px;
-    min-height: 24px;
-    padding: 0 14px;
-    text-decoration: none;
-}
-
-.secondaryButton svg {
-    color: var(--theme-elevation-500);
-    flex: 0 0 auto;
-}
-
-.button svg {
-    flex: 0 0 auto;
-}
-
-.ghostButton {
-    background: transparent;
-    border: 0;
-    border-radius: 4px;
-    color: var(--theme-elevation-600);
-    cursor: pointer;
-    flex: 0 0 auto;
-    font: inherit;
-    line-height: 24px;
-    min-height: 24px;
-    padding: 0 10px;
-    text-decoration: none;
-}
-
-.ghostButton:hover {
-    text-decoration: underline;
-}
-
-.button:disabled {
-    cursor: not-allowed;
-    opacity: 0.45;
-}
-
-.secondaryButton:disabled,
-.ghostButton:disabled {
-    cursor: not-allowed;
-    opacity: 0.45;
-}
-
 @media (max-width: 768px) {
     .list {
         bottom: 16px;
@@ -210,10 +137,4 @@
         align-items: stretch;
         flex-direction: column;
     }
-
-    .button,
-    .secondaryButton,
-    .ghostButton {
-        width: 100%;
-    }
 }

package/dist/components/ai-input/AIInput.d.ts

@@ -0,0 +1,5 @@
+type AIInputProps = {
+    isDashboard?: boolean;
+};
+declare const AIInput: ({ isDashboard }: AIInputProps) => import("react").JSX.Element;
+export default AIInput;