@jenesei-software/jenesei-kit-react 1.3.18 → 1.3.20

package/build/context.constants-CRxCVRKK.cjs

@@ -0,0 +1,32 @@
+"use strict";const e=require("framer-motion"),i=require("styled-components"),t=require("./style-Df37KnoJ.cjs"),o=require("./jsx-runtime-BcGej2Kr.cjs"),n=require("./area-Dup_lUb9.cjs"),r=require("react");require("uuid");const s=r.createContext(null),a=r.memo(e=>{var i,t,s,a,l,p,c,D;const[m,E]=r.useState(!0);return o.jsxRuntimeExports.jsx(n.Outside,{onOutsideClick:()=>e.remove(),children:o.jsxRuntimeExports.jsx(d,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},onAnimationComplete:()=>E(!1),transition:{type:"spring",duration:x,delay:u},style:{zIndex:-e.index},$isDisabledOutline:null==(t=null==(i=e.props)?void 0:i.propsDialog)?void 0:t.isDisabledOutline,$isOutlineBoxShadow:null==(a=null==(s=e.props)?void 0:s.propsDialog)?void 0:a.isOutlineBoxShadow,$isReadOnly:null==(p=null==(l=e.props)?void 0:l.propsDialog)?void 0:p.isReadOnly,$propsDialog:null==(c=e.props)?void 0:c.propsDialog,children:null==(D=e.content)?void 0:D.call(e,e.props,e.remove,m)},e.id)})}),l=i(e.motion.div)`
+  position: fixed;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.palette.black50};
+  z-index: ${e=>e.$zIndex};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`,d=i(e.motion.dialog)`
+  ${t.addOutline};
+  max-width: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.maxWidth)||D}};
+  max-height: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.maxHeight)||c}};
+  border-radius: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.borderRadius)||m}};
+  background: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.background)?e.theme.palette[e.$propsDialog.background]:e.theme.palette[g]}};
+  padding: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.padding)||E}};
+  width: max-content;
+  height: max-content;
+  border: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+`,p=i(e.motion.div)``,x=.3,u=.4,c="max-content",D="max-content",m="12px",E="20px",g="whiteStandard";exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=x,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=u,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=g,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=m,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=c,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=D,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=E,exports.DialogContent=p,exports.DialogContext=s,exports.DialogElementWrapper=d,exports.DialogLayout=l,exports.ProviderDialog=i=>{const[t,n]=r.useState([]),d=r.useCallback(e=>{n(i=>{const t=i.find(i=>i.id===e);if(!t)return i;const o=t.index;return i.filter(i=>i.id!==e).map(e=>({...e,index:e.index>o?e.index-1:e.index}))})},[]),p=r.useCallback(e=>{n(i=>i.map(i=>i.id===e.id?{...i,...e}:i))},[]),x=r.useCallback(e=>{const i=e.id;n(t=>{const o=t.findIndex(e=>e.id===i);let n;if(-1!==o)n=[...t],n[o]={...e,id:i,index:t[o].index};else{n=t.map(e=>({...e,index:e.index+1}));const o={...e,id:i,index:0};n.unshift(o)}return n})},[]),c=r.useMemo(()=>t.length,[t.length]),D=r.useMemo(()=>i.zIndex,[i.zIndex]);return o.jsxRuntimeExports.jsxs(s.Provider,{value:{add:x,remove:d,update:p,dialogHistory:t},children:[o.jsxRuntimeExports.jsx(e.AnimatePresence,{children:c&&o.jsxRuntimeExports.jsx(l,{$zIndex:D,initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:u},children:t.map(e=>{const i=e.index,t=e.content,n=e.id,r=e.props;return o.jsxRuntimeExports.jsx(a,{index:i,content:t,props:r,id:n,remove:()=>d(n)},n)})})}),i.children]})};
+//# sourceMappingURL=context.constants-CRxCVRKK.cjs.map

package/build/context.constants-CRxCVRKK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.constants-CRxCVRKK.cjs","sources":["../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.constants.ts"],"sourcesContent":["import { Outside } from '@local/areas/outside';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { createContext, FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n  DialogContentProps,\n  DialogContextProps,\n  DialogElementProps,\n  DialogElementWrapper,\n  DialogLayout,\n  ProviderDialogProps,\n} from '.';\n\nexport const DialogContext = createContext<DialogContextProps<object> | null>(null);\n\nexport const ProviderDialog: FC<ProviderDialogProps> = (props) => {\n  const [dialogHistory, setDialogHistory] = useState<DialogContentProps<object>[]>([]);\n\n  const remove: DialogContextProps<object>['remove'] = useCallback((id) => {\n    setDialogHistory((prev) => {\n      const itemToRemove = prev.find((item) => item.id === id);\n\n      if (!itemToRemove) return prev;\n\n      const indexToRemove = itemToRemove.index!;\n\n      const updatedHistory = prev\n        .filter((item) => item.id !== id)\n        .map((item) => ({\n          ...item,\n          index: item.index! > indexToRemove ? item.index! - 1 : item.index,\n        }));\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const update: DialogContextProps<object>['update'] = useCallback((dialog) => {\n    setDialogHistory((prev) => {\n      return prev.map((item) => {\n        if (item.id === dialog.id) {\n          return { ...item, ...dialog };\n        }\n        return item;\n      });\n    });\n  }, []);\n\n  const add: DialogContextProps<object>['add'] = useCallback((dialog) => {\n    const id = dialog.id;\n\n    setDialogHistory((prev) => {\n      const existingIndex = prev.findIndex((item) => item.id === id);\n\n      let updatedHistory;\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev];\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n      } else {\n        updatedHistory = prev.map((item) => ({\n          ...item,\n          index: item.index! + 1,\n        }));\n        const newContent = { ...dialog, id, index: 0 };\n        updatedHistory.unshift(newContent);\n      }\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n  const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <DialogLayout\n            $zIndex={zIndex}\n            initial={{\n              opacity: 0,\n            }}\n            exit={{\n              opacity: 0,\n            }}\n            animate={{\n              opacity: 1,\n            }}\n            transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n          >\n            {dialogHistory.map((dialog) => {\n              const index = dialog.index;\n              const content = dialog.content;\n              const id = dialog.id;\n              const props = dialog.props;\n\n              return (\n                <MemoizedDialogElement\n                  index={index}\n                  content={content}\n                  props={props}\n                  key={id}\n                  id={id}\n                  remove={() => remove(id)}\n                />\n              );\n            })}\n          </DialogLayout>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n\nconst DialogElement = (props: DialogElementProps) => {\n  const [isAnimating, setIsAnimating] = useState(true);\n  return (\n    <Outside onOutsideClick={() => props.remove()}>\n      <DialogElementWrapper\n        key={props.id}\n        initial={{\n          opacity: 0,\n          scale: 0.8,\n        }}\n        animate={{\n          opacity: 1,\n          scale: 1,\n        }}\n        onAnimationComplete={() => setIsAnimating(false)}\n        transition={{\n          type: 'spring',\n          duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n          delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n        }}\n        style={{\n          zIndex: -props.index!,\n        }}\n        $isDisabledOutline={props.props?.propsDialog?.isDisabledOutline}\n        $isOutlineBoxShadow={props.props?.propsDialog?.isOutlineBoxShadow}\n        $isReadOnly={props.props?.propsDialog?.isReadOnly}\n        $propsDialog={props.props?.propsDialog}\n      >\n        {props.content?.(props.props, props.remove, isAnimating)}\n      </DialogElementWrapper>\n    </Outside>\n  );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nimport { addOutline } from '@local/styles/add';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n  DialogElementWrapperProps,\n  DialogLayoutProps,\n} from '.';\n\nexport const DialogLayout = styled(motion.div)<DialogLayoutProps>`\n  position: fixed;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  background-color: ${(props) => props.theme.palette.black50};\n  z-index: ${(props) => props.$zIndex};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`;\n\nexport const DialogElementWrapper = styled(motion.dialog)<DialogElementWrapperProps>`\n  ${addOutline};\n  max-width: ${(props) => props.$propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH};\n  max-height: ${(props) => props.$propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT};\n  border-radius: ${(props) => props.$propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS};\n  background: ${(props) =>\n    props.$propsDialog?.background\n      ? props.theme.palette[props.$propsDialog.background]\n      : props.theme.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND]};\n  padding: ${(props) => props.$propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING};\n  width: max-content;\n  height: max-content;\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n`;\nexport const DialogContent = styled(motion.div)``;\n","import { IThemePaletteKeys } from '@local/theme';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys = 'whiteStandard';\n"],"names":["DialogContext","createContext","MemoizedDialogElement","memo","props","isAnimating","setIsAnimating","useState","Outside","onOutsideClick","remove","children","jsx","DialogElementWrapper","initial","opacity","scale","animate","onAnimationComplete","transition","type","duration","DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT","delay","DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT","style","zIndex","index","$isDisabledOutline","_b","_a","propsDialog","isDisabledOutline","$isOutlineBoxShadow","_d","_c","isOutlineBoxShadow","$isReadOnly","_f","_e","isReadOnly","$propsDialog","_g","content","id","DialogLayout","styled","motion","div","theme","palette","black50","$zIndex","dialog","addOutline","maxWidth","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH","maxHeight","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT","borderRadius","DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS","background","DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND","padding","DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING","DialogContent","dialogHistory","setDialogHistory","useCallback","prev","itemToRemove","find","item","indexToRemove","filter","map","update","add","existingIndex","findIndex","updatedHistory","newContent","unshift","dialogHistoryLength","useMemo","length","jsxs","Provider","value","AnimatePresence","exit"],"mappings":"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"}

package/build/{context.constants-BCpaUfFz.js → context.constants-CaDW-QGJ.js}

@@ -1,11 +1,10 @@
-import { createContext, memo, useState, useCallback, useMemo, useContext, useEffect } from "react";
-import { v4 } from "uuid";
-import { u as useDeepCompareMemoize } from "./use-DT0XgvJT.js";
 import { AnimatePresence, motion } from "framer-motion";
 import styled from "styled-components";
 import { g as addOutline } from "./style-RL73t3JD.js";
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { O as Outside } from "./area-CD8KKIM0.js";
+import { createContext, memo, useState, useCallback, useMemo } from "react";
+import "uuid";
 const DialogContext = createContext(null);
 const ProviderDialog = (props) => {
   const [dialogHistory, setDialogHistory] = useState([]);
@@ -122,41 +121,6 @@ const DialogElement = (props) => {
   ) });
 };
 const MemoizedDialogElement = memo(DialogElement);
-const useDialogs = () => {
-  const context = useContext(DialogContext);
-  if (!context) {
-    throw new Error("useDialogs must be used within an ProviderDialog");
-  }
-  return context;
-};
-const useDialog = (props) => {
-  const { add, remove, update, dialogHistory } = useDialogs();
-  const [id, setId] = useState(null);
-  const localAdd = useCallback(
-    (dialog) => {
-      const find = dialogHistory.find((item) => item.id === dialog.id);
-      if (!id || !find) {
-        const id2 = dialog.id || v4();
-        setId(id2);
-        add({ ...dialog, props, id: id2 });
-      }
-    },
-    [add, dialogHistory, id, props]
-  );
-  const localRemove = useCallback(() => {
-    if (id) {
-      remove(id);
-      setId(null);
-    }
-  }, [id, remove]);
-  const propsMemo = useDeepCompareMemoize(props);
-  useEffect(() => {
-    if (id) {
-      update({ id, props: propsMemo });
-    }
-  }, [id, propsMemo, update]);
-  return { add: localAdd, remove: localRemove, id };
-};
 const DialogLayout = styled(motion.div)`
   position: fixed;
   flex: 1;
@@ -215,17 +179,15 @@ const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND = "whiteStandard";
 export {
   DialogContext as D,
   ProviderDialog as P,
-  useDialog as a,
-  DialogLayout as b,
-  DialogElementWrapper as c,
-  DialogContent as d,
-  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT as e,
-  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT as f,
-  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT as g,
-  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH as h,
-  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS as i,
-  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING as j,
-  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND as k,
-  useDialogs as u
+  DialogLayout as a,
+  DialogElementWrapper as b,
+  DialogContent as c,
+  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT as d,
+  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT as e,
+  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT as f,
+  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH as g,
+  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS as h,
+  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING as i,
+  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND as j
 };
-//# sourceMappingURL=context.constants-BCpaUfFz.js.map
+//# sourceMappingURL=context.constants-CaDW-QGJ.js.map

package/build/context.constants-CaDW-QGJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.constants-CaDW-QGJ.js","sources":["../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.constants.ts"],"sourcesContent":["import { Outside } from '@local/areas/outside';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { createContext, FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n  DialogContentProps,\n  DialogContextProps,\n  DialogElementProps,\n  DialogElementWrapper,\n  DialogLayout,\n  ProviderDialogProps,\n} from '.';\n\nexport const DialogContext = createContext<DialogContextProps<object> | null>(null);\n\nexport const ProviderDialog: FC<ProviderDialogProps> = (props) => {\n  const [dialogHistory, setDialogHistory] = useState<DialogContentProps<object>[]>([]);\n\n  const remove: DialogContextProps<object>['remove'] = useCallback((id) => {\n    setDialogHistory((prev) => {\n      const itemToRemove = prev.find((item) => item.id === id);\n\n      if (!itemToRemove) return prev;\n\n      const indexToRemove = itemToRemove.index!;\n\n      const updatedHistory = prev\n        .filter((item) => item.id !== id)\n        .map((item) => ({\n          ...item,\n          index: item.index! > indexToRemove ? item.index! - 1 : item.index,\n        }));\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const update: DialogContextProps<object>['update'] = useCallback((dialog) => {\n    setDialogHistory((prev) => {\n      return prev.map((item) => {\n        if (item.id === dialog.id) {\n          return { ...item, ...dialog };\n        }\n        return item;\n      });\n    });\n  }, []);\n\n  const add: DialogContextProps<object>['add'] = useCallback((dialog) => {\n    const id = dialog.id;\n\n    setDialogHistory((prev) => {\n      const existingIndex = prev.findIndex((item) => item.id === id);\n\n      let updatedHistory;\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev];\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n      } else {\n        updatedHistory = prev.map((item) => ({\n          ...item,\n          index: item.index! + 1,\n        }));\n        const newContent = { ...dialog, id, index: 0 };\n        updatedHistory.unshift(newContent);\n      }\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n  const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <DialogLayout\n            $zIndex={zIndex}\n            initial={{\n              opacity: 0,\n            }}\n            exit={{\n              opacity: 0,\n            }}\n            animate={{\n              opacity: 1,\n            }}\n            transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n          >\n            {dialogHistory.map((dialog) => {\n              const index = dialog.index;\n              const content = dialog.content;\n              const id = dialog.id;\n              const props = dialog.props;\n\n              return (\n                <MemoizedDialogElement\n                  index={index}\n                  content={content}\n                  props={props}\n                  key={id}\n                  id={id}\n                  remove={() => remove(id)}\n                />\n              );\n            })}\n          </DialogLayout>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n\nconst DialogElement = (props: DialogElementProps) => {\n  const [isAnimating, setIsAnimating] = useState(true);\n  return (\n    <Outside onOutsideClick={() => props.remove()}>\n      <DialogElementWrapper\n        key={props.id}\n        initial={{\n          opacity: 0,\n          scale: 0.8,\n        }}\n        animate={{\n          opacity: 1,\n          scale: 1,\n        }}\n        onAnimationComplete={() => setIsAnimating(false)}\n        transition={{\n          type: 'spring',\n          duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n          delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n        }}\n        style={{\n          zIndex: -props.index!,\n        }}\n        $isDisabledOutline={props.props?.propsDialog?.isDisabledOutline}\n        $isOutlineBoxShadow={props.props?.propsDialog?.isOutlineBoxShadow}\n        $isReadOnly={props.props?.propsDialog?.isReadOnly}\n        $propsDialog={props.props?.propsDialog}\n      >\n        {props.content?.(props.props, props.remove, isAnimating)}\n      </DialogElementWrapper>\n    </Outside>\n  );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nimport { addOutline } from '@local/styles/add';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n  DialogElementWrapperProps,\n  DialogLayoutProps,\n} from '.';\n\nexport const DialogLayout = styled(motion.div)<DialogLayoutProps>`\n  position: fixed;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  background-color: ${(props) => props.theme.palette.black50};\n  z-index: ${(props) => props.$zIndex};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`;\n\nexport const DialogElementWrapper = styled(motion.dialog)<DialogElementWrapperProps>`\n  ${addOutline};\n  max-width: ${(props) => props.$propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH};\n  max-height: ${(props) => props.$propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT};\n  border-radius: ${(props) => props.$propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS};\n  background: ${(props) =>\n    props.$propsDialog?.background\n      ? props.theme.palette[props.$propsDialog.background]\n      : props.theme.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND]};\n  padding: ${(props) => props.$propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING};\n  width: max-content;\n  height: max-content;\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n`;\nexport const DialogContent = styled(motion.div)``;\n","import { IThemePaletteKeys } from '@local/theme';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys = 'whiteStandard';\n"],"names":["jsxs","jsx","props"],"mappings":";;;;;;;AAgBO,MAAM,gBAAgB,cAAiD,IAAI;AAE3E,MAAM,iBAA0C,CAAC,UAAU;AAChE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAuC,CAAA,CAAE;AAEnF,QAAM,SAA+C,YAAY,CAAC,OAAO;AACvE,qBAAiB,CAAC,SAAS;AACzB,YAAM,eAAe,KAAK,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE;AAEvD,UAAI,CAAC,aAAc,QAAO;AAE1B,YAAM,gBAAgB,aAAa;AAEnC,YAAM,iBAAiB,KACpB,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,EAC/B,IAAI,CAAC,UAAU;AAAA,QACd,GAAG;AAAA,QACH,OAAO,KAAK,QAAS,gBAAgB,KAAK,QAAS,IAAI,KAAK;AAAA,MAAA,EAC5D;AAEJ,aAAO;AAAA,IAAA,CACR;AAAA,EAAA,GACA,EAAE;AAEL,QAAM,SAA+C,YAAY,CAAC,WAAW;AAC3E,qBAAiB,CAAC,SAAS;AACzB,aAAO,KAAK,IAAI,CAAC,SAAS;AACxB,YAAI,KAAK,OAAO,OAAO,IAAI;AACzB,iBAAO,EAAE,GAAG,MAAM,GAAG,OAAA;AAAA,QAAO;AAE9B,eAAO;AAAA,MAAA,CACR;AAAA,IAAA,CACF;AAAA,EAAA,GACA,EAAE;AAEL,QAAM,MAAyC,YAAY,CAAC,WAAW;AACrE,UAAM,KAAK,OAAO;AAElB,qBAAiB,CAAC,SAAS;AACzB,YAAM,gBAAgB,KAAK,UAAU,CAAC,SAAS,KAAK,OAAO,EAAE;AAE7D,UAAI;AACJ,UAAI,kBAAkB,IAAI;AACxB,yBAAiB,CAAC,GAAG,IAAI;AACzB,uBAAe,aAAa,IAAI,EAAE,GAAG,QAAQ,IAAI,OAAO,KAAK,aAAa,EAAE,MAAA;AAAA,MAAM,OAC7E;AACL,yBAAiB,KAAK,IAAI,CAAC,UAAU;AAAA,UACnC,GAAG;AAAA,UACH,OAAO,KAAK,QAAS;AAAA,QAAA,EACrB;AACF,cAAM,aAAa,EAAE,GAAG,QAAQ,IAAI,OAAO,EAAA;AAC3C,uBAAe,QAAQ,UAAU;AAAA,MAAA;AAGnC,aAAO;AAAA,IAAA,CACR;AAAA,EAAA,GACA,EAAE;AAEL,QAAM,sBAAsB,QAAQ,MAAM,cAAc,QAAQ,CAAC,cAAc,MAAM,CAAC;AACtF,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,CAAC,MAAM,MAAM,CAAC;AAEzD,SACEA,uCAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,KAAK,QAAQ,QAAQ,cAAA,GACpD,UAAA;AAAA,IAAAC,kCAAAA,IAAC,mBACE,UAAA,uBACCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS;AAAA,UACP,SAAS;AAAA,QAAA;AAAA,QAEX,MAAM;AAAA,UACJ,SAAS;AAAA,QAAA;AAAA,QAEX,SAAS;AAAA,UACP,SAAS;AAAA,QAAA;AAAA,QAEX,YAAY,EAAE,MAAM,UAAU,UAAU,wCAAA;AAAA,QAEvC,UAAA,cAAc,IAAI,CAAC,WAAW;AAC7B,gBAAM,QAAQ,OAAO;AACrB,gBAAM,UAAU,OAAO;AACvB,gBAAM,KAAK,OAAO;AAClB,gBAAMC,SAAQ,OAAO;AAErB,iBACED,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,OAAOC;AAAAA,cAEP;AAAA,cACA,QAAQ,MAAM,OAAO,EAAE;AAAA,YAAA;AAAA,YAFlB;AAAA,UAAA;AAAA,QAGP,CAEH;AAAA,MAAA;AAAA,IAAA,GAGP;AAAA,IAEC,MAAM;AAAA,EAAA,GACT;AAEJ;AAEA,MAAM,gBAAgB,CAAC,UAA8B;;AACnD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AACnD,+CACG,SAAA,EAAQ,gBAAgB,MAAM,MAAM,UACnC,UAAAD,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,qBAAqB,MAAM,eAAe,KAAK;AAAA,MAC/C,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,QAAQ,CAAC,MAAM;AAAA,MAAA;AAAA,MAEjB,qBAAoB,iBAAM,UAAN,mBAAa,gBAAb,mBAA0B;AAAA,MAC9C,sBAAqB,iBAAM,UAAN,mBAAa,gBAAb,mBAA0B;AAAA,MAC/C,cAAa,iBAAM,UAAN,mBAAa,gBAAb,mBAA0B;AAAA,MACvC,eAAc,WAAM,UAAN,mBAAa;AAAA,MAE1B,sBAAM,2CAAU,MAAM,OAAO,MAAM,QAAQ;AAAA,IAAW;AAAA,IAvBlD,MAAM;AAAA,EAAA,GAyBf;AAEJ;AACA,MAAM,wBAAwB,KAAK,aAAa;AC1IzC,MAAM,eAAe,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB,CAAC,UAAU,MAAM,MAAM,QAAQ,OAAO;AAAA,aAC/C,CAAC,UAAU,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,uBAAuB,OAAO,OAAO,MAAM;AAAA,IACpD,UAAU;AAAA,eACC,CAAC,UAAA;;AAAU,sBAAM,iBAAN,mBAAoB,aAAY;AAAA,CAAyC;AAAA,gBACnF,CAAC,UAAA;;AAAU,sBAAM,iBAAN,mBAAoB,cAAa;AAAA,CAA0C;AAAA,mBACnF,CAAC,UAAA;;AAAU,sBAAM,iBAAN,mBAAoB,iBAAgB;AAAA,CAA6C;AAAA,gBAC/F,CAAC,UAAA;;AACb,sBAAM,iBAAN,mBAAoB,cAChB,MAAM,MAAM,QAAQ,MAAM,aAAa,UAAU,IACjD,MAAM,MAAM,QAAQ,0CAA0C;AAAA,CAAC;AAAA,aAC1D,CAAC,UAAA;;AAAU,sBAAM,iBAAN,mBAAoB,YAAW;AAAA,CAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcvF,MAAM,gBAAgB,OAAO,OAAO,GAAG;ACjDvC,MAAM,2CAA2C;AACjD,MAAM,0CAA0C;AAChD,MAAM,6CAAqD;AAC3D,MAAM,4CAAoD;AAC1D,MAAM,gDAAwD;AAC9D,MAAM,0CAAkD;AACxD,MAAM,6CAAgE;"}