@strapi/content-type-builder 5.25.0 → 5.27.0

package/dist/admin/components/AIChat/components/ResizableTextArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTextArea.mjs","sources":["../../../../../admin/src/components/AIChat/components/ResizableTextArea.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\ninterface TextAreaProps {\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\n  placeholder?: string;\n}\n\nconst TextAreaElement = styled(Box).attrs({ as: 'textarea' })`\n  border: none;\n  resize: none;\n  background: transparent;\n  outline: none !important;\n  width: 100%;\n  min-height: 44px;\n  max-height: 160px;\n  line-height: ${({ theme }) => theme.lineHeights[4]};\n  font-size: ${({ theme }) => theme.fontSizes[2]};\n  color: ${({ theme }) => theme.colors.neutral800};\n  padding-bottom: ${({ theme }) => theme.spaces[1]};\n  overflow-y: auto;\n\n  /* Show partial lines when content exceeds visible area */\n  height: ${({ rows, theme }) =>\n    rows === 5\n      ? `calc(${rows} * ${theme.lineHeights[4]} * 1em + 0.7em)`\n      : `calc(${rows} * ${theme.lineHeights[4]} * 1em)`};\n\n  &:disabled,\n  &::placeholder {\n    color: ${({ theme }) => theme.colors.neutral600};\n  }\n`;\n\nexport const ResizableTextArea = ({ value, onChange, onSubmit, placeholder }: TextAreaProps) => {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [rows, setRows] = useState(1);\n\n  const calculateRows = (text: string) => {\n    if (!text) return 1;\n    // Count newlines in the text\n    const lineCount = (text.match(/\\n/g) || []).length + 1;\n    // Limit to a maximum of 5 rows\n    return Math.min(lineCount, 5);\n  };\n\n  // Update rows when value changes\n  useEffect(() => {\n    setRows(calculateRows(value));\n  }, [value]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!textareaRef.current?.value.trim()) {\n      return;\n    }\n\n    if (e.key === 'Enter' && !e.shiftKey && onSubmit) {\n      e.preventDefault();\n      onSubmit(e as unknown as React.FormEvent<HTMLFormElement>);\n      // Ensure focus is maintained after submission using a small delay\n      // This helps ensure the focus happens after any other effects from submission\n      setTimeout(() => {\n        textareaRef.current?.focus();\n      }, 10);\n    }\n  };\n\n  useEffect(() => {\n    textareaRef.current?.focus();\n  }, [textareaRef]);\n\n  return (\n    <TextAreaElement\n      ref={textareaRef}\n      value={value}\n      onChange={onChange}\n      onKeyDown={handleKeyDown}\n      placeholder={placeholder}\n      rows={rows}\n    />\n  );\n};\n"],"names":["TextAreaElement","styled","Box","attrs","as","theme","lineHeights","fontSizes","colors","neutral800","spaces","rows","neutral600","ResizableTextArea","value","onChange","onSubmit","placeholder","textareaRef","useRef","setRows","useState","calculateRows","text","lineCount","match","length","Math","min","useEffect","handleKeyDown","e","current","trim","key","shiftKey","preventDefault","setTimeout","focus","_jsx","ref","onKeyDown"],"mappings":";;;;;AAYA,MAAMA,eAAkBC,GAAAA,MAAAA,CAAOC,GAAKC,CAAAA,CAAAA,KAAK,CAAC;IAAEC,EAAI,EAAA;AAAW,CAAA,CAAE;;;;;;;;eAQ9C,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAAC,CAAA,CAAE,CAAC;aACxC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAME,CAAAA,SAAS,CAAC,CAAA,CAAE,CAAC;SACxC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACC,UAAU,CAAC;kBAChC,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAMK,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;;AAIzC,UAAA,EAAE,CAAC,EAAEC,IAAI,EAAEN,KAAK,EAAE,GACxBM,IAAAA,KAAS,CACL,GAAA,CAAC,KAAK,EAAEA,IAAAA,CAAK,GAAG,EAAEN,MAAMC,WAAW,CAAC,CAAE,CAAA,CAAC,eAAe,CAAC,GACvD,CAAC,KAAK,EAAEK,IAAK,CAAA,GAAG,EAAEN,KAAAA,CAAMC,WAAW,CAAC,CAAA,CAAE,CAAC,OAAO,CAAC,CAAC;;;;WAI7C,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACI,UAAU,CAAC;;AAEpD,CAAC;AAEM,MAAMC,iBAAoB,GAAA,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,WAAW,EAAiB,GAAA;AACzF,IAAA,MAAMC,cAAcC,MAA4B,CAAA,IAAA,CAAA;AAChD,IAAA,MAAM,CAACR,IAAAA,EAAMS,OAAQ,CAAA,GAAGC,QAAS,CAAA,CAAA,CAAA;AAEjC,IAAA,MAAMC,gBAAgB,CAACC,IAAAA,GAAAA;QACrB,IAAI,CAACA,MAAM,OAAO,CAAA;;QAElB,MAAMC,SAAAA,GAAY,CAACD,IAAKE,CAAAA,KAAK,CAAC,KAAA,CAAA,IAAU,EAAC,EAAGC,MAAM,GAAG,CAAA;;QAErD,OAAOC,IAAAA,CAAKC,GAAG,CAACJ,SAAW,EAAA,CAAA,CAAA;AAC7B,KAAA;;IAGAK,SAAU,CAAA,IAAA;AACRT,QAAAA,OAAAA,CAAQE,aAAcR,CAAAA,KAAAA,CAAAA,CAAAA;KACrB,EAAA;AAACA,QAAAA;AAAM,KAAA,CAAA;AAEV,IAAA,MAAMgB,gBAAgB,CAACC,CAAAA,GAAAA;AACrB,QAAA,IAAI,CAACb,WAAAA,CAAYc,OAAO,EAAElB,MAAMmB,IAAQ,EAAA,EAAA;AACtC,YAAA;AACF;QAEA,IAAIF,CAAAA,CAAEG,GAAG,KAAK,OAAA,IAAW,CAACH,CAAEI,CAAAA,QAAQ,IAAInB,QAAU,EAAA;AAChDe,YAAAA,CAAAA,CAAEK,cAAc,EAAA;YAChBpB,QAASe,CAAAA,CAAAA,CAAAA;;;YAGTM,UAAW,CAAA,IAAA;AACTnB,gBAAAA,WAAAA,CAAYc,OAAO,EAAEM,KAAAA,EAAAA;aACpB,EAAA,EAAA,CAAA;AACL;AACF,KAAA;IAEAT,SAAU,CAAA,IAAA;AACRX,QAAAA,WAAAA,CAAYc,OAAO,EAAEM,KAAAA,EAAAA;KACpB,EAAA;AAACpB,QAAAA;AAAY,KAAA,CAAA;AAEhB,IAAA,qBACEqB,GAACvC,CAAAA,eAAAA,EAAAA;QACCwC,GAAKtB,EAAAA,WAAAA;QACLJ,KAAOA,EAAAA,KAAAA;QACPC,QAAUA,EAAAA,QAAAA;QACV0B,SAAWX,EAAAA,aAAAA;QACXb,WAAaA,EAAAA,WAAAA;QACbN,IAAMA,EAAAA;;AAGZ;;;;"}

package/dist/admin/components/AIChat/components/SimpleMenu.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const SimpleMenu = /*#__PURE__*/ React__namespace.forwardRef(({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef)=>{
+    const triggerRef = React__namespace.useRef(null);
+    const composedRef = designSystem.useComposedRefs(forwardedRef, triggerRef);
+    const handleOpenChange = (isOpen)=>{
+        if (isOpen && typeof onOpen === 'function') {
+            onOpen();
+        } else if (!isOpen && typeof onClose === 'function') {
+            onClose();
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+        onOpenChange: handleOpenChange,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
+                ref: composedRef,
+                ...props,
+                children: props.label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Content, {
+                zIndex: 10000,
+                popoverPlacement: popoverPlacement,
+                children: children
+            })
+        ]
+    });
+});
+const MenuItem = designSystem.Menu.Item;
+
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return designSystem.Menu; }
+});
+exports.MenuItem = MenuItem;
+exports.SimpleMenu = SimpleMenu;
+//# sourceMappingURL=SimpleMenu.js.map

package/dist/admin/components/AIChat/components/SimpleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMenu.js","sources":["../../../../../admin/src/components/AIChat/components/SimpleMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Menu, useComposedRefs } from '@strapi/design-system';\n\n/* -------------------------------------------------------------------------------------------------\n * SimpleMenu\n * -----------------------------------------------------------------------------------------------*/\n\ntype SimpleMenuProps = Menu.TriggerProps &\n  Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> & {\n    children?: React.ReactNode;\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n\nconst SimpleMenu = React.forwardRef<HTMLButtonElement, SimpleMenuProps>(\n  ({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef) => {\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n    const composedRef = useComposedRefs(forwardedRef, triggerRef);\n\n    const handleOpenChange = (isOpen: boolean) => {\n      if (isOpen && typeof onOpen === 'function') {\n        onOpen();\n      } else if (!isOpen && typeof onClose === 'function') {\n        onClose();\n      }\n    };\n\n    return (\n      <Menu.Root onOpenChange={handleOpenChange}>\n        <Menu.Trigger ref={composedRef} {...props}>\n          {props.label}\n        </Menu.Trigger>\n        <Menu.Content zIndex={10000} popoverPlacement={popoverPlacement}>\n          {children}\n        </Menu.Content>\n      </Menu.Root>\n    );\n  }\n);\n\nconst MenuItem = Menu.Item;\ntype MenuItemProps = Menu.ItemProps;\n\nexport { SimpleMenu, MenuItem, Menu };\nexport type { SimpleMenuProps, MenuItemProps };\n"],"names":["SimpleMenu","React","forwardRef","children","onOpen","onClose","popoverPlacement","props","forwardedRef","triggerRef","useRef","composedRef","useComposedRefs","handleOpenChange","isOpen","_jsxs","Menu","Root","onOpenChange","_jsx","Trigger","ref","label","Content","zIndex","MenuItem","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,2BAAaC,gBAAMC,CAAAA,UAAU,CACjC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC,OAAO,EAAEC,YAAAA,GAAAA;IAC1D,MAAMC,UAAAA,GAAaR,gBAAMS,CAAAA,MAAM,CAAoB,IAAA,CAAA;IACnD,MAAMC,WAAAA,GAAcC,6BAAgBJ,YAAcC,EAAAA,UAAAA,CAAAA;AAElD,IAAA,MAAMI,mBAAmB,CAACC,MAAAA,GAAAA;QACxB,IAAIA,MAAAA,IAAU,OAAOV,MAAAA,KAAW,UAAY,EAAA;AAC1CA,YAAAA,MAAAA,EAAAA;AACF,SAAA,MAAO,IAAI,CAACU,MAAU,IAAA,OAAOT,YAAY,UAAY,EAAA;AACnDA,YAAAA,OAAAA,EAAAA;AACF;AACF,KAAA;IAEA,qBACEU,eAAA,CAACC,kBAAKC,IAAI,EAAA;QAACC,YAAcL,EAAAA,gBAAAA;;AACvB,0BAAAM,cAAA,CAACH,kBAAKI,OAAO,EAAA;gBAACC,GAAKV,EAAAA,WAAAA;AAAc,gBAAA,GAAGJ,KAAK;AACtCA,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMe;;AAET,0BAAAH,cAAA,CAACH,kBAAKO,OAAO,EAAA;gBAACC,MAAQ,EAAA,KAAA;gBAAOlB,gBAAkBA,EAAAA,gBAAAA;AAC5CH,gBAAAA,QAAAA,EAAAA;;;;AAIT,CAAA;AAGIsB,MAAAA,QAAAA,GAAWT,kBAAKU;;;;;;;;;"}

package/dist/admin/components/AIChat/components/SimpleMenu.mjs

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Menu, useComposedRefs } from '@strapi/design-system';
+export { Menu } from '@strapi/design-system';
+
+const SimpleMenu = /*#__PURE__*/ React.forwardRef(({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef)=>{
+    const triggerRef = React.useRef(null);
+    const composedRef = useComposedRefs(forwardedRef, triggerRef);
+    const handleOpenChange = (isOpen)=>{
+        if (isOpen && typeof onOpen === 'function') {
+            onOpen();
+        } else if (!isOpen && typeof onClose === 'function') {
+            onClose();
+        }
+    };
+    return /*#__PURE__*/ jsxs(Menu.Root, {
+        onOpenChange: handleOpenChange,
+        children: [
+            /*#__PURE__*/ jsx(Menu.Trigger, {
+                ref: composedRef,
+                ...props,
+                children: props.label
+            }),
+            /*#__PURE__*/ jsx(Menu.Content, {
+                zIndex: 10000,
+                popoverPlacement: popoverPlacement,
+                children: children
+            })
+        ]
+    });
+});
+const MenuItem = Menu.Item;
+
+export { MenuItem, SimpleMenu };
+//# sourceMappingURL=SimpleMenu.mjs.map

package/dist/admin/components/AIChat/components/SimpleMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMenu.mjs","sources":["../../../../../admin/src/components/AIChat/components/SimpleMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Menu, useComposedRefs } from '@strapi/design-system';\n\n/* -------------------------------------------------------------------------------------------------\n * SimpleMenu\n * -----------------------------------------------------------------------------------------------*/\n\ntype SimpleMenuProps = Menu.TriggerProps &\n  Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> & {\n    children?: React.ReactNode;\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n\nconst SimpleMenu = React.forwardRef<HTMLButtonElement, SimpleMenuProps>(\n  ({ children, onOpen, onClose, popoverPlacement, ...props }, forwardedRef) => {\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n    const composedRef = useComposedRefs(forwardedRef, triggerRef);\n\n    const handleOpenChange = (isOpen: boolean) => {\n      if (isOpen && typeof onOpen === 'function') {\n        onOpen();\n      } else if (!isOpen && typeof onClose === 'function') {\n        onClose();\n      }\n    };\n\n    return (\n      <Menu.Root onOpenChange={handleOpenChange}>\n        <Menu.Trigger ref={composedRef} {...props}>\n          {props.label}\n        </Menu.Trigger>\n        <Menu.Content zIndex={10000} popoverPlacement={popoverPlacement}>\n          {children}\n        </Menu.Content>\n      </Menu.Root>\n    );\n  }\n);\n\nconst MenuItem = Menu.Item;\ntype MenuItemProps = Menu.ItemProps;\n\nexport { SimpleMenu, MenuItem, Menu };\nexport type { SimpleMenuProps, MenuItemProps };\n"],"names":["SimpleMenu","React","forwardRef","children","onOpen","onClose","popoverPlacement","props","forwardedRef","triggerRef","useRef","composedRef","useComposedRefs","handleOpenChange","isOpen","_jsxs","Menu","Root","onOpenChange","_jsx","Trigger","ref","label","Content","zIndex","MenuItem","Item"],"mappings":";;;;;AAeA,MAAMA,2BAAaC,KAAMC,CAAAA,UAAU,CACjC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC,OAAO,EAAEC,YAAAA,GAAAA;IAC1D,MAAMC,UAAAA,GAAaR,KAAMS,CAAAA,MAAM,CAAoB,IAAA,CAAA;IACnD,MAAMC,WAAAA,GAAcC,gBAAgBJ,YAAcC,EAAAA,UAAAA,CAAAA;AAElD,IAAA,MAAMI,mBAAmB,CAACC,MAAAA,GAAAA;QACxB,IAAIA,MAAAA,IAAU,OAAOV,MAAAA,KAAW,UAAY,EAAA;AAC1CA,YAAAA,MAAAA,EAAAA;AACF,SAAA,MAAO,IAAI,CAACU,MAAU,IAAA,OAAOT,YAAY,UAAY,EAAA;AACnDA,YAAAA,OAAAA,EAAAA;AACF;AACF,KAAA;IAEA,qBACEU,IAAA,CAACC,KAAKC,IAAI,EAAA;QAACC,YAAcL,EAAAA,gBAAAA;;AACvB,0BAAAM,GAAA,CAACH,KAAKI,OAAO,EAAA;gBAACC,GAAKV,EAAAA,WAAAA;AAAc,gBAAA,GAAGJ,KAAK;AACtCA,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMe;;AAET,0BAAAH,GAAA,CAACH,KAAKO,OAAO,EAAA;gBAACC,MAAQ,EAAA,KAAA;gBAAOlB,gBAAkBA,EAAAA,gBAAAA;AAC5CH,gBAAAA,QAAAA,EAAAA;;;;AAIT,CAAA;AAGIsB,MAAAA,QAAAA,GAAWT,KAAKU;;;;"}

package/dist/admin/components/AIChat/components/StepModal.js

@@ -0,0 +1,175 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+const StepModalContext = /*#__PURE__*/ React.createContext(null);
+const useStepModal = ()=>{
+    const context = React.useContext(StepModalContext);
+    if (!context) {
+        throw new Error('useStepModal must be used within a StepModal');
+    }
+    return context;
+};
+const StepModal = ({ open, onOpenChange, title, children, onComplete, onCancel })=>{
+    const [currentStep, setCurrentStep] = React.useState(0);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const childrenArray = React.Children.toArray(children).filter((child)=>/*#__PURE__*/ React.isValidElement(child)).map((child)=>child.props);
+    const totalSteps = childrenArray.length;
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    // Reset states when modal opens/closes
+    React.useEffect(()=>{
+        if (!open) {
+            // Reset states when modal is closed
+            setCurrentStep(0);
+            setIsLoading(false);
+            setError(null);
+        }
+    }, [
+        open
+    ]);
+    const resetStates = ()=>{
+        setCurrentStep(0);
+        setIsLoading(false);
+        setError(null);
+    };
+    const handleCancel = ()=>{
+        onCancel?.();
+        resetStates();
+        onOpenChange(false);
+    };
+    const handleBack = ()=>{
+        setCurrentStep((prev)=>Math.max(0, prev - 1));
+        setError(null);
+    };
+    const nextStep = async ()=>{
+        const currentStepProps = childrenArray[currentStep];
+        if (currentStepProps.onNext) {
+            setIsLoading(true);
+            setError(null);
+            try {
+                if (isLastStep) {
+                    onComplete?.();
+                    resetStates();
+                    onOpenChange(false);
+                } else {
+                    await currentStepProps.onNext();
+                    setCurrentStep((prev)=>prev + 1);
+                }
+                return true;
+            } catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                return false;
+            } finally{
+                setIsLoading(false);
+            }
+        } else {
+            // Default behavior: just move to next step
+            if (isLastStep) {
+                onComplete?.();
+                resetStates();
+                onOpenChange(false);
+            } else {
+                setCurrentStep((prev)=>prev + 1);
+            }
+            return true;
+        }
+    };
+    // Handle form submission (triggered by Enter key)
+    const handleFormSubmit = (e)=>{
+        e.preventDefault();
+        if (!isLoading && !childrenArray[currentStep]?.disableNext) {
+            nextStep();
+        }
+    };
+    const contextValue = {
+        currentStep,
+        goToStep: setCurrentStep,
+        nextStep,
+        prevStep: handleBack,
+        isFirstStep,
+        isLastStep,
+        totalSteps,
+        isLoading,
+        error,
+        setError
+    };
+    const currentChild = childrenArray[currentStep];
+    return /*#__PURE__*/ jsxRuntime.jsx(StepModalContext.Provider, {
+        value: contextValue,
+        children: open && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+            open: true,
+            onOpenChange: handleCancel,
+            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Content, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "omega",
+                            fontWeight: "bold",
+                            children: currentChild?.title || title
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("form", {
+                        onSubmit: handleFormSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Body, {
+                                children: [
+                                    React.Children.toArray(children)[currentStep],
+                                    error && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        marginTop: 4,
+                                        padding: 3,
+                                        background: "danger100",
+                                        color: "danger600",
+                                        borderRadius: "4px",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "pi",
+                                            children: error.message
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                                children: [
+                                    isFirstStep ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        onClick: handleCancel,
+                                        type: "button",
+                                        children: currentChild?.cancelLabel || 'Cancel'
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        onClick: handleBack,
+                                        type: "button",
+                                        children: currentChild?.backLabel || 'Back'
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "default",
+                                        type: "submit",
+                                        disabled: isLoading || currentChild?.disableNext,
+                                        loading: isLoading,
+                                        children: currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Step
+ * -----------------------------------------------------------------------------------------------*/ const Step = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: children
+    });
+};
+StepModal.Step = Step;
+
+exports.Step = Step;
+exports.StepModal = StepModal;
+exports.useStepModal = useStepModal;
+//# sourceMappingURL=StepModal.js.map

package/dist/admin/components/AIChat/components/StepModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepModal.js","sources":["../../../../../admin/src/components/AIChat/components/StepModal.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  Children,\n  isValidElement,\n  FormEvent,\n  useEffect,\n} from 'react';\n\nimport { Modal, Box, Button, Typography } from '@strapi/design-system';\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StepModalContextType {\n  currentStep: number;\n  goToStep: (step: number) => void;\n  nextStep: () => Promise<boolean>;\n  prevStep: () => void;\n  isFirstStep: boolean;\n  isLastStep: boolean;\n  totalSteps: number;\n  isLoading: boolean;\n  error: Error | null;\n  setError: (error: Error | null) => void;\n}\n\nconst StepModalContext = createContext<StepModalContextType | null>(null);\n\nexport const useStepModal = () => {\n  const context = useContext(StepModalContext);\n  if (!context) {\n    throw new Error('useStepModal must be used within a StepModal');\n  }\n  return context;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * StepModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StepModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  children: ReactNode;\n  onComplete?: () => void;\n  onCancel?: () => void;\n}\n\ninterface StepProps {\n  title?: string;\n  children: ReactNode;\n  nextLabel?: string;\n  cancelLabel?: string;\n  backLabel?: string;\n  disableNext?: boolean;\n  onNext?: () => Promise<boolean> | boolean;\n}\n\nconst StepModal = ({\n  open,\n  onOpenChange,\n  title,\n  children,\n  onComplete,\n  onCancel,\n}: StepModalProps) => {\n  const [currentStep, setCurrentStep] = useState(0);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const childrenArray = Children.toArray(children)\n    .filter((child): child is React.ReactElement => isValidElement(child))\n    .map((child) => child.props);\n\n  const totalSteps = childrenArray.length;\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  // Reset states when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      // Reset states when modal is closed\n      setCurrentStep(0);\n      setIsLoading(false);\n      setError(null);\n    }\n  }, [open]);\n\n  const resetStates = () => {\n    setCurrentStep(0);\n    setIsLoading(false);\n    setError(null);\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    resetStates();\n    onOpenChange(false);\n  };\n\n  const handleBack = () => {\n    setCurrentStep((prev) => Math.max(0, prev - 1));\n    setError(null);\n  };\n\n  const nextStep = async () => {\n    const currentStepProps = childrenArray[currentStep];\n\n    if (currentStepProps.onNext) {\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        if (isLastStep) {\n          onComplete?.();\n          resetStates();\n          onOpenChange(false);\n        } else {\n          await currentStepProps.onNext();\n          setCurrentStep((prev) => prev + 1);\n        }\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error(String(err)));\n        return false;\n      } finally {\n        setIsLoading(false);\n      }\n    } else {\n      // Default behavior: just move to next step\n      if (isLastStep) {\n        onComplete?.();\n        resetStates();\n        onOpenChange(false);\n      } else {\n        setCurrentStep((prev) => prev + 1);\n      }\n      return true;\n    }\n  };\n\n  // Handle form submission (triggered by Enter key)\n  const handleFormSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    if (!isLoading && !childrenArray[currentStep]?.disableNext) {\n      nextStep();\n    }\n  };\n\n  const contextValue = {\n    currentStep,\n    goToStep: setCurrentStep,\n    nextStep,\n    prevStep: handleBack,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    isLoading,\n    error,\n    setError,\n  };\n\n  const currentChild = childrenArray[currentStep];\n\n  return (\n    <StepModalContext.Provider value={contextValue}>\n      {open && (\n        <Modal.Root open onOpenChange={handleCancel}>\n          <Modal.Content>\n            <Modal.Header>\n              <Typography variant=\"omega\" fontWeight=\"bold\">\n                {currentChild?.title || title}\n              </Typography>\n            </Modal.Header>\n\n            <form onSubmit={handleFormSubmit}>\n              <Modal.Body>\n                {Children.toArray(children)[currentStep]}\n\n                {error && (\n                  <Box\n                    marginTop={4}\n                    padding={3}\n                    background=\"danger100\"\n                    color=\"danger600\"\n                    borderRadius=\"4px\"\n                  >\n                    <Typography variant=\"pi\">{error.message}</Typography>\n                  </Box>\n                )}\n              </Modal.Body>\n\n              <Modal.Footer>\n                {isFirstStep ? (\n                  <Button variant=\"tertiary\" onClick={handleCancel} type=\"button\">\n                    {currentChild?.cancelLabel || 'Cancel'}\n                  </Button>\n                ) : (\n                  <Button variant=\"tertiary\" onClick={handleBack} type=\"button\">\n                    {currentChild?.backLabel || 'Back'}\n                  </Button>\n                )}\n\n                <Button\n                  variant=\"default\"\n                  type=\"submit\"\n                  disabled={isLoading || currentChild?.disableNext}\n                  loading={isLoading}\n                >\n                  {currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')}\n                </Button>\n              </Modal.Footer>\n            </form>\n          </Modal.Content>\n        </Modal.Root>\n      )}\n    </StepModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step\n * -----------------------------------------------------------------------------------------------*/\n\nconst Step = ({ children }: StepProps) => {\n  return <>{children}</>;\n};\n\nStepModal.Step = Step;\n\nexport { StepModal, Step };\n"],"names":["StepModalContext","createContext","useStepModal","context","useContext","Error","StepModal","open","onOpenChange","title","children","onComplete","onCancel","currentStep","setCurrentStep","useState","isLoading","setIsLoading","error","setError","childrenArray","Children","toArray","filter","child","isValidElement","map","props","totalSteps","length","isFirstStep","isLastStep","useEffect","resetStates","handleCancel","handleBack","prev","Math","max","nextStep","currentStepProps","onNext","err","String","handleFormSubmit","e","preventDefault","disableNext","contextValue","goToStep","prevStep","currentChild","_jsx","Provider","value","Modal","Root","_jsxs","Content","Header","Typography","variant","fontWeight","form","onSubmit","Body","Box","marginTop","padding","background","color","borderRadius","message","Footer","Button","onClick","type","cancelLabel","backLabel","disabled","loading","nextLabel","Step","_Fragment"],"mappings":"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"}

package/dist/admin/components/AIChat/components/StepModal.mjs

@@ -0,0 +1,171 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, Children, isValidElement, useEffect, createContext, useContext } from 'react';
+import { Modal, Typography, Box, Button } from '@strapi/design-system';
+
+const StepModalContext = /*#__PURE__*/ createContext(null);
+const useStepModal = ()=>{
+    const context = useContext(StepModalContext);
+    if (!context) {
+        throw new Error('useStepModal must be used within a StepModal');
+    }
+    return context;
+};
+const StepModal = ({ open, onOpenChange, title, children, onComplete, onCancel })=>{
+    const [currentStep, setCurrentStep] = useState(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const childrenArray = Children.toArray(children).filter((child)=>/*#__PURE__*/ isValidElement(child)).map((child)=>child.props);
+    const totalSteps = childrenArray.length;
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    // Reset states when modal opens/closes
+    useEffect(()=>{
+        if (!open) {
+            // Reset states when modal is closed
+            setCurrentStep(0);
+            setIsLoading(false);
+            setError(null);
+        }
+    }, [
+        open
+    ]);
+    const resetStates = ()=>{
+        setCurrentStep(0);
+        setIsLoading(false);
+        setError(null);
+    };
+    const handleCancel = ()=>{
+        onCancel?.();
+        resetStates();
+        onOpenChange(false);
+    };
+    const handleBack = ()=>{
+        setCurrentStep((prev)=>Math.max(0, prev - 1));
+        setError(null);
+    };
+    const nextStep = async ()=>{
+        const currentStepProps = childrenArray[currentStep];
+        if (currentStepProps.onNext) {
+            setIsLoading(true);
+            setError(null);
+            try {
+                if (isLastStep) {
+                    onComplete?.();
+                    resetStates();
+                    onOpenChange(false);
+                } else {
+                    await currentStepProps.onNext();
+                    setCurrentStep((prev)=>prev + 1);
+                }
+                return true;
+            } catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                return false;
+            } finally{
+                setIsLoading(false);
+            }
+        } else {
+            // Default behavior: just move to next step
+            if (isLastStep) {
+                onComplete?.();
+                resetStates();
+                onOpenChange(false);
+            } else {
+                setCurrentStep((prev)=>prev + 1);
+            }
+            return true;
+        }
+    };
+    // Handle form submission (triggered by Enter key)
+    const handleFormSubmit = (e)=>{
+        e.preventDefault();
+        if (!isLoading && !childrenArray[currentStep]?.disableNext) {
+            nextStep();
+        }
+    };
+    const contextValue = {
+        currentStep,
+        goToStep: setCurrentStep,
+        nextStep,
+        prevStep: handleBack,
+        isFirstStep,
+        isLastStep,
+        totalSteps,
+        isLoading,
+        error,
+        setError
+    };
+    const currentChild = childrenArray[currentStep];
+    return /*#__PURE__*/ jsx(StepModalContext.Provider, {
+        value: contextValue,
+        children: open && /*#__PURE__*/ jsx(Modal.Root, {
+            open: true,
+            onOpenChange: handleCancel,
+            children: /*#__PURE__*/ jsxs(Modal.Content, {
+                children: [
+                    /*#__PURE__*/ jsx(Modal.Header, {
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "omega",
+                            fontWeight: "bold",
+                            children: currentChild?.title || title
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("form", {
+                        onSubmit: handleFormSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxs(Modal.Body, {
+                                children: [
+                                    Children.toArray(children)[currentStep],
+                                    error && /*#__PURE__*/ jsx(Box, {
+                                        marginTop: 4,
+                                        padding: 3,
+                                        background: "danger100",
+                                        color: "danger600",
+                                        borderRadius: "4px",
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            variant: "pi",
+                                            children: error.message
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Modal.Footer, {
+                                children: [
+                                    isFirstStep ? /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        onClick: handleCancel,
+                                        type: "button",
+                                        children: currentChild?.cancelLabel || 'Cancel'
+                                    }) : /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        onClick: handleBack,
+                                        type: "button",
+                                        children: currentChild?.backLabel || 'Back'
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        variant: "default",
+                                        type: "submit",
+                                        disabled: isLoading || currentChild?.disableNext,
+                                        loading: isLoading,
+                                        children: currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Step
+ * -----------------------------------------------------------------------------------------------*/ const Step = ({ children })=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+};
+StepModal.Step = Step;
+
+export { Step, StepModal, useStepModal };
+//# sourceMappingURL=StepModal.mjs.map

package/dist/admin/components/AIChat/components/StepModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepModal.mjs","sources":["../../../../../admin/src/components/AIChat/components/StepModal.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  Children,\n  isValidElement,\n  FormEvent,\n  useEffect,\n} from 'react';\n\nimport { Modal, Box, Button, Typography } from '@strapi/design-system';\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StepModalContextType {\n  currentStep: number;\n  goToStep: (step: number) => void;\n  nextStep: () => Promise<boolean>;\n  prevStep: () => void;\n  isFirstStep: boolean;\n  isLastStep: boolean;\n  totalSteps: number;\n  isLoading: boolean;\n  error: Error | null;\n  setError: (error: Error | null) => void;\n}\n\nconst StepModalContext = createContext<StepModalContextType | null>(null);\n\nexport const useStepModal = () => {\n  const context = useContext(StepModalContext);\n  if (!context) {\n    throw new Error('useStepModal must be used within a StepModal');\n  }\n  return context;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * StepModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StepModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  children: ReactNode;\n  onComplete?: () => void;\n  onCancel?: () => void;\n}\n\ninterface StepProps {\n  title?: string;\n  children: ReactNode;\n  nextLabel?: string;\n  cancelLabel?: string;\n  backLabel?: string;\n  disableNext?: boolean;\n  onNext?: () => Promise<boolean> | boolean;\n}\n\nconst StepModal = ({\n  open,\n  onOpenChange,\n  title,\n  children,\n  onComplete,\n  onCancel,\n}: StepModalProps) => {\n  const [currentStep, setCurrentStep] = useState(0);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const childrenArray = Children.toArray(children)\n    .filter((child): child is React.ReactElement => isValidElement(child))\n    .map((child) => child.props);\n\n  const totalSteps = childrenArray.length;\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  // Reset states when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      // Reset states when modal is closed\n      setCurrentStep(0);\n      setIsLoading(false);\n      setError(null);\n    }\n  }, [open]);\n\n  const resetStates = () => {\n    setCurrentStep(0);\n    setIsLoading(false);\n    setError(null);\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    resetStates();\n    onOpenChange(false);\n  };\n\n  const handleBack = () => {\n    setCurrentStep((prev) => Math.max(0, prev - 1));\n    setError(null);\n  };\n\n  const nextStep = async () => {\n    const currentStepProps = childrenArray[currentStep];\n\n    if (currentStepProps.onNext) {\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        if (isLastStep) {\n          onComplete?.();\n          resetStates();\n          onOpenChange(false);\n        } else {\n          await currentStepProps.onNext();\n          setCurrentStep((prev) => prev + 1);\n        }\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error(String(err)));\n        return false;\n      } finally {\n        setIsLoading(false);\n      }\n    } else {\n      // Default behavior: just move to next step\n      if (isLastStep) {\n        onComplete?.();\n        resetStates();\n        onOpenChange(false);\n      } else {\n        setCurrentStep((prev) => prev + 1);\n      }\n      return true;\n    }\n  };\n\n  // Handle form submission (triggered by Enter key)\n  const handleFormSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    if (!isLoading && !childrenArray[currentStep]?.disableNext) {\n      nextStep();\n    }\n  };\n\n  const contextValue = {\n    currentStep,\n    goToStep: setCurrentStep,\n    nextStep,\n    prevStep: handleBack,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    isLoading,\n    error,\n    setError,\n  };\n\n  const currentChild = childrenArray[currentStep];\n\n  return (\n    <StepModalContext.Provider value={contextValue}>\n      {open && (\n        <Modal.Root open onOpenChange={handleCancel}>\n          <Modal.Content>\n            <Modal.Header>\n              <Typography variant=\"omega\" fontWeight=\"bold\">\n                {currentChild?.title || title}\n              </Typography>\n            </Modal.Header>\n\n            <form onSubmit={handleFormSubmit}>\n              <Modal.Body>\n                {Children.toArray(children)[currentStep]}\n\n                {error && (\n                  <Box\n                    marginTop={4}\n                    padding={3}\n                    background=\"danger100\"\n                    color=\"danger600\"\n                    borderRadius=\"4px\"\n                  >\n                    <Typography variant=\"pi\">{error.message}</Typography>\n                  </Box>\n                )}\n              </Modal.Body>\n\n              <Modal.Footer>\n                {isFirstStep ? (\n                  <Button variant=\"tertiary\" onClick={handleCancel} type=\"button\">\n                    {currentChild?.cancelLabel || 'Cancel'}\n                  </Button>\n                ) : (\n                  <Button variant=\"tertiary\" onClick={handleBack} type=\"button\">\n                    {currentChild?.backLabel || 'Back'}\n                  </Button>\n                )}\n\n                <Button\n                  variant=\"default\"\n                  type=\"submit\"\n                  disabled={isLoading || currentChild?.disableNext}\n                  loading={isLoading}\n                >\n                  {currentChild?.nextLabel || (isLastStep ? 'Complete' : 'Next')}\n                </Button>\n              </Modal.Footer>\n            </form>\n          </Modal.Content>\n        </Modal.Root>\n      )}\n    </StepModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step\n * -----------------------------------------------------------------------------------------------*/\n\nconst Step = ({ children }: StepProps) => {\n  return <>{children}</>;\n};\n\nStepModal.Step = Step;\n\nexport { StepModal, Step };\n"],"names":["StepModalContext","createContext","useStepModal","context","useContext","Error","StepModal","open","onOpenChange","title","children","onComplete","onCancel","currentStep","setCurrentStep","useState","isLoading","setIsLoading","error","setError","childrenArray","Children","toArray","filter","child","isValidElement","map","props","totalSteps","length","isFirstStep","isLastStep","useEffect","resetStates","handleCancel","handleBack","prev","Math","max","nextStep","currentStepProps","onNext","err","String","handleFormSubmit","e","preventDefault","disableNext","contextValue","goToStep","prevStep","currentChild","_jsx","Provider","value","Modal","Root","_jsxs","Content","Header","Typography","variant","fontWeight","form","onSubmit","Body","Box","marginTop","padding","background","color","borderRadius","message","Footer","Button","onClick","type","cancelLabel","backLabel","disabled","loading","nextLabel","Step","_Fragment"],"mappings":"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"}

package/dist/admin/components/AIChat/components/animations.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var styledComponents = require('styled-components');
+
+const ANIMATIONS = {
+    fadeIn: styledComponents.keyframes`
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  `,
+    scaleIn: styledComponents.keyframes`
+    from {
+      opacity: 0;
+      transform: scale(0.7);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  `,
+    slideUpIn: styledComponents.keyframes`
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  `,
+    slideUpOut: styledComponents.keyframes`
+    from {
+      opacity: 1;
+      transform: translateY(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+  `,
+    slideDownIn: styledComponents.keyframes`
+    from {
+      opacity: 0;
+      transform: translateY(-10px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  `,
+    slideDownOut: styledComponents.keyframes`
+    from {
+      opacity: 1;
+      transform: translateY(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(-10px);
+    }
+  `
+};
+
+exports.ANIMATIONS = ANIMATIONS;
+//# sourceMappingURL=animations.js.map

package/dist/admin/components/AIChat/components/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sources":["../../../../../admin/src/components/AIChat/components/animations.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const ANIMATIONS = {\n  fadeIn: keyframes`\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  `,\n\n  scaleIn: keyframes`\n    from {\n      opacity: 0;\n      transform: scale(0.7);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  `,\n\n  slideUpIn: keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `,\n\n  slideUpOut: keyframes`\n    from {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n  `,\n\n  slideDownIn: keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(-10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `,\n\n  slideDownOut: keyframes`\n    from {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-10px);\n    }\n  `,\n};\n"],"names":["ANIMATIONS","fadeIn","keyframes","scaleIn","slideUpIn","slideUpOut","slideDownIn","slideDownOut"],"mappings":";;;;MAEaA,UAAa,GAAA;AACxBC,IAAAA,MAAAA,EAAQC,0BAAS;;;;;;;EAOjB,CAAC;AAEDC,IAAAA,OAAAA,EAASD,0BAAS;;;;;;;;;EASlB,CAAC;AAEDE,IAAAA,SAAAA,EAAWF,0BAAS;;;;;;;;;EASpB,CAAC;AAEDG,IAAAA,UAAAA,EAAYH,0BAAS;;;;;;;;;EASrB,CAAC;AAEDI,IAAAA,WAAAA,EAAaJ,0BAAS;;;;;;;;;EAStB,CAAC;AAEDK,IAAAA,YAAAA,EAAcL,0BAAS;;;;;;;;;EASvB;AACF;;;;"}