@undefine-ui/design-system 2.1.0 → 2.3.0

package/dist/index.js

@@ -1894,7 +1894,7 @@ var Search = (props) => {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M10.9804 10.9798C11.1757 10.7845 11.4923 10.7845 11.6875 10.9798L14.3542 13.6464C14.5495 13.8417 14.5495 14.1583 14.3542 14.3535C14.1589 14.5488 13.8424 14.5488 13.6471 14.3535L10.9804 11.6869C10.7852 11.4916 10.7852 11.175 10.9804 10.9798Z",
-            fill: "#1E1F24"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx7(
@@ -1903,7 +1903,7 @@ var Search = (props) => {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M7.33333 2.5C4.66396 2.5 2.5 4.66396 2.5 7.33333C2.5 10.0027 4.66396 12.1667 7.33333 12.1667C8.67047 12.1667 9.87999 11.6244 10.7556 10.7465C11.6281 9.87162 12.1667 8.66585 12.1667 7.33333C12.1667 4.66396 10.0027 2.5 7.33333 2.5ZM1.5 7.33333C1.5 4.11167 4.11167 1.5 7.33333 1.5C10.555 1.5 13.1667 4.11167 13.1667 7.33333C13.1667 8.94123 12.5155 10.398 11.4636 11.4526C10.4081 12.5109 8.94682 13.1667 7.33333 13.1667C4.11167 13.1667 1.5 10.555 1.5 7.33333Z",
-            fill: "#1E1F24"
+            fill: "currentColor"
           }
         )
       ]
@@ -5441,7 +5441,7 @@ var ThemeProvider = ({ children }) => {
 // src/components/Logo/index.tsx
 import Link from "@mui/material/Link";
 import Box2 from "@mui/material/Box";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 var LOGO_MAP = {
   full: {
     black: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-black-full_mjngwu.png",
@@ -5484,6 +5484,108 @@ var Logo = ({
   }
   return /* @__PURE__ */ jsx37(Link, { component: LinkComponent, href, sx: { display: "contents" }, children: logo });
 };
+var AnimatedLogo = () => {
+  return /* @__PURE__ */ jsxs19(
+    "svg",
+    {
+      width: "120",
+      height: "120",
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx37("style", { children: `
+          @keyframes fadeIn {
+            from {
+              opacity: 0;
+            }
+            to {
+              opacity: 1;
+            }
+          }
+          
+          @keyframes slideInLeft {
+            from {
+              opacity: 0;
+              transform: translateX(-30px);
+            }
+            to {
+              opacity: 1;
+              transform: translateX(0);
+            }
+          }
+          
+          @keyframes slideInRight {
+            from {
+              opacity: 0;
+              transform: translateX(30px);
+            }
+            to {
+              opacity: 1;
+              transform: translateX(0);
+            }
+          }
+          
+          @keyframes scaleIn {
+            from {
+              opacity: 0;
+              transform: scale(0.5);
+            }
+            to {
+              opacity: 1;
+              transform: scale(1);
+            }
+          }
+          
+          .background-rect {
+            animation: fadeIn 1.2s ease-out infinite;
+            opacity: 0;
+          }
+          
+          .bars {
+            animation: slideInLeft 2s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
+            animation-delay: 0.4s;
+            opacity: 0;
+          }
+          
+          .d-letter {
+            animation: scaleIn 2s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
+            animation-delay: 1s;
+            opacity: 0;
+            transform-origin: center;
+          }
+        ` }),
+        /* @__PURE__ */ jsx37(
+          "rect",
+          {
+            className: "background-rect",
+            x: "30.2988",
+            y: "11.9149",
+            width: "75.7447",
+            height: "78.8085",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx37(
+          "path",
+          {
+            className: "bars",
+            d: "M8.85059 113.191H7.48926C7.11333 113.191 6.8086 112.887 6.80859 112.511V28.3671C6.8086 28.1866 6.88019 28.0134 7.00781 27.8857L8.85059 26.0429V113.191ZM12.5957 113.191H10.5527V24.3408L12.5957 22.2978V113.191ZM16 113.191H13.957V20.9365L16 18.8935V113.191ZM19.0635 113.191H17.0215V17.872L19.0635 15.83V113.191ZM21.7871 113.191H19.7451V15.1484L21.7871 13.1064V113.191ZM24.1699 113.191H22.2979V12.5956L24.1699 10.7236V113.191Z",
+            fill: "#5E30EB"
+          }
+        ),
+        /* @__PURE__ */ jsx37(
+          "path",
+          {
+            className: "d-letter",
+            d: "M112.511 6.80853C112.887 6.80854 113.191 7.11326 113.191 7.4892V91.6328C113.191 91.8133 113.12 91.9865 112.992 92.1142L92.1143 112.992C91.9866 113.120 91.8133 113.191 91.6328 113.191H24.5107V10.3828L27.8857 7.00775C28.0134 6.88012 28.1867 6.80854 28.3672 6.80853H112.511ZM48.3408 82.7236H65.6172C71.9715 82.7235 77.4182 81.5604 81.957 79.2343C86.5528 76.9081 90.071 73.4463 92.5107 68.8505C95.007 64.2549 96.2548 58.5532 96.2549 51.7451C96.2549 45.2202 95.0919 39.773 92.7656 35.4042C90.4394 30.9788 87.0924 27.6308 82.7236 25.3613C78.4117 23.0918 73.2201 21.957 67.1494 21.957H48.3408V82.7236ZM67.5742 32.5107C70.7515 32.5107 73.39 33.2202 75.4893 34.6386C77.6452 36.0003 79.2628 38.1278 80.3408 41.0214C81.4187 43.915 81.957 47.6029 81.957 52.0849C81.957 58.723 80.6809 63.7159 78.1279 67.0634C75.6315 70.4109 71.7161 72.0849 66.3828 72.0849H62.1279V32.5107H67.5742Z",
+            fill: "#5E30EB"
+          }
+        )
+      ]
+    }
+  );
+};
 
 // src/components/Table/Table.tsx
 import Box4 from "@mui/material/Box";
@@ -5519,7 +5621,7 @@ import {
   gridRowCountSelector,
   gridPageCountSelector
 } from "@mui/x-data-grid";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var TablePagination = () => {
   const apiRef = useGridApiContext();
   const page = useGridSelector(apiRef, gridPageSelector);
@@ -5528,7 +5630,7 @@ var TablePagination = () => {
   const rowCount = useGridSelector(apiRef, gridRowCountSelector);
   const from = page * pageSize + 1;
   const to = Math.min((page + 1) * pageSize, rowCount);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Stack,
     {
       direction: "row",
@@ -5537,7 +5639,7 @@ var TablePagination = () => {
       width: 1,
       p: 1.5,
       children: [
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           Stack,
           {
             direction: { xs: "column", md: "row" },
@@ -5559,14 +5661,14 @@ var TablePagination = () => {
                   renderItem: (item) => /* @__PURE__ */ jsx39(PaginationItem, { ...item })
                 }
               ),
-              /* @__PURE__ */ jsx39(Stack, { direction: "row", alignItems: "center", spacing: 1, children: /* @__PURE__ */ jsxs19(Typography, { variant: "body2", color: "text.secondary", children: [
+              /* @__PURE__ */ jsx39(Stack, { direction: "row", alignItems: "center", spacing: 1, children: /* @__PURE__ */ jsxs20(Typography, { variant: "body2", color: "text.secondary", children: [
                 pageSize,
                 " Items per page"
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs19(Typography, { variant: "body2", color: "text.secondary", children: [
+        /* @__PURE__ */ jsxs20(Typography, { variant: "body2", color: "text.secondary", children: [
           `${from} \u2013 ${to} of ${rowCount !== -1 ? rowCount : `more than ${to}`} items`,
           " "
         ] })
@@ -5628,9 +5730,9 @@ import FormHelperText from "@mui/material/FormHelperText";
 // src/components/Upload/components/Placeholder.tsx
 import Stack2 from "@mui/material/Stack";
 import Box5 from "@mui/material/Box";
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 var UploadPlaceholder = ({ hasError, ...rest }) => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     Box5,
     {
       sx: {
@@ -5652,8 +5754,8 @@ var UploadPlaceholder = ({ hasError, ...rest }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsxs20(Stack2, { spacing: 1, sx: { textAlign: "center", mt: 2 }, children: [
-          /* @__PURE__ */ jsxs20(Box5, { sx: { typography: "h8" }, children: [
+        /* @__PURE__ */ jsxs21(Stack2, { spacing: 1, sx: { textAlign: "center", mt: 2 }, children: [
+          /* @__PURE__ */ jsxs21(Box5, { sx: { typography: "h8" }, children: [
             "Drag files here or",
             /* @__PURE__ */ jsx41(
               Box5,
@@ -5668,7 +5770,7 @@ var UploadPlaceholder = ({ hasError, ...rest }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             Box5,
             {
               sx: {
@@ -5723,7 +5825,7 @@ var fileData = (file) => {
 };
 
 // src/components/Upload/components/RejectionFiles.tsx
-import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 var RejectionFiles = ({ files }) => {
   if (!files.length) {
     return null;
@@ -5743,13 +5845,13 @@ var RejectionFiles = ({ files }) => {
       },
       children: files.map(({ file, errors }) => {
         const { path, size } = fileData(file);
-        return /* @__PURE__ */ jsxs21(Box6, { sx: { my: 1 }, children: [
-          /* @__PURE__ */ jsxs21(Typography2, { variant: "subtitle2", noWrap: true, children: [
+        return /* @__PURE__ */ jsxs22(Box6, { sx: { my: 1 }, children: [
+          /* @__PURE__ */ jsxs22(Typography2, { variant: "subtitle2", noWrap: true, children: [
             path,
             " - ",
             size ? fData(size) : ""
           ] }),
-          errors.map((error2) => /* @__PURE__ */ jsxs21(Box6, { component: "span", sx: { typography: "caption" }, children: [
+          errors.map((error2) => /* @__PURE__ */ jsxs22(Box6, { component: "span", sx: { typography: "caption" }, children: [
             "- ",
             error2.message
           ] }, error2.code))
@@ -5762,9 +5864,9 @@ var RejectionFiles = ({ files }) => {
 // src/components/Upload/components/UploadProgress.tsx
 import Box7 from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
-import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var UploadProgress = ({ progress: progress2 = 20 }) => {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     Box7,
     {
       sx: {
@@ -5775,7 +5877,7 @@ var UploadProgress = ({ progress: progress2 = 20 }) => {
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ jsxs22(Box7, { sx: { position: "relative", display: "inline-flex" }, children: [
+        /* @__PURE__ */ jsxs23(Box7, { sx: { position: "relative", display: "inline-flex" }, children: [
           /* @__PURE__ */ jsx43(
             CircularProgress,
             {
@@ -5891,7 +5993,7 @@ var DeleteButton = ({ sx, ...rest }) => {
 };
 
 // src/components/Upload/components/MultiFilePreview.tsx
-import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 var MultiFilePreview = ({ files, onRemove }) => {
   const scrollRef = useRef2(null);
   const handleScroll = (direction) => {
@@ -5905,7 +6007,7 @@ var MultiFilePreview = ({ files, onRemove }) => {
     }
   };
   const showNavigation = files.length > 2;
-  return /* @__PURE__ */ jsxs23(Box9, { sx: { position: "relative", width: 1 }, children: [
+  return /* @__PURE__ */ jsxs24(Box9, { sx: { position: "relative", width: 1 }, children: [
     showNavigation && /* @__PURE__ */ jsx45(
       IconButton2,
       {
@@ -5945,7 +6047,7 @@ var MultiFilePreview = ({ files, onRemove }) => {
         children: files.map((file, index) => {
           const fileName = typeof file === "string" ? file : file.name;
           const previewUrl = typeof file === "string" ? file : URL.createObjectURL(file);
-          return /* @__PURE__ */ jsxs23(
+          return /* @__PURE__ */ jsxs24(
             Box9,
             {
               sx: {
@@ -6011,7 +6113,7 @@ var MultiFilePreview = ({ files, onRemove }) => {
 };
 
 // src/components/Upload/Upload.tsx
-import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var Upload = ({
   sx,
   value,
@@ -6049,8 +6151,8 @@ var Upload = ({
     return /* @__PURE__ */ jsx46(UploadPlaceholder, { hasError });
   };
   const shouldShowDropzone = !hasFile && !hasFiles && !isUploading;
-  return /* @__PURE__ */ jsxs24(Box10, { sx: { width: 1, position: "relative", ...sx }, children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(Box10, { sx: { width: 1, position: "relative", ...sx }, children: [
+    /* @__PURE__ */ jsxs25(
       Box10,
       {
         ...shouldShowDropzone ? getRootProps() : {},
@@ -6095,7 +6197,7 @@ var Upload = ({
       }
     ),
     hasFile && !isUploading && /* @__PURE__ */ jsx46(DeleteButton, { onClick: onDelete }),
-    hasFiles && /* @__PURE__ */ jsxs24(Stack3, { direction: "row", spacing: 2, sx: { mt: 2 }, children: [
+    hasFiles && /* @__PURE__ */ jsxs25(Stack3, { direction: "row", spacing: 2, sx: { mt: 2 }, children: [
       onRemoveAll && /* @__PURE__ */ jsx46(
         Button,
         {
@@ -6164,7 +6266,7 @@ import FormLabel from "@mui/material/FormLabel";
 import FormControl from "@mui/material/FormControl";
 import FormHelperText2 from "@mui/material/FormHelperText";
 import FormControlLabel from "@mui/material/FormControlLabel";
-import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var RHFSwitch = ({
   name,
   description,
@@ -6181,7 +6283,7 @@ var RHFSwitch = ({
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs25(Box12, { sx: slotProps?.wrap, children: [
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs26(Box12, { sx: slotProps?.wrap, children: [
         /* @__PURE__ */ jsx48(
           FormControlLabel,
           {
@@ -6200,7 +6302,7 @@ var RHFSwitch = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs25(Stack4, { children: [
+            label: /* @__PURE__ */ jsxs26(Stack4, { children: [
               /* @__PURE__ */ jsx48(Typography3, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: label }),
               description && /* @__PURE__ */ jsx48(Typography3, { variant: "body2", color: "textBody", children: description })
             ] }),
@@ -6239,7 +6341,7 @@ var RHFMultiSwitch = ({
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs25(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs26(
         FormControl,
         {
           component: "fieldset",
@@ -6406,7 +6508,7 @@ import FormLabel2 from "@mui/material/FormLabel";
 import RadioGroup from "@mui/material/RadioGroup";
 import FormControl2 from "@mui/material/FormControl";
 import FormHelperText3 from "@mui/material/FormHelperText";
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 var RHFRadioGroup = ({
   name,
   label,
@@ -6423,7 +6525,7 @@ var RHFRadioGroup = ({
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs26(FormControl2, { component: "fieldset", sx: slotProps?.wrap, children: [
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs27(FormControl2, { component: "fieldset", sx: slotProps?.wrap, children: [
         label && /* @__PURE__ */ jsx51(
           FormLabel2,
           {
@@ -6450,7 +6552,7 @@ var RHFRadioGroup = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs26(Stack5, { children: [
+            label: /* @__PURE__ */ jsxs27(Stack5, { children: [
               /* @__PURE__ */ jsx51(Typography4, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: option.label }),
               option?.description && /* @__PURE__ */ jsx51(Typography4, { variant: "body2", color: "textBody", children: option?.description })
             ] }),
@@ -6524,7 +6626,7 @@ import FormLabel3 from "@mui/material/FormLabel";
 import FormControl3 from "@mui/material/FormControl";
 import FormHelperText4 from "@mui/material/FormHelperText";
 import FormControlLabel3 from "@mui/material/FormControlLabel";
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
 var RHFCheckbox = ({
   name,
   description,
@@ -6541,7 +6643,7 @@ var RHFCheckbox = ({
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs27(Box13, { sx: slotProps?.wrap, children: [
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs28(Box13, { sx: slotProps?.wrap, children: [
         /* @__PURE__ */ jsx53(
           FormControlLabel3,
           {
@@ -6560,7 +6662,7 @@ var RHFCheckbox = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs27(Stack6, { children: [
+            label: /* @__PURE__ */ jsxs28(Stack6, { children: [
               /* @__PURE__ */ jsx53(Typography5, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: label }),
               description && /* @__PURE__ */ jsx53(Typography5, { variant: "body2", color: "textBody", children: description })
             ] }),
@@ -6593,7 +6695,7 @@ var RHFMultiCheckbox = ({
       name,
       control,
       defaultValue: [],
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs27(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs28(
         FormControl3,
         {
           component: "fieldset",
@@ -6633,7 +6735,7 @@ var RHFMultiCheckbox = ({
                       }
                     }
                   ),
-                  label: /* @__PURE__ */ jsxs27(Stack6, { children: [
+                  label: /* @__PURE__ */ jsxs28(Stack6, { children: [
                     /* @__PURE__ */ jsx53(Typography5, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: option.label }),
                     option?.description && /* @__PURE__ */ jsx53(Typography5, { variant: "body2", color: "textBody", children: option?.description })
                   ] }),
@@ -6716,7 +6818,34 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
   }
   return content;
 };
+var SplashScreen = ({ portal, sx, ...rest }) => {
+  const content = /* @__PURE__ */ jsx55(
+    Box14,
+    {
+      sx: {
+        right: 0,
+        width: 1,
+        bottom: 0,
+        height: 1,
+        zIndex: 9998,
+        display: "flex",
+        position: "fixed",
+        alignItems: "center",
+        justifyContent: "center",
+        bgcolor: "background.default",
+        ...sx
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx55(AnimatedLogo, {})
+    }
+  );
+  if (portal) {
+    return /* @__PURE__ */ jsx55(Portal, { children: content });
+  }
+  return content;
+};
 export {
+  AnimatedLogo,
   CheckboxDefault,
   CheckboxIndeterminate,
   CheckboxSelect,
@@ -6755,6 +6884,7 @@ export {
   SettingsConsumer,
   SettingsContext,
   SettingsProvider,
+  SplashScreen,
   Table,
   TablePagination,
   ThemeProvider,