@erpsquad/common 1.8.46 → 1.8.47

package/dist/views/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./404/index.js"),t=require("./privateRoute/index.js"),r=require("./afterAuth/dashboard/dashboard/index.js"),o=require("./afterAuth/dashboard/redux/state/index.js"),a=require("./beforeAuth/components/gantt-data/gantt-data/index.js"),s=require("./beforeAuth/components/grid-data/grid-data/index.js"),i=require("./beforeAuth/landing/landing/index.js"),n=require("./template-editor/templates/index.js"),d=require("./template-editor/add-template/add-template/index.js"),l=require("./template-editor/company-selection-modal/company-selection-modal/index.js"),p=require("./template-editor/components/EditorCanvas/index.js"),u=require("./template-editor/components/EditorHeader/index.js"),x=require("./template-editor/components/EditorSection/index.js"),m=require("./template-editor/components/EditorSidebar/index.js"),c=require("./template-editor/components/SectionFlowEditor/index.js"),h=require("./template-editor/components/SectionFormatPanel/index.js"),g=require("./template-editor/components/controllers/AlignmentControl/index.js"),j=require("./template-editor/components/controllers/border-control/index.js"),b=require("./template-editor/components/controllers/ButtonControls/index.js"),q=require("./template-editor/components/controllers/CodeControls/index.js"),f=require("./template-editor/components/controllers/DividerControls/index.js"),A=require("./template-editor/components/controllers/ImageControls/index.js"),P=require("./template-editor/components/controllers/SignatureControls/index.js"),C=require("./template-editor/components/controllers/TableControls/index.js"),D=require("./template-editor/edit-section-modal/edit-section-modal/index.js"),S=require("./template-editor/template-modal/html-thumbnail-preview/index.js"),E=require("./template-editor/template-modal/template-modal/index.js"),w=require("./template-editor/template-name-modal/template-name-modal/index.js"),v=require("./afterAuth/dashboard/redux/reducer/index.js"),T=require("./afterAuth/dashboard/redux/actionCreator/index.js"),y=require("./beforeAuth/change-password/change-password/index.js"),R=require("./beforeAuth/components/activity-tag-data/activity-tag-data/index.js"),F=require("./beforeAuth/components/calendar-data/calendar-data/index.js"),M=require("./beforeAuth/components/kanbann-content/kanbann-raw/index.js"),H=require("./beforeAuth/components/list-content/column-raw/index.js"),I=require("./beforeAuth/components/list-content/list-data/index.js"),L=require("./beforeAuth/components/multiline-data/multiline-data/index.js"),N=require("./beforeAuth/components/share-modal-data/share-modal-data/index.js"),U=require("./beforeAuth/components/shared-pages-data/shared-pages-data/index.js"),_=require("./beforeAuth/components/tabs-data/tabs-data/index.js"),B=require("./beforeAuth/components/user-dropdown-data/user-dropdown-data/index.js"),O=require("./beforeAuth/forgot-password/forgot-password/index.js"),k=require("./beforeAuth/login/index/index.js"),G=require("./beforeAuth/reset-password/reset-password/index.js"),K=require("./template-editor/routes/index.js"),z=require("./template-editor/components/controllers/TextControls/index.js"),J=require("./template-editor/utils/common/index.js"),Q=require("./template-editor/utils/constant/index.js"),V=require("./template-editor/utils/default-data/index.js"),W=require("./template-editor/utils/style-extractor/index.js");exports.NotFound=e.default,exports.PrivateRoute=t.PrivateRoute,exports.Dashboard=r.default,exports.state=o.state,exports.ganttData=a.default,exports.data=s.data,exports.Landing=i.Landing,exports.Templates=n.default,exports.AddTemplate=d.default,exports.CompanySelectionModal=l.default,exports.EditorCanvas=p.default,exports.EditorHeader=u.default,exports.EditorSection=x.default,exports.EditorSidebar=m.EditorSidebar,exports.SectionFlowEditor=c.default,exports.SectionFormatPanel=h.default,exports.AlignmentControl=g.default,exports.BorderControl=j.default,exports.ButtonControls=b.default,exports.CodeControls=q.default,exports.DividerControls=f.default,exports.ImageControls=A.default,exports.SignatureControls=P.default,exports.TableControls=C.default,exports.EditSectionModal=D.default,exports.HtmlThumbnailPreview=S.HtmlThumbnailPreview,exports.TemplateModal=E.TemplateModal,exports.TemplateNameModal=w.default,exports.changeCurrentPage=v.changeCurrentPage,exports.dashBoardDrive=v.dashBoardDrive,exports.dashboardSlice=v.default,exports.pinToDashboardList=v.pinToDashboardList,exports.setGrid=v.setGrid,exports.setPages=v.setPages,exports.setPaginationModel=v.setPaginationModel,exports.setSharedPage=v.setSharedPage,exports.setUserName=v.setUserName,exports.UsersFetchAction=T.UsersFetchAction,exports.pinToDashboardAction=T.pinToDashboardAction,exports.setPagesAction=T.setPagesAction,exports.setSharedPageAction=T.setSharedPageAction,exports.setUserNameAction=T.setUserNameAction,exports.setdashboardDriveData=T.setdashboardDriveData,exports.ChangePassword=y.ChangePassword,exports.activityTag=R.activityTag,exports.calendarData=F.calendarData,exports.board=M.board,exports.column=H.column,exports.tableData=I.tableData,exports.multilineData=L.multilineData,exports.userRoles=N.userRoles,exports.sharedPagesData=U.sharedPagesData,exports.tabsData=_.tabsData,exports.userData=B.userData,exports.ForgotPassword=O.ForgotPassword,exports.Login=k.Login,exports.ResetPassword=G.ResetPassword,exports.templateEditorRoutes=K.templateEditorRoutes,exports.React=z.default,exports.extractStyles=J.extractStyles,exports.generateEmailPreview=J.generateEmailPreview,exports.generateHeaderFooterPreview=J.generateHeaderFooterPreview,exports.generateInlineStyles=J.generateInlineStyles,exports.getInitialSectionData=J.getInitialSectionData,exports.templateRoutes=J.templateRoutes,exports.TEMPLATE_EDITOR_PATHS=Q.TEMPLATE_EDITOR_PATHS,exports.initialStyles=Q.initialStyles,exports.emailColumns=V.emailColumns,exports.textOptions=V.textOptions,exports.useCKEditorStyleExtractor=W.useCKEditorStyleExtractor;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./404/index.js"),t=require("./privateRoute/index.js"),r=require("./afterAuth/dashboard/dashboard/index.js"),o=require("./form-builder/redux/state/index.js"),a=require("./afterAuth/page-view/page-view/index.js"),s=require("./beforeAuth/components/gantt-data/gantt-data/index.js"),i=require("./beforeAuth/components/grid-data/grid-data/index.js"),d=require("./beforeAuth/landing/landing/index.js"),n=require("./form-builder/custom-form/index.js"),l=require("./form-builder/form-fields/index.js"),u=require("./form-builder/element-edit-forms/checkbox/index.js"),p=require("./form-builder/element-edit-forms/column-width/index.js"),m=require("./form-builder/element-edit-forms/field-select/index.js"),x=require("./form-builder/element-edit-forms/section/index.js"),c=require("./form-builder/element-edit-forms/select/index.js"),f=require("./form-builder/element-edit-forms/table-form/index.js"),b=require("./form-builder/element-edit-forms/text/index.js"),h=require("./template-editor/templates/index.js"),j=require("./template-editor/add-template/add-template/index.js"),q=require("./template-editor/company-selection-modal/company-selection-modal/index.js"),g=require("./template-editor/components/EditorCanvas/index.js"),D=require("./template-editor/components/EditorHeader/index.js"),F=require("./template-editor/components/EditorSection/index.js"),A=require("./template-editor/components/EditorSidebar/index.js"),C=require("./template-editor/components/SectionFlowEditor/index.js"),P=require("./template-editor/components/SectionFormatPanel/index.js"),S=require("./template-editor/components/controllers/AlignmentControl/index.js"),w=require("./template-editor/components/controllers/border-control/index.js"),E=require("./template-editor/components/controllers/ButtonControls/index.js"),T=require("./template-editor/components/controllers/CodeControls/index.js"),v=require("./template-editor/components/controllers/DividerControls/index.js"),y=require("./template-editor/components/controllers/ImageControls/index.js"),R=require("./template-editor/components/controllers/SignatureControls/index.js"),I=require("./template-editor/components/controllers/TableControls/index.js"),M=require("./template-editor/edit-section-modal/edit-section-modal/index.js"),B=require("./template-editor/template-modal/html-thumbnail-preview/index.js"),H=require("./template-editor/template-modal/template-modal/index.js"),L=require("./template-editor/template-name-modal/template-name-modal/index.js"),O=require("./afterAuth/dashboard/redux/reducer/index.js"),_=require("./afterAuth/dashboard/redux/actionCreator/index.js"),N=require("./form-builder/redux/reducer/index.js"),U=require("./afterAuth/page-view/redux/reducer/index.js"),k=require("./afterAuth/page-view/redux/actionCreator/index.js"),V=require("./afterAuth/page-view/utils/default-data/index.js"),G=require("./afterAuth/page-view/utils/local-data/index.js"),K=require("./beforeAuth/change-password/change-password/index.js"),W=require("./beforeAuth/components/activity-tag-data/activity-tag-data/index.js"),z=require("./beforeAuth/components/calendar-data/calendar-data/index.js"),J=require("./beforeAuth/components/kanbann-content/kanbann-raw/index.js"),Q=require("./beforeAuth/components/list-content/column-raw/index.js"),X=require("./beforeAuth/components/list-content/list-data/index.js"),Y=require("./beforeAuth/components/multiline-data/multiline-data/index.js"),Z=require("./beforeAuth/components/share-modal-data/share-modal-data/index.js"),$=require("./beforeAuth/components/shared-pages-data/shared-pages-data/index.js"),ee=require("./beforeAuth/components/tabs-data/tabs-data/index.js"),te=require("./beforeAuth/components/user-dropdown-data/user-dropdown-data/index.js"),re=require("./beforeAuth/forgot-password/forgot-password/index.js"),oe=require("./beforeAuth/reset-password/reset-password/index.js"),ae=require("./form-builder/field_properties/index.js"),se=require("./form-builder/redux/actionCreator/index.js"),ie=require("./form-builder/utils/common/index.js"),de=require("./template-editor/routes/index.js"),ne=require("./template-editor/components/controllers/TextControls/index.js"),le=require("./template-editor/utils/common/index.js"),ue=require("./template-editor/utils/constant/index.js"),pe=require("./template-editor/utils/default-data/index.js"),me=require("./template-editor/utils/style-extractor/index.js");exports.NotFound=e.default,exports.PrivateRoute=t.PrivateRoute,exports.Dashboard=r.default,exports.state=o.state,exports.PageView=a.PageView,exports.ganttData=s.default,exports.data=i.data,exports.Landing=d.Landing,exports.CustomForm=n.CustomForm,exports.FormField=l.FormField,exports.FormFields=l.default,exports.CheckboxEditForm=u.CheckboxEditForm,exports.ColumnWidth=p.default,exports.FieldSelect=m.default,exports.SectionEditForm=x.SectionEditForm,exports.SelectEditForm=c.SelectEditForm,exports.TableEditForm=f.default,exports.TextEditForm=b.TextEditForm,exports.Templates=h.default,exports.AddTemplate=j.default,exports.CompanySelectionModal=q.default,exports.EditorCanvas=g.default,exports.EditorHeader=D.default,exports.EditorSection=F.default,exports.EditorSidebar=A.EditorSidebar,exports.SectionFlowEditor=C.default,exports.SectionFormatPanel=P.default,exports.AlignmentControl=S.default,exports.BorderControl=w.default,exports.ButtonControls=E.default,exports.CodeControls=T.default,exports.DividerControls=v.default,exports.ImageControls=y.default,exports.SignatureControls=R.default,exports.TableControls=I.default,exports.EditSectionModal=M.default,exports.HtmlThumbnailPreview=B.HtmlThumbnailPreview,exports.TemplateModal=H.TemplateModal,exports.TemplateNameModal=L.default,exports.dashBoardDrive=O.dashBoardDrive,exports.dashboardSlice=O.default,exports.pinToDashboardList=O.pinToDashboardList,exports.setGrid=O.setGrid,exports.setSharedPage=O.setSharedPage,exports.setUserName=O.setUserName,exports.UsersFetchAction=_.UsersFetchAction,exports.pinToDashboardAction=_.pinToDashboardAction,exports.setPagesAction=_.setPagesAction,exports.setSharedPageAction=_.setSharedPageAction,exports.setUserNameAction=_.setUserNameAction,exports.setdashboardDriveData=_.setdashboardDriveData,exports.formBuilderListSlice=N.default,exports.setFormData=N.setFormData,exports.setPaginationModel=N.setPaginationModel,exports.pageViewSlice=U.default,exports.setColumnOrder=U.setColumnOrder,exports.setRowData=U.setRowData,exports.fetchPage=k.fetchPage,exports.defaultData=V.defaultData,exports.local=G.local,exports.ChangePassword=K.ChangePassword,exports.activityTag=W.activityTag,exports.calendarData=z.calendarData,exports.board=J.board,exports.column=Q.column,exports.tableData=X.tableData,exports.multilineData=Y.multilineData,exports.userRoles=Z.userRoles,exports.sharedPagesData=$.sharedPagesData,exports.tabsData=ee.tabsData,exports.userData=te.userData,exports.ForgotPassword=re.ForgotPassword,exports.ResetPassword=oe.ResetPassword,exports.element=ae.element,exports.getFieldsByFormId=se.getFieldsByFormId,exports.getFormDataById=se.getFormDataById,exports.patchFormDataById=se.patchFormDataById,exports.createDefaultTableColumns=ie.createDefaultTableColumns,exports.extractSections=ie.extractSections,exports.formatText=ie.formatText,exports.generateModulePath=ie.generateModulePath,exports.processMembers=ie.processMembers,exports.processTableColumns=ie.processTableColumns,exports.useFormDataEffect=ie.useFormDataEffect,exports.useFormDataProcessor=ie.useFormDataProcessor,exports.templateEditorRoutes=de.templateEditorRoutes,exports.React=ne.default,exports.extractStyles=le.extractStyles,exports.generateEmailPreview=le.generateEmailPreview,exports.generateHeaderFooterPreview=le.generateHeaderFooterPreview,exports.generateInlineStyles=le.generateInlineStyles,exports.getInitialSectionData=le.getInitialSectionData,exports.templateRoutes=le.templateRoutes,exports.TEMPLATE_EDITOR_PATHS=ue.TEMPLATE_EDITOR_PATHS,exports.initialStyles=ue.initialStyles,exports.emailColumns=pe.emailColumns,exports.textOptions=pe.textOptions,exports.useCKEditorStyleExtractor=me.useCKEditorStyleExtractor;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@erpsquad/common",
-	"version": "1.8.46",
+	"version": "1.8.47",
 	"description": "Shared UI component library for ERP modules",
 	"main": "./dist/index.js",
 	"module": "./dist/index.esm.js",
@@ -130,6 +130,7 @@
 		"build:validate": "npm run build && node scripts/validate-package.js",
 		"clean": "rimraf dist",
 		"generate:exports": "node scripts/generate-exports.js",
+		"fix:exports": "node scripts/fix-all-exports.js",
 		"add:named-exports": "node scripts/add-named-exports.js",
 		"analyze:exports": "node scripts/analyze-exports.js",
 		"type-check": "tsc --noEmit --skipLibCheck",

package/dist/components/activity-tag/activity-tag/index.esm.js

@@ -1,154 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-/* empty css                             */
-import { images } from "../../../images/index.esm.js";
-import { Avatar } from "../../avatar/avatar/index.esm.js";
-import { Accordion } from "../../accordion/accordion/index.esm.js";
-import { useAuth } from "../../../hooks/useAuth/index.esm.js";
-import { formatText } from "../../../utils/format-text/index.esm.js";
-import { Typography } from "../../typography/typography/index.esm.js";
-import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
-import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
-import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
-import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
-import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
-import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
-import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
-import TextField from "../../../node_modules/@mui/material/TextField/TextField/index.esm.js";
-const StyledTextField = styled(TextField)(({ theme: { palette } }) => {
-  var _a, _b, _c, _d;
-  return {
-    width: "100%",
-    "& .MuiOutlinedInput-root": {
-      height: "2rem",
-      "& fieldset": {
-        borderColor: (_a = palette.theme) == null ? void 0 : _a.secondary[300],
-        borderWidth: 2
-      },
-      "&:hover fieldset": {
-        borderColor: (_b = palette.theme) == null ? void 0 : _b.secondary[300]
-      },
-      "&.Mui-focused fieldset": {
-        // borderWidth: "0.0625rem",
-        // borderStyle: "solid",
-        borderColor: (_c = palette.theme) == null ? void 0 : _c.primary[700]
-      },
-      "&.Mui-error fieldset": {
-        borderColor: (_d = palette.theme) == null ? void 0 : _d.error[600]
-      }
-    }
-  };
-});
-const ActivityTag = (props) => {
-  const {
-    type,
-    data,
-    placeholder,
-    error = false,
-    textfield,
-    textfieldTitle,
-    onCommentSubmit,
-    onChange,
-    containerProps,
-    accordion = true,
-    ...rest
-  } = props;
-  const { user } = useAuth();
-  const chatRef = useRef(null);
-  const scrollToBottom = () => {
-    if (chatRef.current) {
-      chatRef.current.scrollTop = chatRef.current.scrollHeight;
-    }
-  };
-  useEffect(() => {
-    scrollToBottom();
-  }, [data]);
-  const formatDateTime = (dateTime) => {
-    const currentDate = /* @__PURE__ */ new Date();
-    const commentDate = new Date(dateTime);
-    const timeDifference = currentDate.getTime() - commentDate.getTime();
-    const secondsDifference = Math.floor(timeDifference / 1e3);
-    const minutesDifference = Math.floor(secondsDifference / 60);
-    const hoursDifference = Math.floor(minutesDifference / 60);
-    if (secondsDifference < 60) {
-      return `${secondsDifference} second${secondsDifference !== 1 ? "s" : ""} ago`;
-    } else if (minutesDifference < 60) {
-      return `${minutesDifference} minute${minutesDifference !== 1 ? "s" : ""} ago`;
-    } else if (hoursDifference < 24) {
-      return `${hoursDifference} hour${hoursDifference !== 1 ? "s" : ""} ago`;
-    } else {
-      const optionsDate = {
-        day: "numeric",
-        month: "short",
-        year: "numeric"
-      };
-      const optionsTime = {
-        hour: "numeric",
-        minute: "numeric",
-        hour12: false
-      };
-      const formattedDate = commentDate.toLocaleString("en-US", optionsDate);
-      const formattedTime = commentDate.toLocaleString("en-US", optionsTime);
-      return `${formattedDate} • ${formattedTime}`;
-    }
-  };
-  const handleKeyPress = (event) => {
-    if (event.key === "Enter") {
-      const commentValue = event.target.value;
-      if (commentValue.trim() !== "") {
-        onCommentSubmit(commentValue);
-        scrollToBottom();
-      }
-    }
-  };
-  const timelineItems = type === "activity" ? data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ jsx("div", { className: "Timeline--Activity", children: /* @__PURE__ */ jsxs(TimelineItem, { children: [
-    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
-      /* @__PURE__ */ jsx(TimelineDot, {}),
-      data.length - 1 !== index && /* @__PURE__ */ jsx(TimelineConnector, {})
-    ] }),
-    /* @__PURE__ */ jsx(TimelineContent, { className: "Timeline--Content", children: /* @__PURE__ */ jsxs(Typography, { type: "s4", color: "theme.secondary.800", className: "Timeline--ActivityLogItem", children: [
-      item.message,
-      " · ",
-      formatDateTime(item.created_at)
-    ] }) })
-  ] }, index) })) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "Timeline--Chat", ref: chatRef, children: data.map((item, index) => /* @__PURE__ */ jsxs(TimelineItem, { children: [
-    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
-      /* @__PURE__ */ jsx(Avatar, { src: images.chat, size: 17 }),
-      /* @__PURE__ */ jsx(TimelineConnector, {})
-    ] }),
-    /* @__PURE__ */ jsxs(TimelineContent, { children: [
-      item.name,
-      " commented this · ",
-      formatDateTime(item.created_at),
-      /* @__PURE__ */ jsx("div", { className: "Timeline--CommentWrap", children: /* @__PURE__ */ jsx("p", { className: "Timeline--Comment", children: item.message }) })
-    ] })
-  ] }, index)) }) });
-  return (
-    // <Box position='relative'>
-    /* @__PURE__ */ jsx("div", { className: "ActivityContainer", ...containerProps, children: /* @__PURE__ */ jsxs(Timeline, { className: "Timeline", children: [
-      accordion ? /* @__PURE__ */ jsx(Accordion, { title: "Activities", accordionProps: { defaultExpanded: true }, children: timelineItems }) : /* @__PURE__ */ jsx("div", { className: "Timeline--ActivityBox", children: timelineItems }),
-      textfield && /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentBox", children: [
-        textfieldTitle,
-        /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentText", children: [
-          /* @__PURE__ */ jsx(Avatar, { size: 32, alt: formatText(user == null ? void 0 : user.full_name), className: "avatar-class" }),
-          /* @__PURE__ */ jsx(
-            StyledTextField,
-            {
-              error,
-              placeholder,
-              className: "textfield",
-              onKeyDown: handleKeyPress,
-              onChange,
-              ...rest
-            }
-          )
-        ] })
-      ] })
-    ] }) })
-  );
-};
-export {
-  ActivityTag,
-  ActivityTag as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/components/activity-tag/activity-tag/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["MUITextField"],"mappings":"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"}

package/dist/components/activity-tag/activity-tag/index.js

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var r=,/* empty css                     */t=,/* empty css                         */n=,/* empty css                               */l=,/* empty css                            */s=,/* empty css                                */a=,/* empty css                                 */o=,/* empty css                                                              */d=,/* empty css                                                                        */m=,/* empty css                                                            */u=,/* empty css                                                                        */c=,/* empty css                                                                    */x=,/* empty css                                                      */h=,/* empty css                                                       */j=;/* empty css                                                             */const f=h.default(j.default)(({theme:{palette:e}})=>{var i,r,t,n;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(n=e.theme)?void 0:n.error[600]}}}}),v=h=>{const{type:j,data:v,placeholder:T,error:p=!1,textfield:y,textfieldTitle:g,onCommentSubmit:C,onChange:q,containerProps:b,accordion:N=!0,..._}=h,{user:A}=l.useAuth(),$=i.useRef(null),M=()=>{$.current&&($.current.scrollTop=$.current.scrollHeight)};i.useEffect(()=>{M()},[v]);const S=e=>{const i=/* @__PURE__ */new Date,r=new Date(e),t=i.getTime()-r.getTime(),n=Math.floor(t/1e3),l=Math.floor(n/60),s=Math.floor(l/60);if(n<60)return`${n} second${1!==n?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(s<24)return`${s} hour${1!==s?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},i={hour:"numeric",minute:"numeric",hour12:!1};return`${r.toLocaleString("en-US",e)} • ${r.toLocaleString("en-US",i)}`}},D="activity"===j?null==v?void 0:v.map((i,r)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(o.default,{children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
-/* @__PURE__ */e.jsx(m.default,{}),v.length-1!==r&&/* @__PURE__ */e.jsx(u.default,{})]}),
-/* @__PURE__ */e.jsx(c.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(a.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[i.message," · ",S(i.created_at)]})})]},r)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:$,children:v.map((i,n)=>/* @__PURE__ */e.jsxs(o.default,{children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
-/* @__PURE__ */e.jsx(t.Avatar,{src:r.images.chat,size:17}),
-/* @__PURE__ */e.jsx(u.default,{})]}),
-/* @__PURE__ */e.jsxs(c.default,{children:[i.name," commented this · ",S(i.created_at),
-/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:i.message})})]})]},n))})});
-/* @__PURE__ */
-return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(x.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(n.Accordion,{title:"Activities",accordionProps:{defaultExpanded:!0},children:D}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:D}),y&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[g,
-/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentText",children:[
-/* @__PURE__ */e.jsx(t.Avatar,{size:32,alt:s.formatText(null==A?void 0:A.full_name),className:"avatar-class"}),
-/* @__PURE__ */e.jsx(f,{error:p,placeholder:T,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const i=e.target.value;""!==i.trim()&&(C(i),M())}},onChange:q,..._})]})]})]})})};exports.ActivityTag=v,exports.default=v;
-//# sourceMappingURL=index.js.map

package/dist/components/activity-tag/activity-tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["StyledTextField","styled","MUITextField","theme","palette","width","height","borderColor","_a","secondary","borderWidth","_b","_c","primary","_d","error","ActivityTag","props","type","data","placeholder","textfield","textfieldTitle","onCommentSubmit","onChange","containerProps","accordion","rest","user","useAuth","chatRef","useRef","scrollToBottom","current","scrollTop","scrollHeight","useEffect","formatDateTime","dateTime","currentDate","Date","commentDate","timeDifference","getTime","secondsDifference","Math","floor","minutesDifference","hoursDifference","optionsDate","day","month","year","optionsTime","hour","minute","hour12","toLocaleString","timelineItems","map","item","index","jsx","className","children","TimelineItem","jsxs","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","Typography","color","message","created_at","Fragment","ref","Avatar","src","images","chat","size","name","Timeline","Accordion","title","accordionProps","defaultExpanded","alt","formatText","full_name","onKeyDown","event","key","commentValue","target","value","trim"],"mappings":"ujCAgBA,MAAMA,EAAkBC,EAAAA,QAAOC,UAAPD,CAAqB,EAAGE,OAASC,2BAAiB,MAAA,CACxEC,MAAO,OACP,2BAA4B,CAC1BC,OAAQ,OACR,aAAc,CACZC,YAAa,OAAAC,EAAAJ,EAAQD,YAAR,EAAAK,EAAeC,UAAU,KACtCC,YAAa,GAEf,mBAAoB,CAClBH,YAAa,OAAAI,EAAAP,EAAQD,YAAR,EAAAQ,EAAeF,UAAU,MAExC,yBAA0B,CAGxBF,YAAa,OAAAK,EAAAR,EAAQD,YAAR,EAAAS,EAAeC,QAAQ,MAEtC,uBAAwB,CACtBN,YAAa,OAAAO,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,MAAM,UAK3BC,EAAeC,IAC1B,MAAMC,KACJA,EAAAC,KACAA,EAAAC,YACAA,EAAAL,MACAA,GAAQ,EAAAM,UACRA,EAAAC,eACAA,EAAAC,gBACAA,EAAAC,SACAA,EAAAC,eACAA,EAAAC,UACAA,GAAY,KACTC,GACDV,GACEW,KAAEA,GAASC,YAEXC,EAAUC,EAAAA,OAAuB,MAEjCC,EAAiB,KACjBF,EAAQG,UACVH,EAAQG,QAAQC,UAAYJ,EAAQG,QAAQE,eAIhDC,EAAAA,UAAU,KACRJ,KACC,CAACb,IAEJ,MAAMkB,EAAkBC,IACtB,MAAMC,qBAAkBC,KAClBC,EAAc,IAAID,KAAKF,GACvBI,EAAiBH,EAAYI,UAAYF,EAAYE,UACrDC,EAAoBC,KAAKC,MAAMJ,EAAiB,KAChDK,EAAoBF,KAAKC,MAAMF,EAAoB,IACnDI,EAAkBH,KAAKC,MAAMC,EAAoB,IAEvD,GAAIH,EAAoB,GACtB,MAAO,GAAGA,WAAiD,IAAtBA,EAA0B,IAAM,SAEvE,GAAWG,EAAoB,GAC7B,MAAO,GAAGA,WAAiD,IAAtBA,EAA0B,IAAM,SAEvE,GAAWC,EAAkB,GAC3B,MAAO,GAAGA,SAA2C,IAApBA,EAAwB,IAAM,SAC1D,CAEL,MAAMC,EAA0C,CAC9CC,IAAK,UACLC,MAAO,QACPC,KAAM,WAGFC,EAA0C,CAC9CC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAMV,MAAO,GAHef,EAAYgB,eAAe,QAASR,QACpCR,EAAYgB,eAAe,QAASJ,IAG5D,GAaIK,EACK,aAATxC,EACE,MAAAC,OAAA,EAAAA,EAAMwC,IAAI,CAACC,EAAWC,mBACpBC,EAAAA,IAAC,MAAA,CAAIC,UAAU,qBACbC,+BAACC,EAAAA,QAAA,CACCD,SAAA;eAAAE,OAACC,EAAAA,QAAA,CACCH,SAAA;eAAAF,EAAAA,IAACM,EAAAA,QAAA,IACAjD,EAAKkD,OAAS,IAAMR,wBAAUS,EAAAA,QAAA,CAAA;iBAEjCR,IAACS,EAAAA,QAAA,CAAgBR,UAAU,oBACzBC,wBAAAE,EAAAA,KAACM,EAAAA,WAAA,CAAWtD,KAAK,KAAKuD,MAAM,sBAAsBV,UAAU,4BACzDC,SAAA,CAAAJ,EAAKc,QAAQ,MAAIrC,EAAeuB,EAAKe,mBAPzBd,qBAcvBC,EAAAA,IAAAc,WAAA,CACEZ,8BAAC,MAAA,CAAID,UAAU,iBAAiBc,IAAK/C,EAClCkC,SAAA7C,EAAKwC,IAAI,CAACC,EAAWC,0BACnBI,EAAAA,QAAA,CACCD,SAAA;eAAAE,OAACC,EAAAA,QAAA,CACCH,SAAA;eAAAF,EAAAA,IAACgB,EAAAA,OAAA,CAAOC,IAAKC,EAAAA,OAAOC,KAAMC,KAAM;qBAC/BZ,EAAAA,QAAA,CAAA;sBAEFC,EAAAA,QAAA,CACEP,SAAA,CAAAJ,EAAKuB,KAAK,qBAAmB9C,EAAeuB,EAAKe;iBAClDb,IAAC,MAAA,CAAIC,UAAU,wBACbC,wBAAAF,EAAAA,IAAC,KAAEC,UAAU,oBAAqBC,SAAAJ,EAAKc,iBAR1Bb;;AAyB7B,SAEEC,IAAC,OAAIC,UAAU,uBAAwBtC,EACrCuC,wBAAAE,EAAAA,KAACkB,EAAAA,QAAA,CAASrB,UAAU,WACjBC,SAAA,CAAAtC,iBACCoC,EAAAA,IAACuB,EAAAA,UAAA,CAAUC,MAAM,aAAaC,eAAgB,CAAEC,iBAAiB,GAChExB,4BAEHF,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBACZC,SAAAN,IAGFrC,kBACC6C,EAAAA,KAAC,MAAA,CAAIH,UAAU,uBACZC,SAAA,CAAA1C;iBACD4C,KAAC,MAAA,CAAIH,UAAU,wBACbC,SAAA;eAAAF,EAAAA,IAACgB,EAAAA,OAAA,CAAOI,KAAM,GAAIO,IAAKC,aAAW,MAAA9D,OAAA,EAAAA,EAAM+D,WAAY5B,UAAU;eAC9DD,EAAAA,IAAC9D,EAAA,CACCe,QACAK,cACA2C,UAAU,YACV6B,UA7EUC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMC,EAAgBF,EAAMG,OAA4BC,MAC5B,KAAxBF,EAAaG,SACf3E,EAAgBwE,GAChB/D,IAEJ,GAuEYR,cACIG"}

package/dist/components/charts/bar-chart/bar-chart/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/bar-chart/bar-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: DataPoint[];\n  numOfLines?: number;\n  width?: number;\n  height?: number;\n  line?: boolean;\n}\n\nconst formatNumber = (num: number) => {\n  if (num >= 1e9) return (num / 1e9).toFixed(1) + \"B\";\n  if (num >= 1e6) return (num / 1e6).toFixed(1) + \"M\";\n  if (num >= 1e3) return (num / 1e3).toFixed(1) + \"K\";\n  return num;\n};\n\nconst BarChart: React.FC<BarChartProps> = ({\n  data,\n  numOfLines = 5,\n  width = 500,\n  height = 300,\n  line = false,\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const maxValue = useMemo(() => {\n    return Math.max(...data.map((d) => d.value));\n  }, [data]);\n\n  const yAxisMaxValue = useMemo(() => {\n    return maxValue * 1.25;\n  }, [maxValue]);\n\n  const yAxisTicks = useMemo(() => {\n    const ticks = [];\n    const interval = yAxisMaxValue / numOfLines;\n    for (let i = 0; i <= numOfLines; i++) {\n      ticks.push(interval * i);\n    }\n    return ticks;\n  }, [yAxisMaxValue, numOfLines]);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = { top: 20, right: 20, bottom: 70, left: 40 };\n    const barWidth = width - margin.left - margin.right;\n    const barHeight = height - margin.top - margin.bottom;\n\n    const mousemove = (event: MouseEvent, d: DataPoint) => {\n      let xPosition = event.offsetX + margin.left - 25;\n      const yPosition = event.offsetY + margin.top - 40;\n      const tooltipWidth = tooltip.node()?.getBoundingClientRect()?.width;\n      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;\n      if (rightOffset > width) {\n        xPosition = Math.floor(\n          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20,\n        );\n      }\n\n      const text = `${d.label} - ${d.value}`;\n      tooltip\n        .attr(\"x\", xPosition)\n        .attr(\"y\", yPosition)\n        .style(\"opacity\", 9)\n        .style(\"height\", text.length >= 16 ? 50 : 35);\n\n      tooltipText.html(text);\n    };\n\n    const mouseleave = () => {\n      tooltip.style(\"opacity\", 0);\n    };\n\n    const x = d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, barWidth])\n      .padding(0.1);\n\n    const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    if (line) {\n      yAxisTicks.slice(1).forEach((tick) => {\n        chart\n          .append(\"line\")\n          .attr(\"class\", \"dotted-line\")\n          .attr(\"x1\", 0)\n          .attr(\"y1\", y(tick))\n          .attr(\"x2\", barWidth)\n          .attr(\"y2\", y(tick))\n          .style(\"stroke\", \"gray\")\n          .style(\"stroke-dasharray\", \"3,3\")\n          .style(\"opacity\", 1);\n      });\n    }\n\n    chart\n      .selectAll(\".bar\")\n      .data(data)\n      .enter()\n      .append(\"rect\")\n      .attr(\"class\", \"bar\")\n      //@ts-expect-error not applicable\n      .attr(\"x\", (d: any) => x(d.label))\n      .attr(\"y\", (d: any) => y(d.value))\n      .attr(\"width\", x.bandwidth())\n      .attr(\"height\", (d: any) => barHeight - y(d.value))\n      .style(\"fill\", \"#357AF6\")\n      .style(\"opacity\", \"1\")\n      .on(\"mousemove\", mousemove)\n      .on(\"mouseleave\", mouseleave);\n\n    const xAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"x-axis\")\n      .attr(\"transform\", `translate(0, ${barHeight})`)\n      .call(d3.axisBottom(x) as any);\n\n    xAxis.selectAll(\".tick line\").remove();\n\n    const yAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"y-axis\")\n      .call(\n        d3\n          .axisLeft(y)\n          .tickValues(yAxisTicks)\n          //@ts-expect-error not applicable\n          .tickFormat((d: any) => {\n            return formatNumber(d);\n          })\n          .tickSizeOuter(0) as any,\n      );\n\n    yAxis.selectAll(\".tick line\").remove();\n\n    const tooltip = svg\n      .append(\"foreignObject\")\n      .attr(\"class\", \"tooltip\")\n      .attr(\"width\", 120)\n      .attr(\"height\", 20)\n      .style(\"opacity\", 0)\n      .style(\"position\", \"absolute\")\n      .style(\"background-color\", \"white\")\n      .style(\"border\", \"none\")\n      .style(\"box-shadow\", \"0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)\")\n      .style(\"border-radius\", \"0.313rem\")\n      .style(\"padding\", \"0.625rem\")\n      .style(\"font-size\", \"0.75rem\");\n\n    const tooltipText = tooltip\n      .append(\"xhtml:div\")\n      .style(\"font-size\", \"0.75rem\")\n      .style(\"color\", \"black\");\n  }, [data, height, width, line, yAxisMaxValue, yAxisTicks]);\n\n  return (\n    <>\n      <svg ref={svgRef} width={width} height={height}></svg>\n    </>\n  );\n};\n\nexport { BarChart };\nexport default BarChart;\n"],"names":["d3.select","d3.scaleBand","d3.scaleLinear","d3.axisBottom","d3.axisLeft"],"mappings":"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"}

package/dist/components/charts/bar-chart/bar-chart/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../node_modules/d3-scale/src/band/index.js"),a=require("../../../../node_modules/d3-scale/src/linear/index.js"),s=require("../../../../node_modules/d3-selection/src/select/index.js"),l=require("../../../../node_modules/d3-axis/src/axis/index.js");const o=({data:o,numOfLines:i=5,width:n=500,height:d=300,line:c=!1})=>{const u=t.useRef(null),m=t.useMemo(()=>Math.max(...o.map(e=>e.value)),[o]),y=t.useMemo(()=>1.25*m,[m]),p=t.useMemo(()=>{const e=[],t=y/i;for(let r=0;r<=i;r++)e.push(t*r);return e},[y,i]);return t.useEffect(()=>{if(!u.current)return;const e=s.default(u.current);e.selectAll("*").remove();const t=n-40-20,i=d-20-70,m=r.default().domain(o.map(e=>e.label)).range([0,t]).padding(.1),h=a.default().domain([0,y]).range([i,0]),x=e.append("g").attr("transform","translate(40,20)");c&&p.slice(1).forEach(e=>{x.append("line").attr("class","dotted-line").attr("x1",0).attr("y1",h(e)).attr("x2",t).attr("y2",h(e)).style("stroke","gray").style("stroke-dasharray","3,3").style("opacity",1)}),x.selectAll(".bar").data(o).enter().append("rect").attr("class","bar").attr("x",e=>m(e.label)).attr("y",e=>h(e.value)).attr("width",m.bandwidth()).attr("height",e=>i-h(e.value)).style("fill","#357AF6").style("opacity","1").on("mousemove",(e,t)=>{var r,a;let s=e.offsetX+40-25;const l=e.offsetY+20-40,o=null==(a=null==(r=f.node())?void 0:r.getBoundingClientRect())?void 0:a.width;(o?s+o:s)>n&&(s=Math.floor(o?s-o-20:s-20));const i=`${t.label} - ${t.value}`;f.attr("x",s).attr("y",l).style("opacity",9).style("height",i.length>=16?50:35),g.html(i)}).on("mouseleave",()=>{f.style("opacity",0)}),x.append("g").attr("class","x-axis").attr("transform",`translate(0, ${i})`).call(l.axisBottom(m)).selectAll(".tick line").remove(),x.append("g").attr("class","y-axis").call(l.axisLeft(h).tickValues(p).tickFormat(e=>{return(t=e)>=1e9?(t/1e9).toFixed(1)+"B":t>=1e6?(t/1e6).toFixed(1)+"M":t>=1e3?(t/1e3).toFixed(1)+"K":t;var t}).tickSizeOuter(0)).selectAll(".tick line").remove();const f=e.append("foreignObject").attr("class","tooltip").attr("width",120).attr("height",20).style("opacity",0).style("position","absolute").style("background-color","white").style("border","none").style("box-shadow","0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius","0.313rem").style("padding","0.625rem").style("font-size","0.75rem"),g=f.append("xhtml:div").style("font-size","0.75rem").style("color","black")},[o,d,n,c,y,p]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("svg",{ref:u,width:n,height:d})})};exports.BarChart=o,exports.default=o;
-//# sourceMappingURL=index.js.map

package/dist/components/charts/bar-chart/bar-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/bar-chart/bar-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: DataPoint[];\n  numOfLines?: number;\n  width?: number;\n  height?: number;\n  line?: boolean;\n}\n\nconst formatNumber = (num: number) => {\n  if (num >= 1e9) return (num / 1e9).toFixed(1) + \"B\";\n  if (num >= 1e6) return (num / 1e6).toFixed(1) + \"M\";\n  if (num >= 1e3) return (num / 1e3).toFixed(1) + \"K\";\n  return num;\n};\n\nconst BarChart: React.FC<BarChartProps> = ({\n  data,\n  numOfLines = 5,\n  width = 500,\n  height = 300,\n  line = false,\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const maxValue = useMemo(() => {\n    return Math.max(...data.map((d) => d.value));\n  }, [data]);\n\n  const yAxisMaxValue = useMemo(() => {\n    return maxValue * 1.25;\n  }, [maxValue]);\n\n  const yAxisTicks = useMemo(() => {\n    const ticks = [];\n    const interval = yAxisMaxValue / numOfLines;\n    for (let i = 0; i <= numOfLines; i++) {\n      ticks.push(interval * i);\n    }\n    return ticks;\n  }, [yAxisMaxValue, numOfLines]);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = { top: 20, right: 20, bottom: 70, left: 40 };\n    const barWidth = width - margin.left - margin.right;\n    const barHeight = height - margin.top - margin.bottom;\n\n    const mousemove = (event: MouseEvent, d: DataPoint) => {\n      let xPosition = event.offsetX + margin.left - 25;\n      const yPosition = event.offsetY + margin.top - 40;\n      const tooltipWidth = tooltip.node()?.getBoundingClientRect()?.width;\n      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;\n      if (rightOffset > width) {\n        xPosition = Math.floor(\n          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20,\n        );\n      }\n\n      const text = `${d.label} - ${d.value}`;\n      tooltip\n        .attr(\"x\", xPosition)\n        .attr(\"y\", yPosition)\n        .style(\"opacity\", 9)\n        .style(\"height\", text.length >= 16 ? 50 : 35);\n\n      tooltipText.html(text);\n    };\n\n    const mouseleave = () => {\n      tooltip.style(\"opacity\", 0);\n    };\n\n    const x = d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, barWidth])\n      .padding(0.1);\n\n    const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    if (line) {\n      yAxisTicks.slice(1).forEach((tick) => {\n        chart\n          .append(\"line\")\n          .attr(\"class\", \"dotted-line\")\n          .attr(\"x1\", 0)\n          .attr(\"y1\", y(tick))\n          .attr(\"x2\", barWidth)\n          .attr(\"y2\", y(tick))\n          .style(\"stroke\", \"gray\")\n          .style(\"stroke-dasharray\", \"3,3\")\n          .style(\"opacity\", 1);\n      });\n    }\n\n    chart\n      .selectAll(\".bar\")\n      .data(data)\n      .enter()\n      .append(\"rect\")\n      .attr(\"class\", \"bar\")\n      //@ts-expect-error not applicable\n      .attr(\"x\", (d: any) => x(d.label))\n      .attr(\"y\", (d: any) => y(d.value))\n      .attr(\"width\", x.bandwidth())\n      .attr(\"height\", (d: any) => barHeight - y(d.value))\n      .style(\"fill\", \"#357AF6\")\n      .style(\"opacity\", \"1\")\n      .on(\"mousemove\", mousemove)\n      .on(\"mouseleave\", mouseleave);\n\n    const xAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"x-axis\")\n      .attr(\"transform\", `translate(0, ${barHeight})`)\n      .call(d3.axisBottom(x) as any);\n\n    xAxis.selectAll(\".tick line\").remove();\n\n    const yAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"y-axis\")\n      .call(\n        d3\n          .axisLeft(y)\n          .tickValues(yAxisTicks)\n          //@ts-expect-error not applicable\n          .tickFormat((d: any) => {\n            return formatNumber(d);\n          })\n          .tickSizeOuter(0) as any,\n      );\n\n    yAxis.selectAll(\".tick line\").remove();\n\n    const tooltip = svg\n      .append(\"foreignObject\")\n      .attr(\"class\", \"tooltip\")\n      .attr(\"width\", 120)\n      .attr(\"height\", 20)\n      .style(\"opacity\", 0)\n      .style(\"position\", \"absolute\")\n      .style(\"background-color\", \"white\")\n      .style(\"border\", \"none\")\n      .style(\"box-shadow\", \"0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)\")\n      .style(\"border-radius\", \"0.313rem\")\n      .style(\"padding\", \"0.625rem\")\n      .style(\"font-size\", \"0.75rem\");\n\n    const tooltipText = tooltip\n      .append(\"xhtml:div\")\n      .style(\"font-size\", \"0.75rem\")\n      .style(\"color\", \"black\");\n  }, [data, height, width, line, yAxisMaxValue, yAxisTicks]);\n\n  return (\n    <>\n      <svg ref={svgRef} width={width} height={height}></svg>\n    </>\n  );\n};\n\nexport { BarChart };\nexport default BarChart;\n"],"names":["BarChart","data","numOfLines","width","height","line","svgRef","useRef","maxValue","useMemo","Math","max","map","d","value","yAxisMaxValue","yAxisTicks","ticks","interval","i","push","useEffect","current","svg","d3.select","selectAll","remove","barWidth","barHeight","x","d3.scaleBand","domain","label","range","padding","y","d3.scaleLinear","chart","append","attr","slice","forEach","tick","style","enter","bandwidth","on","event","xPosition","offsetX","yPosition","offsetY","tooltipWidth","_b","_a","tooltip","node","getBoundingClientRect","floor","text","length","tooltipText","html","call","d3.axisBottom","d3.axisLeft","tickValues","tickFormat","num","toFixed","tickSizeOuter","children","jsx","ref"],"mappings":"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"}

package/dist/components/charts/donut-chart/donut-chart/index.esm.js

@@ -1,86 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-/* empty css                            */
-import { Typography } from "../../../typography/typography/index.esm.js";
-import select from "../../../../node_modules/d3-selection/src/select/index.esm.js";
-import pie from "../../../../node_modules/d3-shape/src/pie/index.esm.js";
-import arc from "../../../../node_modules/d3-shape/src/arc/index.esm.js";
-const defaultColors = [
-  "#5BCE97",
-  "#B3D8E2",
-  "#F5F6F5",
-  "#AE6B9E",
-  "#CBD49A",
-  "#EEE0B3"
-];
-const getSingleNumberFromString = (str) => {
-  if (typeof str === "number") {
-    return str;
-  }
-  const match = (str == null ? void 0 : str.match(/\d.+/)) || null;
-  return match ? Number(match[0]) : 0;
-};
-const DonutChart = ({
-  data,
-  height = 140,
-  width = 140,
-  isUserDashbord,
-  legend = true,
-  direction = "horizontal",
-  totalUsers,
-  total = isUserDashbord ? totalUsers : "2.4 GB",
-  colors = defaultColors,
-  titleProps = {},
-  valueProps = {}
-}) => {
-  const svgRef = useRef(null);
-  useEffect(() => {
-    if (!svgRef.current) return;
-    const svg = select(svgRef.current);
-    svg.selectAll("*").remove();
-    const margin = 6;
-    const outerRadius = Math.min(width, height) / 2 - margin;
-    const innerRadius = Math.min(width, height) / 2 - margin * 2;
-    const g = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
-    const pie$1 = pie().value((d) => getSingleNumberFromString(d.value));
-    const path = arc().outerRadius(outerRadius).innerRadius(innerRadius);
-    const pies = g.selectAll(".arc").data(pie$1(data)).enter().append("g").attr("class", "arc");
-    pies.append("path").attr("d", path).attr("fill", (d, i) => {
-      return colors[i % colors.length];
-    });
-    g.append("text").attr("text-anchor", "middle").attr("font-size", "18px").attr("font-weight", "600").attr("alignment-baseline", `central`).html(total);
-  }, [colors, data, height, total, width]);
-  if (!legend) {
-    return /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: `donut-chart-container ${direction}`, children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) }),
-    /* @__PURE__ */ jsx("div", { className: "donut-chart-legend", children: data && data.map((d, i) => {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "legend",
-          style: { borderLeft: `0.188rem solid ${colors[i]}` },
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "legend-title", children: /* @__PURE__ */ jsx(Typography, { type: "s5", color: "theme.secondary.800", ...titleProps, children: d.label }) }),
-            /* @__PURE__ */ jsx("div", { className: "legend-value", children: /* @__PURE__ */ jsx(
-              Typography,
-              {
-                type: "s5",
-                weight: "medium",
-                color: "theme.secondary.1000",
-                children: /* @__PURE__ */ jsx(Typography, { type: "s5", color: "theme.secondary.1000", weight: "bold", ...valueProps, children: d.value })
-              }
-            ) })
-          ]
-        },
-        d.label
-      );
-    }) })
-  ] }) });
-};
-export {
-  DonutChart,
-  DonutChart as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/components/charts/donut-chart/donut-chart/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/donut-chart/donut-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as d3 from \"d3\";\nimport \"./donut-chart.scss\";\nimport Typography from \"../../typography/typography\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface DonutChartProps {\n  data: DataPoint[];\n  width?: number;\n  height?: number;\n  legend?: boolean;\n  direction?: \"vertical\" | \"horizontal\";\n  total?: string;\n  colors ?:Array<string>;\n  titleProps?:any\n  valueProps?:any \n  isUserDashbord ?: boolean \n  totalUsers ? : any \n}\n\nconst defaultColors = [\n  \"#5BCE97\",\n  \"#B3D8E2\",\n  \"#F5F6F5\",\n  \"#AE6B9E\",\n  \"#CBD49A\",\n  \"#EEE0B3\",\n];\n\nconst getSingleNumberFromString = (str) => {\n  if (typeof str === \"number\") {\n    return str;\n  }\n  const match = str?.match(/\\d.+/) || null;\n  return match ? Number(match[0]) : 0;\n};\n\nconst DonutChart: React.FC<DonutChartProps> = ({\n\tdata,\n\theight = 140,\n\twidth = 140,\n  isUserDashbord  , \n\tlegend = true,\n\tdirection = 'horizontal' ,\n  totalUsers ,  \n\ttotal =  isUserDashbord ? totalUsers : \"2.4 GB\",\n  colors = defaultColors,\n  titleProps={},\n  valueProps={}, \n\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = 6;\n\n    const outerRadius = Math.min(width, height) / 2 - margin;\n    const innerRadius = Math.min(width, height) / 2 - margin * 2;\n\n    const g = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${width / 2}, ${height / 2})`);\n    //@ts-expect-error not applicable\n    const pie = d3\n      .pie()\n      .value((d: DataPoint) => getSingleNumberFromString(d.value));\n\n    const path = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius);\n\n    const pies = g\n      .selectAll(\".arc\")\n      //@ts-expect-error not applicable\n      .data(pie(data))\n      .enter()\n      .append(\"g\")\n      .attr(\"class\", \"arc\");\n\n    pies\n      .append(\"path\")\n      //@ts-expect-error not applicable\n      .attr(\"d\", path)\n      //@ts-expect-error not applicable\n      .attr(\"fill\", (d: DataPoint, i: number) => {\n        return colors[i % colors.length]});\n\n\n    // const words = total.split(' '); // Split the text into words\n    // const lineHeight = 22; // Define the line height\n    // const maxCharsPerLine = 15; // Define the maximum number of characters per line\n\n    // let currentLine = '';\n    // let lineNumber = 0;\n\n    // const textElement =\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"font-size\", \"18px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"alignment-baseline\", `central`)\n      .html(total);\n    // .text(total);\n\n    // words.forEach((word) => {\n    // \tconst tempLine = currentLine + word + ' ';\n\n    // \t// Check if the line exceeds the max character count\n    // \tif (tempLine.length > maxCharsPerLine && currentLine.length > 0) {\n    // \t\ttextElement\n    // \t\t\t.append('tspan')\n    // \t\t\t.attr('x', 0)\n    // \t\t\t.attr('y', lineHeight * lineNumber)\n    // \t\t\t.text(currentLine.trim());\n\n    // \t\tcurrentLine = word + ' ';\n    // \t\tlineNumber++;\n    // \t} else {\n    // \t\tcurrentLine = tempLine;\n    // \t}\n    // });\n\n    // // Add the last line\n    // textElement\n    // \t.append('tspan')\n    // \t.attr('x', 0)\n    // \t.attr('y', lineHeight * lineNumber)\n    // \t.text(currentLine.trim());\n  }, [colors, data, height, total, width]);\n\n  if (!legend) {\n    return <svg ref={svgRef} width={width} height={height}></svg>;\n  }\n\n  return (\n    <>\n      <div className={`donut-chart-container ${direction}`}>\n        <div>\n          <svg ref={svgRef} width={width} height={height}></svg>\n        </div>\n        <div className=\"donut-chart-legend\">\n          {data && data.map((d: DataPoint, i: number) => {\n            return (\n              <div\n                className=\"legend\"\n                key={d.label}\n                style={{ borderLeft: `0.188rem solid ${colors[i]}` }}\n              >\n                <div className=\"legend-title\">\n                <Typography type=\"s5\" color=\"theme.secondary.800\" {...titleProps}>\n                  {d.label}\n                </Typography>\n                  </div>\n                <div className=\"legend-value\">\n                  <Typography\n                    type=\"s5\"\n                    weight=\"medium\"\n                    color=\"theme.secondary.1000\"\n                  >\n                    <Typography type=\"s5\" color=\"theme.secondary.1000\" weight=\"bold\" {...valueProps}>\n                      {d.value}\n                    </Typography>\n                  </Typography>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport { DonutChart };\nexport default DonutChart;\n"],"names":["d3.select","pie","d3.pie","d3.arc"],"mappings":"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"}

package/dist/components/charts/donut-chart/donut-chart/index.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");;/* empty css                         */var r=,/* empty css                                    */s=,/* empty css                                                      */a=,/* empty css                                               */l=;/* empty css                                               */const n=["#5BCE97","#B3D8E2","#F5F6F5","#AE6B9E","#CBD49A","#EEE0B3"],d=({data:d,height:i=140,width:o=140,isUserDashbord:c,legend:h=!0,direction:u="horizontal",totalUsers:p,total:m=(c?p:"2.4 GB"),colors:x=n,titleProps:g={},valueProps:j={}})=>{const y=t.useRef(null);return t.useEffect(()=>{if(!y.current)return;const e=s.default(y.current);e.selectAll("*").remove();const t=Math.min(o,i)/2-6,r=Math.min(o,i)/2-12,n=e.append("g").attr("transform",`translate(${o/2}, ${i/2})`),c=a.default().value(e=>(e=>{if("number"==typeof e)return e;const t=(null==e?void 0:e.match(/\d.+/))||null;return t?Number(t[0]):0})(e.value)),h=l.default().outerRadius(t).innerRadius(r);n.selectAll(".arc").data(c(d)).enter().append("g").attr("class","arc").append("path").attr("d",h).attr("fill",(e,t)=>x[t%x.length]),n.append("text").attr("text-anchor","middle").attr("font-size","18px").attr("font-weight","600").attr("alignment-baseline","central").html(m)},[x,d,i,m,o]),h?/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:`donut-chart-container ${u}`,children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx("svg",{ref:y,width:o,height:i})}),
-/* @__PURE__ */e.jsx("div",{className:"donut-chart-legend",children:d&&d.map((t,s)=>/* @__PURE__ */e.jsxs("div",{className:"legend",style:{borderLeft:`0.188rem solid ${x[s]}`},children:[
-/* @__PURE__ */e.jsx("div",{className:"legend-title",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.800",...g,children:t.label})}),
-/* @__PURE__ */e.jsx("div",{className:"legend-value",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.1000",weight:"bold",...j,children:t.value})})})]},t.label))})]})}):/* @__PURE__ */e.jsx("svg",{ref:y,width:o,height:i})};exports.DonutChart=d,exports.default=d;
-//# sourceMappingURL=index.js.map

package/dist/components/charts/donut-chart/donut-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/donut-chart/donut-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as d3 from \"d3\";\nimport \"./donut-chart.scss\";\nimport Typography from \"../../typography/typography\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface DonutChartProps {\n  data: DataPoint[];\n  width?: number;\n  height?: number;\n  legend?: boolean;\n  direction?: \"vertical\" | \"horizontal\";\n  total?: string;\n  colors ?:Array<string>;\n  titleProps?:any\n  valueProps?:any \n  isUserDashbord ?: boolean \n  totalUsers ? : any \n}\n\nconst defaultColors = [\n  \"#5BCE97\",\n  \"#B3D8E2\",\n  \"#F5F6F5\",\n  \"#AE6B9E\",\n  \"#CBD49A\",\n  \"#EEE0B3\",\n];\n\nconst getSingleNumberFromString = (str) => {\n  if (typeof str === \"number\") {\n    return str;\n  }\n  const match = str?.match(/\\d.+/) || null;\n  return match ? Number(match[0]) : 0;\n};\n\nconst DonutChart: React.FC<DonutChartProps> = ({\n\tdata,\n\theight = 140,\n\twidth = 140,\n  isUserDashbord  , \n\tlegend = true,\n\tdirection = 'horizontal' ,\n  totalUsers ,  \n\ttotal =  isUserDashbord ? totalUsers : \"2.4 GB\",\n  colors = defaultColors,\n  titleProps={},\n  valueProps={}, \n\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = 6;\n\n    const outerRadius = Math.min(width, height) / 2 - margin;\n    const innerRadius = Math.min(width, height) / 2 - margin * 2;\n\n    const g = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${width / 2}, ${height / 2})`);\n    //@ts-expect-error not applicable\n    const pie = d3\n      .pie()\n      .value((d: DataPoint) => getSingleNumberFromString(d.value));\n\n    const path = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius);\n\n    const pies = g\n      .selectAll(\".arc\")\n      //@ts-expect-error not applicable\n      .data(pie(data))\n      .enter()\n      .append(\"g\")\n      .attr(\"class\", \"arc\");\n\n    pies\n      .append(\"path\")\n      //@ts-expect-error not applicable\n      .attr(\"d\", path)\n      //@ts-expect-error not applicable\n      .attr(\"fill\", (d: DataPoint, i: number) => {\n        return colors[i % colors.length]});\n\n\n    // const words = total.split(' '); // Split the text into words\n    // const lineHeight = 22; // Define the line height\n    // const maxCharsPerLine = 15; // Define the maximum number of characters per line\n\n    // let currentLine = '';\n    // let lineNumber = 0;\n\n    // const textElement =\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"font-size\", \"18px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"alignment-baseline\", `central`)\n      .html(total);\n    // .text(total);\n\n    // words.forEach((word) => {\n    // \tconst tempLine = currentLine + word + ' ';\n\n    // \t// Check if the line exceeds the max character count\n    // \tif (tempLine.length > maxCharsPerLine && currentLine.length > 0) {\n    // \t\ttextElement\n    // \t\t\t.append('tspan')\n    // \t\t\t.attr('x', 0)\n    // \t\t\t.attr('y', lineHeight * lineNumber)\n    // \t\t\t.text(currentLine.trim());\n\n    // \t\tcurrentLine = word + ' ';\n    // \t\tlineNumber++;\n    // \t} else {\n    // \t\tcurrentLine = tempLine;\n    // \t}\n    // });\n\n    // // Add the last line\n    // textElement\n    // \t.append('tspan')\n    // \t.attr('x', 0)\n    // \t.attr('y', lineHeight * lineNumber)\n    // \t.text(currentLine.trim());\n  }, [colors, data, height, total, width]);\n\n  if (!legend) {\n    return <svg ref={svgRef} width={width} height={height}></svg>;\n  }\n\n  return (\n    <>\n      <div className={`donut-chart-container ${direction}`}>\n        <div>\n          <svg ref={svgRef} width={width} height={height}></svg>\n        </div>\n        <div className=\"donut-chart-legend\">\n          {data && data.map((d: DataPoint, i: number) => {\n            return (\n              <div\n                className=\"legend\"\n                key={d.label}\n                style={{ borderLeft: `0.188rem solid ${colors[i]}` }}\n              >\n                <div className=\"legend-title\">\n                <Typography type=\"s5\" color=\"theme.secondary.800\" {...titleProps}>\n                  {d.label}\n                </Typography>\n                  </div>\n                <div className=\"legend-value\">\n                  <Typography\n                    type=\"s5\"\n                    weight=\"medium\"\n                    color=\"theme.secondary.1000\"\n                  >\n                    <Typography type=\"s5\" color=\"theme.secondary.1000\" weight=\"bold\" {...valueProps}>\n                      {d.value}\n                    </Typography>\n                  </Typography>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport { DonutChart };\nexport default DonutChart;\n"],"names":["defaultColors","DonutChart","data","height","width","isUserDashbord","legend","direction","totalUsers","total","colors","titleProps","valueProps","svgRef","useRef","useEffect","current","svg","d3.select","selectAll","remove","outerRadius","Math","min","innerRadius","margin","g","append","attr","pie","d3.pie","value","d","str","match","Number","getSingleNumberFromString","path","d3.arc","enter","i","length","html","children","jsxs","className","jsx","ref","map","style","borderLeft","Typography","type","color","label","weight"],"mappings":"kaAwBA,MAAMA,EAAgB,CACpB,UACA,UACA,UACA,UACA,UACA,WAWIC,EAAwC,EAC7CC,OACAC,SAAS,IACTC,QAAQ,IACPC,iBACDC,UAAS,EACTC,YAAY,aACXC,aACDC,SAASJ,EAAiBG,EAAa,UACtCE,SAASV,EACTW,aAAW,CAAA,EACXC,aAAW,CAAA,MAGX,MAAMC,EAASC,EAAAA,OAAsB,MAmFrC,OAjFAC,EAAAA,UAAU,KACR,IAAKF,EAAOG,QAAS,OAErB,MAAMC,EAAMC,EAAAA,QAAUL,EAAOG,SAE7BC,EAAIE,UAAU,KAAKC,SAEnB,MAEMC,EAAcC,KAAKC,IAAInB,EAAOD,GAAU,EAF/B,EAGTqB,EAAcF,KAAKC,IAAInB,EAAOD,GAAU,EAAIsB,GAE5CC,EAAIT,EACPU,OAAO,KACPC,KAAK,YAAa,aAAaxB,EAAQ,MAAMD,EAAS,MAEnD0B,EAAMC,EAAAA,UAETC,MAAOC,GA1CoB,CAACC,IACjC,GAAmB,iBAARA,EACT,OAAOA,EAET,MAAMC,GAAQ,MAAAD,OAAA,EAAAA,EAAKC,MAAM,UAAW,KACpC,OAAOA,EAAQC,OAAOD,EAAM,IAAM,GAqCLE,CAA0BJ,EAAED,QAEjDM,EAAOC,EAAAA,UAASjB,YAAYA,GAAaG,YAAYA,GAE9CE,EACVP,UAAU,QAEVjB,KAAK2B,EAAI3B,IACTqC,QACAZ,OAAO,KACPC,KAAK,QAAS,OAGdD,OAAO,QAEPC,KAAK,IAAKS,GAEVT,KAAK,OAAQ,CAACI,EAAcQ,IACpB9B,EAAO8B,EAAI9B,EAAO+B,SAW7Bf,EAAEC,OAAO,QACNC,KAAK,cAAe,UACpBA,KAAK,YAAa,QAClBA,KAAK,cAAe,OACpBA,KAAK,qBAAsB,WAC3Bc,KAAKjC,IA2BP,CAACC,EAAQR,EAAMC,EAAQM,EAAOL,IAE5BE,mCAMDqC,wBAAAC,EAAAA,KAAC,MAAA,CAAIC,UAAW,yBAAyBtC,IACvCoC,SAAA;eAAAG,EAAAA,IAAC,OACCH,wBAAAG,EAAAA,IAAC,MAAA,CAAIC,IAAKlC,EAAQT,QAAcD;eAElC2C,EAAAA,IAAC,OAAID,UAAU,qBACZF,YAAQzC,EAAK8C,IAAI,CAAChB,EAAcQ,mBAE7BI,EAAAA,KAAC,MAAA,CACCC,UAAU,SAEVI,MAAO,CAAEC,WAAY,kBAAkBxC,EAAO8B,MAE9CG,SAAA;eAAAG,EAAAA,IAAC,MAAA,CAAID,UAAU,eACfF,wBAAAG,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,yBAA0B1C,EACnDgC,SAAAX,EAAEsB;iBAGLR,IAAC,MAAA,CAAID,UAAU,eACbF,wBAAAG,EAAAA,IAACK,EAAAA,WAAA,CACCC,KAAK,KACLG,OAAO,SACPF,MAAM,uBAENV,wBAAAG,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBE,OAAO,UAAW3C,EAClE+B,SAAAX,EAAED,cAfJC,EAAEsB,8BAdZR,EAAAA,IAAC,MAAA,CAAIC,IAAKlC,EAAQT,QAAcD"}

package/dist/node_modules/@mui/lab/Timeline/Timeline/index.esm.js

@@ -1,95 +0,0 @@
-import _extends from "../../../../@babel/runtime/helpers/esm/extends/index.esm.js";
-import _objectWithoutPropertiesLoose from "../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose/index.esm.js";
-import * as React from "react";
-import PropTypes from "../../../../prop-types/index/index.esm.js";
-import { clsx } from "../../../../clsx/dist/clsx/index.esm.js";
-import TimelineContext from "../TimelineContext/index.esm.js";
-import { getTimelineUtilityClass } from "../timelineClasses/index.esm.js";
-import convertTimelinePositionToClass from "../../internal/convertTimelinePositionToClass/index.esm.js";
-import { jsx } from "react/jsx-runtime";
-import useThemeProps from "../../../material/styles/useThemeProps/index.esm.js";
-import styled from "../../../material/styles/styled/index.esm.js";
-import composeClasses from "../../../utils/esm/composeClasses/composeClasses/index.esm.js";
-var define_process_env_default = {};
-const _excluded = ["position", "className"];
-const useUtilityClasses = (ownerState) => {
-  const {
-    position,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", position && convertTimelinePositionToClass(position)]
-  };
-  return composeClasses(slots, getTimelineUtilityClass, classes);
-};
-const TimelineRoot = styled("ul", {
-  name: "MuiTimeline",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];
-  }
-})({
-  display: "flex",
-  flexDirection: "column",
-  padding: "6px 16px",
-  flexGrow: 1
-});
-const Timeline = /* @__PURE__ */ React.forwardRef(function Timeline2(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: "MuiTimeline"
-  });
-  const {
-    position = "right",
-    className
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
-    position
-  });
-  const classes = useUtilityClasses(ownerState);
-  const contextValue = React.useMemo(() => ({
-    position
-  }), [position]);
-  return /* @__PURE__ */ jsx(TimelineContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ jsx(TimelineRoot, _extends({
-      className: clsx(classes.root, className),
-      ownerState,
-      ref
-    }, other))
-  });
-});
-define_process_env_default.NODE_ENV !== "production" ? Timeline.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * className applied to the root element.
-   */
-  className: PropTypes.string,
-  /**
-   * The position where the TimelineContent should appear relative to the time axis.
-   * @default 'right'
-   */
-  position: PropTypes.oneOf(["alternate-reverse", "alternate", "left", "right"]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export {
-  Timeline as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/node_modules/@mui/lab/Timeline/Timeline/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../node_modules/@mui/lab/Timeline/Timeline.js"],"sourcesContent":["'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"position\", \"className\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport TimelineContext from './TimelineContext';\nimport { getTimelineUtilityClass } from './timelineClasses';\nimport convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    position,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', position && convertTimelinePositionToClass(position)]\n  };\n  return composeClasses(slots, getTimelineUtilityClass, classes);\n};\nconst TimelineRoot = styled('ul', {\n  name: 'MuiTimeline',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];\n  }\n})({\n  display: 'flex',\n  flexDirection: 'column',\n  padding: '6px 16px',\n  flexGrow: 1\n});\n\n/**\n *\n * Demos:\n *\n * - [Timeline](https://mui.com/material-ui/react-timeline/)\n *\n * API:\n *\n * - [Timeline API](https://mui.com/material-ui/api/timeline/)\n */\nconst Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {\n  const props = useThemeProps({\n    props: inProps,\n    name: 'MuiTimeline'\n  });\n  const {\n      position = 'right',\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    position\n  });\n  const classes = useUtilityClasses(ownerState);\n  const contextValue = React.useMemo(() => ({\n    position\n  }), [position]);\n  return /*#__PURE__*/_jsx(TimelineContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(TimelineRoot, _extends({\n      className: clsx(classes.root, className),\n      ownerState: ownerState,\n      ref: ref\n    }, other))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Timeline.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * className applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * The position where the TimelineContent should appear relative to the time axis.\n   * @default 'right'\n   */\n  position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\n\n/**\n *\n * Demos:\n *\n * - [Timeline](https://mui.com/components/timeline/)\n *\n * API:\n *\n * - [Timeline API](https://mui.com/api/timeline/)\n */\nexport default Timeline;"],"names":["Timeline","_jsx"],"mappings":";;;;;;;;;;;;;AAIA,MAAM,YAAY,CAAC,YAAY,WAAW;AAU1C,MAAM,oBAAoB,CAAA,eAAc;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,QAAQ;AAAA,IACZ,MAAM,CAAC,QAAQ,YAAY,+BAA+B,QAAQ,CAAC;AAAA,EAAA;AAErE,SAAO,eAAe,OAAO,yBAAyB,OAAO;AAC/D;AACA,MAAM,eAAe,OAAO,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAAC,OAAO,WAAW;AACpC,UAAM;AAAA,MACJ;AAAA,IAAA,IACE;AACJ,WAAO,CAAC,OAAO,MAAM,WAAW,YAAY,OAAO,+BAA+B,WAAW,QAAQ,CAAC,CAAC;AAAA,EACzG;AACF,CAAC,EAAE;AAAA,EACD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAYD,MAAM,WAAwB,sBAAM,WAAW,SAASA,UAAS,SAAS,KAAK;AAC7E,QAAM,QAAQ,cAAc;AAAA,IAC1B,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACP;AACD,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,EAAA,IACE,OACJ,QAAQ,8BAA8B,OAAO,SAAS;AACxD,QAAM,aAAa,SAAS,CAAA,GAAI,OAAO;AAAA,IACrC;AAAA,EAAA,CACD;AACD,QAAM,UAAU,kBAAkB,UAAU;AAC5C,QAAM,eAAe,MAAM,QAAQ,OAAO;AAAA,IACxC;AAAA,EAAA,IACE,CAAC,QAAQ,CAAC;AACd,SAAoBC,oBAAK,gBAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP,UAAuBA,oBAAK,cAAc,SAAS;AAAA,MACjD,WAAW,KAAK,QAAQ,MAAM,SAAS;AAAA,MACvC;AAAA,MACA;AAAA,IAAA,GACC,KAAK,CAAC;AAAA,EAAA,CACV;AACH,CAAC;AACD,2BAAY,aAAa,eAAe,SAAS,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlF,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,UAAU,UAAU,MAAM,CAAC,qBAAqB,aAAa,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAI7E,IAAI,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,QAAQ,UAAU,IAAI,CAAC,CAAC,GAAG,UAAU,MAAM,UAAU,MAAM,CAAC;AACxJ,IAAI;","x_google_ignoreList":[0]}