@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.4

package/dist/esm/components/TicketFormSkeleton.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Grid, Box, Typography, Divider, Stack } from '@mui/material';
+import CustomSkeleton from './CustomSkeleton.js';
+
+const TicketFormSkeleton = () => (React.createElement(Grid, { container: true, spacing: 2 },
+    React.createElement(Grid, { item: true, xs: 12, md: 8 },
+        React.createElement(Box, null,
+            React.createElement(Typography, { variant: "h6", gutterBottom: true },
+                React.createElement(CustomSkeleton, { variant: "text", sx: { maxWidth: 300 } })),
+            React.createElement(Grid, { container: true, spacing: 2, mb: 2 },
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12 },
+                    React.createElement(CustomSkeleton, { variant: "text", width: "60%" }))),
+            React.createElement(Divider, { sx: { my: 3 } }),
+            React.createElement(Typography, { variant: "h6", gutterBottom: true },
+                React.createElement(CustomSkeleton, { variant: "text", sx: { maxWidth: 300 } })),
+            React.createElement(Grid, { container: true, spacing: 2, mb: 2 },
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 }))),
+            React.createElement(Divider, { sx: { my: 3 } }),
+            React.createElement(Typography, { variant: "h6", gutterBottom: true },
+                React.createElement(CustomSkeleton, { variant: "text", sx: { maxWidth: 300 } })),
+            React.createElement(Grid, { container: true, spacing: 2, mb: 2 },
+                React.createElement(Grid, { item: true, xs: 12, md: 8 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 })),
+                React.createElement(Grid, { item: true, xs: 12, md: 4 },
+                    React.createElement(CustomSkeleton, { variant: "rectangular", height: 56 }))),
+            React.createElement(Typography, { variant: "subtitle1", gutterBottom: true },
+                React.createElement(CustomSkeleton, { variant: "text", sx: { maxWidth: 300 } })),
+            React.createElement(Stack, { spacing: 2 },
+                React.createElement(CustomSkeleton, { variant: "rectangular", height: 64 }),
+                React.createElement(CustomSkeleton, { variant: "rectangular", height: 64 })))),
+    React.createElement(Grid, { item: true, xs: 12, md: 4 },
+        React.createElement(Box, null,
+            React.createElement(CustomSkeleton, { height: 370 })))));
+
+export { TicketFormSkeleton as default };
+//# sourceMappingURL=TicketFormSkeleton.js.map

package/dist/esm/components/TicketFormSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketFormSkeleton.js","sources":["../../../src/components/TicketFormSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Typography, Divider, Stack } from '@mui/material';\nimport CustomSkeleton from '@components/CustomSkeleton';\n\nconst TicketFormSkeleton: React.FC = () => (\n  <Grid container spacing={2}>\n    <Grid item xs={12} md={8}>\n      <Box>\n        <Typography variant=\"h6\" gutterBottom>\n          <CustomSkeleton variant=\"text\" sx={{ maxWidth: 300 }} />\n        </Typography>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12}>\n            <CustomSkeleton variant=\"text\" width=\"60%\" />\n          </Grid>\n        </Grid>\n\n        <Divider sx={{ my: 3 }} />\n\n        {/* Krok 2 – Kontaktní osoba */}\n        <Typography variant=\"h6\" gutterBottom>\n          <CustomSkeleton variant=\"text\" sx={{ maxWidth: 300 }} />\n        </Typography>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n        </Grid>\n\n        <Divider sx={{ my: 3 }} />\n\n        {/* Krok 3 – Způsoby platby */}\n        <Typography variant=\"h6\" gutterBottom>\n          <CustomSkeleton variant=\"text\" sx={{ maxWidth: 300 }} />\n        </Typography>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={12} md={8}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n          <Grid item xs={12} md={4}>\n            <CustomSkeleton variant=\"rectangular\" height={56} />\n          </Grid>\n        </Grid>\n\n        <Typography variant=\"subtitle1\" gutterBottom>\n          <CustomSkeleton variant=\"text\" sx={{ maxWidth: 300 }} />\n        </Typography>\n        <Stack spacing={2}>\n          <CustomSkeleton variant=\"rectangular\" height={64} />\n          <CustomSkeleton variant=\"rectangular\" height={64} />\n        </Stack>\n      </Box>\n    </Grid>\n    <Grid item xs={12} md={4}>\n      <Box>\n        <CustomSkeleton height={370} />\n      </Box>\n    </Grid>\n  </Grid>\n);\n\nexport default TicketFormSkeleton;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Trans.js

@@ -0,0 +1,85 @@
+import React from 'react';
+import useGlobal from '../hooks/useGlobal.js';
+
+const Trans = ({ text, values = {}, components = {}, enableMarkdown = false, }) => {
+    const { t } = useGlobal();
+    const interpolated = t(text, values);
+    const content = parseWithComponents(interpolated, components, enableMarkdown);
+    return React.createElement(React.Fragment, null, content);
+};
+const parseMarkdown = (text) => {
+    const boldItalicRegex = /(\*\*|__)(.*?)\1|_(.*?)_|`(.*?)`/g;
+    const nodes = [];
+    let lastIndex = 0;
+    let match;
+    while ((match = boldItalicRegex.exec(text)) !== null) {
+        if (match.index > lastIndex) {
+            nodes.push(text.slice(lastIndex, match.index));
+        }
+        const [, , boldText, italicText, codeText] = match;
+        if (boldText) {
+            nodes.push(React.createElement("strong", { key: match.index }, boldText));
+        }
+        else if (italicText) {
+            nodes.push(React.createElement("em", { key: match.index }, italicText));
+        }
+        else if (codeText) {
+            nodes.push(React.createElement("code", { key: match.index }, codeText));
+        }
+        lastIndex = match.index + match[0].length;
+    }
+    if (lastIndex < text.length) {
+        nodes.push(text.slice(lastIndex));
+    }
+    return nodes;
+};
+const parseWithComponents = (str, components, enableMarkdown) => {
+    const nodes = [];
+    const tagRegex = /<(\d+)>(.*?)<\/\1>|<(\w+)\s*\/?>/gs;
+    let lastIndex = 0;
+    let match;
+    while ((match = tagRegex.exec(str)) !== null) {
+        const matchStart = match.index;
+        const matchEnd = tagRegex.lastIndex;
+        if (matchStart > lastIndex) {
+            const beforeText = str.slice(lastIndex, matchStart);
+            nodes.push(...(enableMarkdown ? parseMarkdown(beforeText) : [beforeText]));
+        }
+        const numberedKey = match[1];
+        const numberedContent = match[2];
+        const namedComponentKey = match[3];
+        const key = matchStart;
+        if (numberedKey !== undefined) {
+            const component = components[numberedKey];
+            const children = enableMarkdown ? parseMarkdown(numberedContent) : [numberedContent];
+            if (React.isValidElement(component)) {
+                nodes.push(React.cloneElement(component, { key }, children));
+            }
+            else {
+                nodes.push(...children);
+            }
+        }
+        else if (namedComponentKey !== undefined) {
+            const component = components[namedComponentKey];
+            // Oprava: vytvoř nový element, i když to není validní prvek
+            if (React.isValidElement(component)) {
+                nodes.push(React.cloneElement(component, { key }));
+            }
+            else if (typeof namedComponentKey === 'string') {
+                nodes.push(React.createElement(namedComponentKey, { key }));
+            }
+            else {
+                nodes.push('');
+            }
+        }
+        lastIndex = matchEnd;
+    }
+    if (lastIndex < str.length) {
+        const after = str.slice(lastIndex);
+        nodes.push(...(enableMarkdown ? parseMarkdown(after) : [after]));
+    }
+    return nodes;
+};
+
+export { Trans };
+//# sourceMappingURL=Trans.js.map

package/dist/esm/components/Trans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trans.js","sources":["../../../src/components/Trans.tsx"],"sourcesContent":["import React, { JSX } from 'react';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ntype TransProps = {\n  text: string;\n  values?: Record<string, string | number>;\n  components?: Record<string | number, JSX.Element>;\n  enableMarkdown?: boolean;\n  pluralRules?: {\n    [key: string]: string;\n  };\n};\n\nexport const Trans: React.FC<TransProps> = ({\n  text,\n  values = {},\n  components = {},\n  enableMarkdown = false,\n}) => {\n  const { t } = useGlobal();\n  const interpolated = t(text, values);\n  const content = parseWithComponents(interpolated, components, enableMarkdown);\n  return <>{content}</>;\n};\n\nconst parseMarkdown = (text: string): React.ReactNode[] => {\n  const boldItalicRegex = /(\\*\\*|__)(.*?)\\1|_(.*?)_|`(.*?)`/g;\n  const nodes: React.ReactNode[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = boldItalicRegex.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      nodes.push(text.slice(lastIndex, match.index));\n    }\n\n    const [, , boldText, italicText, codeText] = match;\n    const content = boldText || italicText || codeText;\n\n    if (boldText) {\n      nodes.push(<strong key={match.index}>{boldText}</strong>);\n    } else if (italicText) {\n      nodes.push(<em key={match.index}>{italicText}</em>);\n    } else if (codeText) {\n      nodes.push(<code key={match.index}>{codeText}</code>);\n    }\n\n    lastIndex = match.index + match[0].length;\n  }\n\n  if (lastIndex < text.length) {\n    nodes.push(text.slice(lastIndex));\n  }\n\n  return nodes;\n};\n\nconst parseWithComponents = (\n  str: string,\n  components: Record<string | number, JSX.Element>,\n  enableMarkdown: boolean\n): React.ReactNode[] => {\n  const nodes: React.ReactNode[] = [];\n  const tagRegex = /<(\\d+)>(.*?)<\\/\\1>|<(\\w+)\\s*\\/?>/gs;\n\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = tagRegex.exec(str)) !== null) {\n    const matchStart = match.index;\n    const matchEnd = tagRegex.lastIndex;\n\n    if (matchStart > lastIndex) {\n      const beforeText = str.slice(lastIndex, matchStart);\n      nodes.push(...(enableMarkdown ? parseMarkdown(beforeText) : [beforeText]));\n    }\n\n    const numberedKey = match[1];\n    const numberedContent = match[2];\n    const namedComponentKey = match[3];\n    const key = matchStart;\n\n    if (numberedKey !== undefined) {\n      const component = components[numberedKey];\n      const children = enableMarkdown ? parseMarkdown(numberedContent) : [numberedContent];\n\n      if (React.isValidElement(component)) {\n        nodes.push(React.cloneElement(component, { key }, children));\n      } else {\n        nodes.push(...children);\n      }\n    } else if (namedComponentKey !== undefined) {\n      const component = components[namedComponentKey];\n\n      // Oprava: vytvoř nový element, i když to není validní prvek\n      if (React.isValidElement(component)) {\n        nodes.push(React.cloneElement(component, { key }));\n      } else if (typeof namedComponentKey === 'string') {\n        nodes.push(React.createElement(namedComponentKey, { key }));\n      } else {\n        nodes.push('');\n      }\n    }\n\n    lastIndex = matchEnd;\n  }\n\n  if (lastIndex < str.length) {\n    const after = str.slice(lastIndex);\n    nodes.push(...(enableMarkdown ? parseMarkdown(after) : [after]));\n  }\n\n  return nodes;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/animate/IconButtonAnimate.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { m } from 'framer-motion';
+import { IconButton, Box } from '@mui/material';
+
+forwardRef(({ children, size = 'medium', sxWrap, ...other }, ref) => (React.createElement(AnimateWrap, { size: size, sxWrap: sxWrap },
+    React.createElement(IconButton, { size: size, ref: ref, ...other }, children))));
+const varSmall = {
+    hover: { scale: 1.1 },
+    tap: { scale: 0.95 },
+};
+const varMedium = {
+    hover: { scale: 1.09 },
+    tap: { scale: 0.97 },
+};
+const varLarge = {
+    hover: { scale: 1.08 },
+    tap: { scale: 0.99 },
+};
+function AnimateWrap({ size, children, sxWrap }) {
+    const isSmall = size === 'small';
+    const isLarge = size === 'large';
+    return (React.createElement(Box, { component: m.div, whileTap: "tap", whileHover: "hover", variants: (isSmall && varSmall) || (isLarge && varLarge) || varMedium, sx: {
+            display: 'inline-flex',
+            ...sxWrap,
+        } }, children));
+}
+//# sourceMappingURL=IconButtonAnimate.js.map

package/dist/esm/components/animate/IconButtonAnimate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonAnimate.js","sources":["../../../../src/components/animate/IconButtonAnimate.tsx"],"sourcesContent":["import React from 'react';\nimport { m } from 'framer-motion';\nimport { forwardRef, ReactNode } from 'react';\nimport { Box, IconButton, IconButtonProps, SxProps } from '@mui/material';\n\ninterface Props extends IconButtonProps {\n  sxWrap?: SxProps;\n}\n\nconst IconButtonAnimate = forwardRef<HTMLButtonElement, Props>(\n  ({ children, size = 'medium', sxWrap, ...other }, ref) => (\n    <AnimateWrap size={size} sxWrap={sxWrap}>\n      <IconButton size={size} ref={ref} {...other}>\n        {children}\n      </IconButton>\n    </AnimateWrap>\n  )\n);\n\nexport default IconButtonAnimate;\n\n// ----------------------------------------------------------------------\n\ntype AnimateWrapProp = {\n  children: ReactNode;\n  size: 'small' | 'medium' | 'large';\n  sxWrap?: SxProps;\n};\n\nconst varSmall = {\n  hover: { scale: 1.1 },\n  tap: { scale: 0.95 },\n};\n\nconst varMedium = {\n  hover: { scale: 1.09 },\n  tap: { scale: 0.97 },\n};\n\nconst varLarge = {\n  hover: { scale: 1.08 },\n  tap: { scale: 0.99 },\n};\n\nfunction AnimateWrap({ size, children, sxWrap }: AnimateWrapProp) {\n  const isSmall = size === 'small';\n  const isLarge = size === 'large';\n\n  return (\n    <Box\n      component={m.div}\n      whileTap=\"tap\"\n      whileHover=\"hover\"\n      variants={(isSmall && varSmall) || (isLarge && varLarge) || varMedium}\n      sx={{\n        display: 'inline-flex',\n        ...sxWrap,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AAS0B,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACnD,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA;AACrC,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,EACxC,QAAQ,CACE,CACD,CACf;AAaH,MAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AACrB,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;CACrB;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;AACtB,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;CACrB;AAED,MAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;AACtB,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;CACrB;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAmB,EAAA;AAC9D,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO;AAChC,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO;AAEhC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,CAAC,CAAC,GAAG,EAChB,QAAQ,EAAC,KAAK,EACd,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,OAAO,IAAI,QAAQ,MAAM,OAAO,IAAI,QAAQ,CAAC,IAAI,SAAS,EACrE,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,GAAG,MAAM;SACV,EAAA,EAEA,QAAQ,CACL;AAEV"}

package/dist/esm/components/animate/MotionContainer.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { m } from 'framer-motion';
+import { Box } from '@mui/material';
+import { varContainer } from './variants/container.js';
+
+function MotionContainer({ animate, action = false, children, ...other }) {
+    if (action) {
+        return (React.createElement(Box, { component: m.div, initial: false, animate: animate ? 'animate' : 'exit', variants: varContainer(), ...other }, children));
+    }
+    return (React.createElement(Box, { component: m.div, initial: "initial", animate: "animate", exit: "exit", variants: varContainer(), ...other }, children));
+}
+
+export { MotionContainer as default };
+//# sourceMappingURL=MotionContainer.js.map

package/dist/esm/components/animate/MotionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionContainer.js","sources":["../../../../src/components/animate/MotionContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { m, MotionProps } from 'framer-motion';\nimport { Box, BoxProps } from '@mui/material';\nimport { varContainer } from './variants';\n\ntype IProps = BoxProps & MotionProps;\n\nexport interface Props extends IProps {\n  animate?: boolean;\n  action?: boolean;\n}\n\nexport default function MotionContainer({ animate, action = false, children, ...other }: Props) {\n  if (action) {\n    return (\n      <Box\n        component={m.div}\n        initial={false}\n        animate={animate ? 'animate' : 'exit'}\n        variants={varContainer()}\n        {...other}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component={m.div}\n      initial=\"initial\"\n      animate=\"animate\"\n      exit=\"exit\"\n      variants={varContainer()}\n      {...other}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYc,SAAU,eAAe,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAA;IAC5F,IAAI,MAAM,EAAE;AACV,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,CAAC,CAAC,GAAG,EAChB,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,EACrC,QAAQ,EAAE,YAAY,EAAE,KACpB,KAAK,EAAA,EAER,QAAQ,CACL;;AAIV,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,CAAC,CAAC,GAAG,EAChB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EAAE,EAAA,GACpB,KAAK,EAAA,EAER,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/components/animate/variants/bounce.js

@@ -0,0 +1,96 @@
+import { varTranExit, varTranEnter } from './transition.js';
+
+//
+// ----------------------------------------------------------------------
+const varBounce = (props) => {
+    const durationIn = props?.durationIn;
+    const durationOut = props?.durationOut;
+    const easeIn = props?.easeIn;
+    const easeOut = props?.easeOut;
+    return {
+        // IN
+        in: {
+            animate: {
+                scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
+                opacity: [0, 1, 1, 1, 1, 1],
+                transition: varTranEnter({ durationIn, easeIn }),
+            },
+            exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
+        },
+        inUp: {
+            animate: {
+                y: [720, -24, 12, -4, 0],
+                scaleY: [4, 0.9, 0.95, 0.985, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: { ...varTranEnter({ durationIn, easeIn }) },
+            },
+            exit: {
+                y: [12, -24, 720],
+                scaleY: [0.985, 0.9, 3],
+                opacity: [1, 1, 0],
+                transition: varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inDown: {
+            animate: {
+                y: [-720, 24, -12, 4, 0],
+                scaleY: [4, 0.9, 0.95, 0.985, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                y: [-12, 24, -720],
+                scaleY: [0.985, 0.9, 3],
+                opacity: [1, 1, 0],
+                transition: varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inLeft: {
+            animate: {
+                x: [-720, 24, -12, 4, 0],
+                scaleX: [3, 1, 0.98, 0.995, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                x: [0, 24, -720],
+                scaleX: [1, 0.9, 2],
+                opacity: [1, 1, 0],
+                transition: varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inRight: {
+            animate: {
+                x: [720, -24, 12, -4, 0],
+                scaleX: [3, 1, 0.98, 0.995, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                x: [0, -24, 720],
+                scaleX: [1, 0.9, 2],
+                opacity: [1, 1, 0],
+                transition: varTranExit({ durationOut, easeOut }),
+            },
+        },
+        // OUT
+        out: {
+            animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
+        },
+        outUp: {
+            animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
+        },
+        outDown: {
+            animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
+        },
+        outLeft: {
+            animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
+        },
+        outRight: {
+            animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
+        },
+    };
+};
+
+export { varBounce };
+//# sourceMappingURL=bounce.js.map

package/dist/esm/components/animate/variants/bounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounce.js","sources":["../../../../../src/components/animate/variants/bounce.ts"],"sourcesContent":["// @types\nimport { VariantsType } from '@utils/types/animate';\n//\nimport { varTranEnter, varTranExit } from './transition';\n\n// ----------------------------------------------------------------------\n\nexport const varBounce = (props?: VariantsType) => {\n  const durationIn = props?.durationIn;\n  const durationOut = props?.durationOut;\n  const easeIn = props?.easeIn;\n  const easeOut = props?.easeOut;\n\n  return {\n    // IN\n    in: {\n      animate: {\n        scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],\n        opacity: [0, 1, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },\n    },\n    inUp: {\n      animate: {\n        y: [720, -24, 12, -4, 0],\n        scaleY: [4, 0.9, 0.95, 0.985, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: { ...varTranEnter({ durationIn, easeIn }) },\n      },\n      exit: {\n        y: [12, -24, 720],\n        scaleY: [0.985, 0.9, 3],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inDown: {\n      animate: {\n        y: [-720, 24, -12, 4, 0],\n        scaleY: [4, 0.9, 0.95, 0.985, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        y: [-12, 24, -720],\n        scaleY: [0.985, 0.9, 3],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inLeft: {\n      animate: {\n        x: [-720, 24, -12, 4, 0],\n        scaleX: [3, 1, 0.98, 0.995, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        x: [0, 24, -720],\n        scaleX: [1, 0.9, 2],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inRight: {\n      animate: {\n        x: [720, -24, 12, -4, 0],\n        scaleX: [3, 1, 0.98, 0.995, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        x: [0, -24, 720],\n        scaleX: [1, 0.9, 2],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n\n    // OUT\n    out: {\n      animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },\n    },\n    outUp: {\n      animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },\n    },\n    outDown: {\n      animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },\n    },\n    outLeft: {\n      animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },\n    },\n    outRight: {\n      animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },\n    },\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/animate/variants/container.js

@@ -0,0 +1,23 @@
+// ----------------------------------------------------------------------
+const varContainer = (props) => {
+    const staggerIn = props?.staggerIn || 0.05;
+    const delayIn = props?.staggerIn || 0.05;
+    const staggerOut = props?.staggerIn || 0.05;
+    return {
+        animate: {
+            transition: {
+                staggerChildren: staggerIn,
+                delayChildren: delayIn,
+            },
+        },
+        exit: {
+            transition: {
+                staggerChildren: staggerOut,
+                staggerDirection: -1,
+            },
+        },
+    };
+};
+
+export { varContainer };
+//# sourceMappingURL=container.js.map

package/dist/esm/components/animate/variants/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../../../src/components/animate/variants/container.ts"],"sourcesContent":["// ----------------------------------------------------------------------\n\nexport type Props = {\n  staggerIn?: number;\n  delayIn?: number;\n  staggerOut?: number;\n};\n\nexport const varContainer = (props?: Props) => {\n  const staggerIn = props?.staggerIn || 0.05;\n  const delayIn = props?.staggerIn || 0.05;\n  const staggerOut = props?.staggerIn || 0.05;\n\n  return {\n    animate: {\n      transition: {\n        staggerChildren: staggerIn,\n        delayChildren: delayIn,\n      },\n    },\n    exit: {\n      transition: {\n        staggerChildren: staggerOut,\n        staggerDirection: -1,\n      },\n    },\n  };\n};\n"],"names":[],"mappings":"AAAA;AAQO,MAAM,YAAY,GAAG,CAAC,KAAa,KAAI;AAC5C,IAAA,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;AAC1C,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;AACxC,IAAA,MAAM,UAAU,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;IAE3C,OAAO;AACL,QAAA,OAAO,EAAE;AACP,YAAA,UAAU,EAAE;AACV,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,aAAa,EAAE,OAAO;AACvB,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE;AACV,gBAAA,eAAe,EAAE,UAAU;gBAC3B,gBAAgB,EAAE,EAAE;AACrB,aAAA;AACF,SAAA;KACF;AACH;;;;"}

package/dist/esm/components/animate/variants/transition.js

@@ -0,0 +1,14 @@
+// ----------------------------------------------------------------------
+const varTranEnter = (props) => {
+    const duration = props?.durationIn || 0.64;
+    const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
+    return { duration, ease };
+};
+const varTranExit = (props) => {
+    const duration = props?.durationOut || 0.48;
+    const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
+    return { duration, ease };
+};
+
+export { varTranEnter, varTranExit };
+//# sourceMappingURL=transition.js.map

package/dist/esm/components/animate/variants/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sources":["../../../../../src/components/animate/variants/transition.ts"],"sourcesContent":["// @types\nimport { TranHoverType, TranEnterType, TranExitType } from '@utils/types/animate';\n\n// ----------------------------------------------------------------------\n\nexport const varTranHover = (props?: TranHoverType) => {\n  const duration = props?.duration || 0.32;\n  const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n\nexport const varTranEnter = (props?: TranEnterType) => {\n  const duration = props?.durationIn || 0.64;\n  const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n\nexport const varTranExit = (props?: TranExitType) => {\n  const duration = props?.durationOut || 0.48;\n  const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n"],"names":[],"mappings":"AAGA;AASO,MAAM,YAAY,GAAG,CAAC,KAAqB,KAAI;AACpD,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,UAAU,IAAI,IAAI;AAC1C,IAAA,MAAM,IAAI,GAAG,KAAK,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAEtD,IAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC3B;AAEO,MAAM,WAAW,GAAG,CAAC,KAAoB,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,WAAW,IAAI,IAAI;AAC3C,IAAA,MAAM,IAAI,GAAG,KAAK,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAEvD,IAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC3B;;;;"}

package/dist/esm/components/confirm-dialog/ConfirmDialog.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@mui/material';
+import useGlobal from '../../hooks/useGlobal.js';
+
+// ----------------------------------------------------------------------
+function ConfirmDialog({ title, content, action, open, onClose, ...other }) {
+    const { t } = useGlobal();
+    return (React.createElement(Dialog, { fullWidth: true, maxWidth: "xs", open: open, onClose: onClose, ...other },
+        React.createElement(DialogTitle, { sx: { pb: 2 } }, title),
+        content && React.createElement(DialogContent, { sx: { typography: 'body2' } },
+            " ",
+            content,
+            " "),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "outlined", color: "inherit", onClick: onClose }, t('cancel')),
+            action)));
+}
+
+export { ConfirmDialog as default };
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/esm/components/confirm-dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/confirm-dialog/ConfirmDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Dialog, Button, DialogTitle, DialogActions, DialogContent } from '@mui/material';\nimport { ConfirmDialogProps } from './types';\nimport useGlobal from '@hooks/useGlobal.ts';\n\n// ----------------------------------------------------------------------\n\nexport default function ConfirmDialog({\n  title,\n  content,\n  action,\n  open,\n  onClose,\n  ...other\n}: ConfirmDialogProps) {\n  const { t } = useGlobal();\n  return (\n    <Dialog fullWidth maxWidth=\"xs\" open={open} onClose={onClose} {...other}>\n      <DialogTitle sx={{ pb: 2 }}>{title}</DialogTitle>\n\n      {content && <DialogContent sx={{ typography: 'body2' }}> {content} </DialogContent>}\n\n      <DialogActions>\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {t('cancel')}\n        </Button>\n\n        {action}\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;AAKA;AAEc,SAAU,aAAa,CAAC,EACpC,KAAK,EACL,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACW,EAAA;AACnB,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,IAAC,SAAS,EAAA,IAAA,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,EAAA;QACrE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAAG,KAAK,CAAe;QAEhD,OAAO,IAAI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA;;YAAI,OAAO;AAAkB,YAAA,GAAA,CAAA;AAEnF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAA,EACxD,CAAC,CAAC,QAAQ,CAAC,CACL;YAER,MAAM,CACO,CACT;AAEb;;;;"}

package/dist/esm/components/hook-form/FormProvider.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormProvider as FormProvider$1 } from 'react-hook-form';
+
+function FormProvider({ children, onSubmit, methods, formId }) {
+    return (React.createElement(FormProvider$1, { ...methods },
+        React.createElement("form", { id: formId, onSubmit: onSubmit }, children)));
+}
+
+export { FormProvider as default };
+//# sourceMappingURL=FormProvider.js.map

package/dist/esm/components/hook-form/FormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProvider.js","sources":["../../../../src/components/hook-form/FormProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { FormProvider as Form, UseFormReturn } from 'react-hook-form';\n\n// ----------------------------------------------------------------------\n\ntype Props = {\n  children: React.ReactNode;\n  methods: UseFormReturn<any>;\n  onSubmit?: VoidFunction;\n  formId?: string;\n};\n\nexport default function FormProvider({ children, onSubmit, methods, formId }: Props) {\n  return (\n    <Form {...methods}>\n      <form id={formId} onSubmit={onSubmit}>\n        {children}\n      </form>\n    </Form>\n  );\n}\n"],"names":["Form"],"mappings":";;;AAYc,SAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAS,EAAA;AACjF,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,cAAI,EAAA,EAAA,GAAK,OAAO,EAAA;AACf,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACjC,QAAQ,CACJ,CACF;AAEX;;;;"}

package/dist/esm/components/hook-form/RHFCheckbox.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { FormControlLabel, Checkbox, FormHelperText } from '@mui/material';
+
+function RHFCheckbox({ name, helperText, ...other }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement("div", null,
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...field, checked: field.value }), ...other }),
+            (!!error || helperText) && (React.createElement(FormHelperText, { error: !!error, sx: { mt: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+export { RHFCheckbox };
+//# sourceMappingURL=RHFCheckbox.js.map

package/dist/esm/components/hook-form/RHFCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFCheckbox.js","sources":["../../../../src/components/hook-form/RHFCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\n// @mui\nimport {\n  Checkbox,\n  FormLabel,\n  FormGroup,\n  FormControl,\n  FormHelperText,\n  FormControlLabel,\n  FormControlLabelProps,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ninterface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {\n  name: string;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <div>\n          <FormControlLabel control={<Checkbox {...field} checked={field.value} />} {...other} />\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mt: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ninterface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {\n  name: string;\n  options: { label: string; value: any }[];\n  row?: boolean;\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFMultiCheckbox({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: RHFMultiCheckboxProps) {\n  const { control } = useFormContext();\n\n  const getSelected = (selectedItems: string[], item: string) =>\n    selectedItems.includes(item)\n      ? selectedItems.filter((value) => value !== item)\n      : [...selectedItems, item];\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <FormGroup\n            sx={{\n              ...(row && {\n                flexDirection: 'row',\n              }),\n              '& .MuiFormControlLabel-root': {\n                '&:not(:last-of-type)': {\n                  mb: spacing || 0,\n                },\n                ...(row && {\n                  mr: 0,\n                  '&:not(:last-of-type)': {\n                    mr: spacing || 2,\n                  },\n                }),\n              },\n            }}\n          >\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                control={\n                  <Checkbox\n                    checked={field.value.includes(option.value)}\n                    onChange={() => field.onChange(getSelected(field.value, option.value))}\n                  />\n                }\n                label={option.label}\n                {...other}\n              />\n            ))}\n          </FormGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAoBM,SAAU,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC1E,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;IAEpC,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAA,CAAI,EAAA,GAAM,KAAK,EAAA,CAAI;AAEtF,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACG,CACP,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFDatePicker.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { DatePicker } from '@mui/x-date-pickers';
+
+function RHFDatePicker({ name, label, ...others }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(DatePicker, { ...field, label: label, format: "DD.MM.YYYY", slotProps: {
+                textField: {
+                    error: !!error,
+                    helperText: error?.message,
+                },
+            }, sx: {
+                width: '100%',
+            }, ...others })) }));
+}
+
+export { RHFDatePicker as default };
+//# sourceMappingURL=RHFDatePicker.js.map

package/dist/esm/components/hook-form/RHFDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFDatePicker.js","sources":["../../../../src/components/hook-form/RHFDatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker, DatePickerProps } from '@mui/x-date-pickers';\nimport { Dayjs } from 'dayjs';\n\ntype Props = DatePickerProps<Dayjs> & {\n  name: string;\n  label: string;\n};\n\nexport default function RHFDatePicker({ name, label, ...others }: Props) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <DatePicker\n          {...field}\n          label={label}\n          format=\"DD.MM.YYYY\"\n          slotProps={{\n            textField: {\n              error: !!error,\n              helperText: error?.message,\n            },\n          }}\n          sx={{\n            width: '100%',\n          }}\n          {...others}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAS,EAAA;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GACL,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,YAAY,EACnB,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE;oBACT,KAAK,EAAE,CAAC,CAAC,KAAK;oBACd,UAAU,EAAE,KAAK,EAAE,OAAO;AAC3B,iBAAA;AACF,aAAA,EACD,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA,EAAA,GACG,MAAM,EAAA,CACV,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFPhone.js

@@ -0,0 +1,20 @@
+import React, { useState, useEffect } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import useGlobal from '../../hooks/useGlobal.js';
+
+function RHFPhone({ name, defaultCountry, helperText, ...other }) {
+    const { control } = useFormContext();
+    const { lang } = useGlobal();
+    const [MuiTelInput, setMuiTelInput] = useState(null);
+    useEffect(() => {
+        import('mui-tel-input').then((mod) => {
+            setMuiTelInput(() => mod.MuiTelInput);
+        });
+    }, []);
+    if (!MuiTelInput)
+        return null;
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(MuiTelInput, { ...field, fullWidth: true, value: field.value, error: !!error, helperText: error ? error?.message : helperText, langOfCountryName: lang, lang: lang, defaultCountry: defaultCountry || 'CZ', continents: ['EU'], ...other })) }));
+}
+
+export { RHFPhone as default };
+//# sourceMappingURL=RHFPhone.js.map

package/dist/esm/components/hook-form/RHFPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFPhone.js","sources":["../../../../src/components/hook-form/RHFPhone.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { MuiTelInputProps } from 'mui-tel-input';\n\ntype Props = MuiTelInputProps & {\n  name: string;\n  defaultCountry?: string;\n};\n\nexport default function RHFPhone({ name, defaultCountry, helperText, ...other }: Props) {\n  const { control } = useFormContext();\n  const { lang } = useGlobal();\n\n  const [MuiTelInput, setMuiTelInput] = useState<React.ComponentType<MuiTelInputProps> | null>(\n    null\n  );\n\n  useEffect(() => {\n    import('mui-tel-input').then((mod) => {\n      setMuiTelInput(() => mod.MuiTelInput);\n    });\n  }, []);\n\n  if (!MuiTelInput) return null;\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <MuiTelInput\n          {...field}\n          fullWidth\n          value={field.value}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          langOfCountryName={lang}\n          lang={lang}\n          defaultCountry={defaultCountry || 'CZ'}\n          continents={['EU']}\n          {...other}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK,EAAS,EAAA;AACpF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AACpC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,IAAI,CACL;IAED,SAAS,CAAC,MAAK;QACb,OAAO,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAI;YACnC,cAAc,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC;AACvC,SAAC,CAAC;KACH,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,oBAAC,WAAW,EAAA,EAAA,GACN,KAAK,EACT,SAAS,QACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAC/C,iBAAiB,EAAE,IAAI,EACvB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,IAAI,IAAI,EACtC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAA,GACd,KAAK,GACT,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFRadioGroup.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, FormHelperText } from '@mui/material';
+
+function RHFRadioGroup({ row, name, label, options, spacing, helperText, ...other }) {
+    const { control } = useFormContext();
+    const labelledby = label ? `${name}-${label}` : '';
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(FormControl, { component: "fieldset" },
+            label && (React.createElement(FormLabel, { component: "legend", id: labelledby, sx: { typography: 'body2' } }, label)),
+            React.createElement(RadioGroup, { ...field, "aria-labelledby": labelledby, row: row, ...other }, options.map((option) => (React.createElement(FormControlLabel, { key: option.value, value: option.value, control: React.createElement(Radio, null), label: option.label, sx: {
+                    '&:not(:last-of-type)': {
+                        mb: spacing || 0,
+                    },
+                    ...(row && {
+                        mr: 0,
+                        '&:not(:last-of-type)': {
+                            mr: spacing || 2,
+                        },
+                    }),
+                } })))),
+            (!!error || helperText) && (React.createElement(FormHelperText, { error: !!error, sx: { mx: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+export { RHFRadioGroup as default };
+//# sourceMappingURL=RHFRadioGroup.js.map

package/dist/esm/components/hook-form/RHFRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFRadioGroup.js","sources":["../../../../src/components/hook-form/RHFRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Radio,\n  FormLabel,\n  RadioGroup,\n  FormControl,\n  FormHelperText,\n  RadioGroupProps,\n  FormControlLabel,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype Props = RadioGroupProps & {\n  name: string;\n  options: { label: React.ReactNode; value: any }[];\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n};\n\nexport default function RHFRadioGroup({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: Props) {\n  const { control } = useFormContext();\n\n  const labelledby = label ? `${name}-${label}` : '';\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" id={labelledby} sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <RadioGroup {...field} aria-labelledby={labelledby} row={row} {...other}>\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                value={option.value}\n                control={<Radio />}\n                label={option.label}\n                sx={{\n                  '&:not(:last-of-type)': {\n                    mb: spacing || 0,\n                  },\n                  ...(row && {\n                    mr: 0,\n                    '&:not(:last-of-type)': {\n                      mr: spacing || 2,\n                    },\n                  }),\n                }}\n              />\n            ))}\n          </RadioGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAsBc,SAAU,aAAa,CAAC,EACpC,GAAG,EACH,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,EACV,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,GAAG,EAAE;AAElD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA;YAC9B,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA,EACtE,KAAK,CACI,CACb;YAED,KAAA,CAAA,aAAA,CAAC,UAAU,OAAK,KAAK,EAAA,iBAAA,EAAmB,UAAU,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,IACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClB,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,IAAA,CAAG,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,EAAE,EAAE;AACF,oBAAA,sBAAsB,EAAE;wBACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,qBAAA;oBACD,IAAI,GAAG,IAAI;AACT,wBAAA,EAAE,EAAE,CAAC;AACL,wBAAA,sBAAsB,EAAE;4BACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,yBAAA;qBACF,CAAC;iBACH,EAAA,CACD,CACH,CAAC,CACS;AAEZ,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACW,CACf,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFSelect.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { TextField } from '@mui/material';
+
+function RHFSelect({ name, native, maxHeight = 220, helperText, children, ...other }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(TextField, { ...field, select: true, fullWidth: true, SelectProps: {
+                native,
+                MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            ...(!native && {
+                                px: 1,
+                                maxHeight: typeof maxHeight === 'number' || typeof maxHeight === 'string'
+                                    ? maxHeight
+                                    : 'unset',
+                                '& .MuiMenuItem-root': {
+                                    px: 1,
+                                    borderRadius: 0.75,
+                                    typography: 'body2',
+                                    textTransform: 'capitalize',
+                                },
+                            }),
+                        },
+                    },
+                },
+                sx: { textTransform: 'capitalize' },
+            }, error: !!error, helperText: error ? error?.message : helperText, ...other }, children)) }));
+}
+
+export { RHFSelect };
+//# sourceMappingURL=RHFSelect.js.map

package/dist/esm/components/hook-form/RHFSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFSelect.js","sources":["../../../../src/components/hook-form/RHFSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Box,\n  Chip,\n  Select,\n  Checkbox,\n  MenuItem,\n  TextField,\n  InputLabel,\n  SelectProps,\n  FormControl,\n  OutlinedInput,\n  TextFieldProps,\n  FormHelperText,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype RHFSelectProps = TextFieldProps & {\n  name: string;\n  native?: boolean;\n  maxHeight?: boolean | number | string;\n  children: React.ReactNode;\n};\n\nexport function RHFSelect({\n  name,\n  native,\n  maxHeight = 220,\n  helperText,\n  children,\n  ...other\n}: RHFSelectProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          select\n          fullWidth\n          SelectProps={{\n            native,\n            MenuProps: {\n              PaperProps: {\n                sx: {\n                  ...(!native && {\n                    px: 1,\n                    maxHeight:\n                      typeof maxHeight === 'number' || typeof maxHeight === 'string'\n                        ? maxHeight\n                        : 'unset',\n                    '& .MuiMenuItem-root': {\n                      px: 1,\n                      borderRadius: 0.75,\n                      typography: 'body2',\n                      textTransform: 'capitalize',\n                    },\n                  }),\n                },\n              },\n            },\n            sx: { textTransform: 'capitalize' },\n          }}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          {...other}\n        >\n          {children}\n        </TextField>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype RHFMultiSelectProps = SelectProps & {\n  name: string;\n  label?: string;\n  chip?: boolean;\n  checkbox?: boolean;\n  placeholder?: string;\n  helperText?: React.ReactNode;\n  options: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport function RHFMultiSelect({\n  name,\n  chip,\n  label,\n  options,\n  checkbox,\n  placeholder,\n  helperText,\n  sx,\n  ...other\n}: RHFMultiSelectProps) {\n  const { control } = useFormContext();\n\n  const renderValues = (selectedIds: string[]) => {\n    const selectedItems = options.filter((item) => selectedIds.includes(item.value));\n\n    if (!selectedItems.length && placeholder) {\n      return (\n        <Box component=\"em\" sx={{ color: 'text.disabled' }}>\n          {placeholder}\n        </Box>\n      );\n    }\n\n    if (chip) {\n      return (\n        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n          {selectedItems.map((item) => (\n            <Chip key={item.value} size=\"small\" label={item.label} />\n          ))}\n        </Box>\n      );\n    }\n\n    return selectedItems.map((item) => item.label).join(', ');\n  };\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl sx={sx}>\n          {label && <InputLabel id={name}> {label} </InputLabel>}\n\n          <Select\n            {...field}\n            multiple\n            displayEmpty={!!placeholder}\n            labelId={name}\n            input={<OutlinedInput fullWidth label={label} error={!!error} />}\n            // @ts-ignore\n            renderValue={renderValues}\n            MenuProps={{\n              PaperProps: {\n                sx: { px: 1, maxHeight: 280 },\n              },\n            }}\n            {...other}\n          >\n            {placeholder && (\n              <MenuItem\n                disabled\n                value=\"\"\n                sx={{\n                  py: 1,\n                  px: 2,\n                  borderRadius: 0.75,\n                  typography: 'body2',\n                }}\n              >\n                <em> {placeholder} </em>\n              </MenuItem>\n            )}\n\n            {options.map((option) => {\n              const selected = field.value.includes(option.value);\n\n              return (\n                <MenuItem\n                  key={option.value}\n                  value={option.value}\n                  sx={{\n                    py: 1,\n                    px: 2,\n                    borderRadius: 0.75,\n                    typography: 'body2',\n                    ...(selected && {\n                      fontWeight: 'fontWeightMedium',\n                    }),\n                    ...(checkbox && {\n                      p: 0.25,\n                    }),\n                  }}\n                >\n                  {checkbox && <Checkbox disableRipple size=\"small\" checked={selected} />}\n\n                  {option.label}\n                </MenuItem>\n              );\n            })}\n          </Select>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;SA0BgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,SAAS,GAAG,GAAG,EACf,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACO,EAAA;AACf,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,MAAM,QACN,SAAS,EAAA,IAAA,EACT,WAAW,EAAE;gBACX,MAAM;AACN,gBAAA,SAAS,EAAE;AACT,oBAAA,UAAU,EAAE;AACV,wBAAA,EAAE,EAAE;4BACF,IAAI,CAAC,MAAM,IAAI;AACb,gCAAA,EAAE,EAAE,CAAC;gCACL,SAAS,EACP,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK;AACpD,sCAAE;AACF,sCAAE,OAAO;AACb,gCAAA,qBAAqB,EAAE;AACrB,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,YAAY,EAAE,IAAI;AAClB,oCAAA,UAAU,EAAE,OAAO;AACnB,oCAAA,aAAa,EAAE,YAAY;AAC5B,iCAAA;6BACF,CAAC;AACH,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA,EAAE,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;aACpC,EACD,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAAA,GAC3C,KAAK,EAAA,EAER,QAAQ,CACC,CACb,EAAA,CACD;AAEN;;;;"}