payzli-ui-aryan/dist/esm/index.js

A custom react components library

import e,{forwardRef as t,useState as n,useRef as o,useEffect as a,useImperativeHandle as r,useCallback as l,PureComponent as i,Component as d}from"react";import{Plus as c,CaretUp as _,CaretDown as s,CreditCard as u,DotsThree as m,MagnifyingGlass as p,User as b,Circle as g,ArrowUp as f,ArrowRight as v,X as h,CaretLeft as y,CaretRight as x,ArrowLeft as k,ArrowDown as w,DotsThreeVertical as T,WarningCircle as E,CheckCircle as C,Calendar as I,CalendarBlank as N}from"@phosphor-icons/react";import P from"moment";import z from"react-number-format";import S,{components as L}from"react-select";function D(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}D(':root {\n\t--sidebarWidth: 30rem;\n\t--sidebarLeft: 15rem;\n\t--mob-menu-width: 18.75rem;\n\t--headerHeight: 4rem;\n\t--profileSideBar: 14rem;\n\t--statusStripOpacity: 0.15;\n\t--shadow: 1px 9px 1.3125rem #358fcf19;\n\t--radius-md: 0.5rem;\n\t--radius-sm: 0.375rem;\n\t--radius-lg: 0.625rem;\n\n\t--form-field-height: 2.5rem;\n\t--button-height: 2.5rem;\n\t--nav-button-height: 2.5rem;\n\n\t--active-color: #1c75bc;\n\t--scrollbar-track: #e3e3e3;\n\t--primary: #2ecbaa;\n\t--secondary: #ff8224;\n\n\t--icon-color: #98a2b3;\n\t--success: #28a745;\n\t--bg-success: #28a74520;\n\t--info: #17a2b8;\n\t--warning: #ffc107;\n\t--danger: #dc3545;\n\t--smoke: #a7b3c4;\n\t--text-muted: #90a1b7;\n\t--smoke-light: #a7b3c420;\n\t--bg-danger: #ff000020;\n\t--bg-smoke: #f5f9ff;\n\t--bg-smoke-light: #a7b3c430;\n\t--text_muted: #8392a5;\n\t--btn-primary: #ff5124;\n\t--btn-secondary: #ff8324;\n\t--bg-btn-primary: linear-gradient(90deg, #ff8324 0%, #ff5124 100%);\n\t--bg-btn-secondary: linear-gradient(90deg, #2ecbaa 0%, #358fd0 100%) 0% 0% no-repeat padding-box;\n\t--featured-icon-light-fg-success: #079455;\n\n\t--spacing-3xl: 1.5rem;\n\t--spacing-4xl: 2rem;\n\t--spacing-2xl: 1.25rem;\n\t--spacing-xl: 1rem;\n\t--spacing-lg: 0.75rem;\n\t--spacing-md: 0.5rem;\n\t--spacing-smd: 0.375rem;\n\t--spacing-sm: 0.25rem;\n\t--spacing-xs: 0.125rem;\n\t--spacing-xxs: 0.125rem;\n\n\t--spacing-0: 0px;\n\t--spacing-0․5: 2px;\n\t--spacing-1: 4px;\n\t--spacing-1․5: 6px;\n\t--spacing-2: 8px;\n\t--spacing-3: 12px;\n\t--spacing-4: 16px;\n\t--spacing-5: 20px;\n\t--spacing-6: 24px;\n\t--spacing-8: 32px;\n\t--spacing-10: 40px;\n\t--spacing-12: 48px;\n\t--spacing-16: 64px;\n\t--spacing-20: 80px;\n\t--spacing-24: 96px;\n\t--spacing-32: 128px;\n\t--spacing-40: 160px;\n\t--spacing-48: 192px;\n\t--spacing-56: 224px;\n\t--spacing-64: 256px;\n\t--spacing-80: 320px;\n\t--spacing-96: 384px;\n\t--spacing-120: 480px;\n\t--spacing-140: 560px;\n\t--spacing-160: 640px;\n\t--spacing-180: 720px;\n\t--spacing-192: 768px;\n\t--spacing-256: 1024px;\n\t--spacing-320: 1280px;\n\t--spacing-360: 1440px;\n\t--spacing-400: 1600px;\n\t--spacing-480: 1920px;\n}\n\n:root {\n\t--colors-base-white: #ffffff;\n\t--colors-base-black: #000000;\n\t--colors-base-transparent: #ffffff00;\n\t--colors-gray-25: #fcfcfd;\n\t--colors-gray-50: #f9fafb;\n\t--colors-gray-100: #f2f4f7;\n\t--colors-gray-200: #eaecf0;\n\t--colors-gray-300: #d0d5dd;\n\t--colors-gray-400: #98a1b2;\n\t--colors-gray-500: #667085;\n\t--colors-gray-600: #475467;\n\t--colors-gray-700: #344054;\n\t--colors-gray-800: #18212f;\n\t--colors-gray-900: #101828;\n\t--colors-gray-950: #0c111d;\n\t--colors-brand-25: #fff9f4;\n\t--colors-brand-50: #fff6ef;\n\t--colors-brand-100: #ffede0;\n\t--colors-brand-200: #ffdbc0;\n\t--colors-brand-300: #ffd3b1;\n\t--colors-brand-400: #ffa662;\n\t--colors-brand-500: #ff8224;\n\t--colors-brand-600: #f96c00;\n\t--colors-brand-700: #e46300;\n\t--colors-brand-800: #bb5100;\n\t--colors-brand-900: #913f00;\n\t--colors-brand-950: #682d00;\n\t--colors-error-25: #fefafa;\n\t--colors-error-50: #fef2f1;\n\t--colors-error-100: #fee3e1;\n\t--colors-error-200: #fecdc9;\n\t--colors-error-300: #fca19b;\n\t--colors-error-400: #f97066;\n\t--colors-error-500: #f04437;\n\t--colors-error-600: #d92c20;\n\t--colors-error-700: #b32218;\n\t--colors-error-800: #901f17;\n\t--colors-error-900: #7a2619;\n\t--colors-error-950: #54150c;\n\t--colors-warning-25: #fffcf4;\n\t--colors-warning-50: #fff9eb;\n\t--colors-warning-100: #feefc6;\n\t--colors-warning-200: #fede88;\n\t--colors-warning-300: #fec84a;\n\t--colors-warning-400: #fcb022;\n\t--colors-warning-500: #f78f08;\n\t--colors-warning-600: #db6803;\n\t--colors-warning-700: #b54707;\n\t--colors-warning-800: #93370c;\n\t--colors-warning-900: #792d0d;\n\t--colors-warning-950: #4e1d08;\n\t--colors-success-25: #f5fdf9;\n\t--colors-success-50: #ecfcf2;\n\t--colors-success-100: #dbf9e6;\n\t--colors-success-200: #aaefc6;\n\t--colors-success-300: #75dfa6;\n\t--colors-success-400: #47cd89;\n\t--colors-success-500: #17b169;\n\t--colors-success-600: #069454;\n\t--colors-success-700: #057647;\n\t--colors-success-800: #075d39;\n\t--colors-success-900: #074c30;\n\t--colors-success-950: #043320;\n\t--colors-grayblue-25: #fbfcfc;\n\t--colors-grayblue-50: #f8f8fb;\n\t--colors-grayblue-100: #eaebf5;\n\t--colors-grayblue-200: #d5d8eb;\n\t--colors-grayblue-300: #b2b8db;\n\t--colors-grayblue-400: #707abc;\n\t--colors-grayblue-500: #4e5aa6;\n\t--colors-grayblue-600: #3e4783;\n\t--colors-grayblue-700: #353e72;\n\t--colors-grayblue-800: #283056;\n\t--colors-grayblue-900: #101222;\n\t--colors-grayblue-950: #0d0f1b;\n\t--colors-graycool-25: #fbfcfc;\n\t--colors-graycool-50: #f8f9fb;\n\t--colors-graycool-100: #eff0f5;\n\t--colors-graycool-200: #dcdfe9;\n\t--colors-graycool-300: #b9bfd4;\n\t--colors-graycool-400: #7d89af;\n\t--colors-graycool-500: #5d6a97;\n\t--colors-graycool-600: #495478;\n\t--colors-graycool-700: #3f4968;\n\t--colors-graycool-800: #30374e;\n\t--colors-graycool-900: #111321;\n\t--colors-graycool-950: #0e101b;\n\t--colors-graymodern-25: #fbfcfc;\n\t--colors-graymodern-50: #f8f9fb;\n\t--colors-graymodern-100: #eef2f6;\n\t--colors-graymodern-200: #e3e8ee;\n\t--colors-graymodern-300: #cdd4de;\n\t--colors-graymodern-400: #99a3b2;\n\t--colors-graymodern-500: #697485;\n\t--colors-graymodern-600: #4a5565;\n\t--colors-graymodern-700: #354152;\n\t--colors-graymodern-800: #1f2939;\n\t--colors-graymodern-900: #111826;\n\t--colors-graymodern-950: #0c111b;\n\t--colors-grayiron-25: #fcfcfc;\n\t--colors-grayiron-50: #fafafa;\n\t--colors-grayiron-100: #f3f3f5;\n\t--colors-grayiron-200: #e3e3e7;\n\t--colors-grayiron-300: #d1d1d6;\n\t--colors-grayiron-400: #a0a0aa;\n\t--colors-grayiron-500: #6f707b;\n\t--colors-grayiron-600: #51515b;\n\t--colors-grayiron-700: #3e3e46;\n\t--colors-grayiron-800: #26262a;\n\t--colors-grayiron-900: #1a1a1e;\n\t--colors-grayiron-950: #131316;\n\t--colors-graytrue-25: #fcfcfc;\n\t--colors-graytrue-50: #fafafa;\n\t--colors-graytrue-100: #f5f5f5;\n\t--colors-graytrue-200: #e5e5e5;\n\t--colors-graytrue-300: #d6d6d6;\n\t--colors-graytrue-400: #a3a3a3;\n\t--colors-graytrue-500: #737373;\n\t--colors-graytrue-600: #525252;\n\t--colors-graytrue-700: #424242;\n\t--colors-graytrue-800: #282828;\n\t--colors-graytrue-900: #141414;\n\t--colors-graytrue-950: #0f0f0f;\n\t--colors-graywarm-25: #fcfcfc;\n\t--colors-graywarm-50: #fafaf8;\n\t--colors-graywarm-100: #f5f5f3;\n\t--colors-graywarm-200: #e7e4e3;\n\t--colors-graywarm-300: #d6d2d0;\n\t--colors-graywarm-400: #a8a19d;\n\t--colors-graywarm-500: #78706b;\n\t--colors-graywarm-600: #57524d;\n\t--colors-graywarm-700: #443f3b;\n\t--colors-graywarm-800: #292423;\n\t--colors-graywarm-900: #1c1816;\n\t--colors-graywarm-950: #161312;\n\t--colors-moss-25: #f9fcf6;\n\t--colors-moss-50: #f4faee;\n\t--colors-moss-100: #e5f4d6;\n\t--colors-moss-200: #cdeaaf;\n\t--colors-moss-300: #acdb79;\n\t--colors-moss-400: #85cb3b;\n\t--colors-moss-500: #669e2a;\n\t--colors-moss-600: #4e7a20;\n\t--colors-moss-700: #3f611a;\n\t--colors-moss-800: #334f15;\n\t--colors-moss-900: #2a4211;\n\t--colors-moss-950: #1a280b;\n\t--colors-greenlight-25: #fafef5;\n\t--colors-greenlight-50: #f3fde7;\n\t--colors-greenlight-100: #e3fbcb;\n\t--colors-greenlight-200: #cff7aa;\n\t--colors-greenlight-300: #a6ef66;\n\t--colors-greenlight-400: #85e139;\n\t--colors-greenlight-500: #65c51c;\n\t--colors-greenlight-600: #4ba30c;\n\t--colors-greenlight-700: #3a7c0e;\n\t--colors-greenlight-800: #316211;\n\t--colors-greenlight-900: #2b5313;\n\t--colors-greenlight-950: #15290a;\n\t--colors-green-25: #f5fdf9;\n\t--colors-green-50: #ecfcf1;\n\t--colors-green-100: #d2f8de;\n\t--colors-green-200: #aaefc3;\n\t--colors-green-300: #72e2a3;\n\t--colors-green-400: #3bcb7e;\n\t--colors-green-500: #16b264;\n\t--colors-green-600: #09914f;\n\t--colors-green-700: #087343;\n\t--colors-green-800: #095b36;\n\t--colors-green-900: #084b2e;\n\t--colors-green-950: #052d1c;\n\t--colors-teal-25: #f6fefc;\n\t--colors-teal-50: #f0fcf9;\n\t--colors-teal-100: #ccfaef;\n\t--colors-teal-200: #99f5e0;\n\t--colors-teal-300: #5ee9cf;\n\t--colors-teal-400: #2ed2b7;\n\t--colors-teal-500: #15b69e;\n\t--colors-teal-600: #0d9383;\n\t--colors-teal-700: #0f7569;\n\t--colors-teal-800: #115d55;\n\t--colors-teal-900: #134d47;\n\t--colors-teal-950: #0a2926;\n\t--colors-cyan-25: #f5feff;\n\t--colors-cyan-50: #ebfdff;\n\t--colors-cyan-100: #cff8fe;\n\t--colors-cyan-200: #a5f0fb;\n\t--colors-cyan-300: #67e3f9;\n\t--colors-cyan-400: #22cbed;\n\t--colors-cyan-500: #05aed4;\n\t--colors-cyan-600: #078ab2;\n\t--colors-cyan-700: #0d6f90;\n\t--colors-cyan-800: #155b75;\n\t--colors-cyan-900: #154b63;\n\t--colors-cyan-950: #0c2c3a;\n\t--colors-bluelight-25: #f4faff;\n\t--colors-bluelight-50: #f0f9ff;\n\t--colors-bluelight-100: #dff2fe;\n\t--colors-bluelight-200: #b9e5fd;\n\t--colors-bluelight-300: #7bd4fd;\n\t--colors-bluelight-400: #36bff9;\n\t--colors-bluelight-500: #0ba4eb;\n\t--colors-bluelight-600: #0085c9;\n\t--colors-bluelight-700: #016aa2;\n\t--colors-bluelight-800: #055986;\n\t--colors-bluelight-900: #0a4a6f;\n\t--colors-bluelight-950: #062b40;\n\t--colors-blue-25: #f4f9ff;\n\t--colors-blue-50: #eff8ff;\n\t--colors-blue-100: #d1e9ff;\n\t--colors-blue-200: #b2ddff;\n\t--colors-blue-300: #84caff;\n\t--colors-blue-400: #53b0fd;\n\t--colors-blue-500: #2e90fa;\n\t--colors-blue-600: #156fee;\n\t--colors-blue-700: #175cd3;\n\t--colors-blue-800: #1849a9;\n\t--colors-blue-900: #194084;\n\t--colors-blue-950: #102955;\n\t--colors-bluedark-25: #f4f8ff;\n\t--colors-bluedark-50: #eff4ff;\n\t--colors-bluedark-100: #d1e0ff;\n\t--colors-bluedark-200: #b2cbff;\n\t--colors-bluedark-300: #83adff;\n\t--colors-bluedark-400: #518bff;\n\t--colors-bluedark-500: #2970fe;\n\t--colors-bluedark-600: #155dee;\n\t--colors-bluedark-700: #004eea;\n\t--colors-bluedark-800: #0040c1;\n\t--colors-bluedark-900: #00349e;\n\t--colors-bluedark-950: #002266;\n\t--colors-indigo-25: #f4f8ff;\n\t--colors-indigo-50: #eef3ff;\n\t--colors-indigo-100: #dfeaff;\n\t--colors-indigo-200: #c6d7fe;\n\t--colors-indigo-300: #a3bbfd;\n\t--colors-indigo-400: #7f98f9;\n\t--colors-indigo-500: #6071f3;\n\t--colors-indigo-600: #444ce6;\n\t--colors-indigo-700: #3537cc;\n\t--colors-indigo-800: #2d31a5;\n\t--colors-indigo-900: #2c3282;\n\t--colors-indigo-950: #1f235b;\n\t--colors-violet-25: #faf9ff;\n\t--colors-violet-50: #f4f3ff;\n\t--colors-violet-100: #ece8fe;\n\t--colors-violet-200: #dcd5fe;\n\t--colors-violet-300: #c3b4fd;\n\t--colors-violet-400: #a48afa;\n\t--colors-violet-500: #875af7;\n\t--colors-violet-600: #7839ed;\n\t--colors-violet-700: #6826da;\n\t--colors-violet-800: #5720b6;\n\t--colors-violet-900: #481c95;\n\t--colors-violet-950: #2d115e;\n\t--colors-purple-25: #faf9ff;\n\t--colors-purple-50: #f3f3ff;\n\t--colors-purple-100: #eae8fe;\n\t--colors-purple-200: #d9d5fe;\n\t--colors-purple-300: #bcb4fd;\n\t--colors-purple-400: #9a89fb;\n\t--colors-purple-500: #7959f8;\n\t--colors-purple-600: #6838ee;\n\t--colors-purple-700: #5925db;\n\t--colors-purple-800: #4a1fb7;\n\t--colors-purple-900: #3e1b96;\n\t--colors-purple-950: #27115e;\n\t--colors-fuchsia-25: #fef9fe;\n\t--colors-fuchsia-50: #fdf4fe;\n\t--colors-fuchsia-100: #fae8fe;\n\t--colors-fuchsia-200: #f6d0fd;\n\t--colors-fuchsia-300: #edaafc;\n\t--colors-fuchsia-400: #e477fa;\n\t--colors-fuchsia-500: #d444f0;\n\t--colors-fuchsia-600: #ba24d4;\n\t--colors-fuchsia-700: #9f1ab0;\n\t--colors-fuchsia-800: #821790;\n\t--colors-fuchsia-900: #6e1876;\n\t--colors-fuchsia-950: #47104c;\n\t--colors-pink-25: #fdf6fb;\n\t--colors-pink-50: #fdf1f9;\n\t--colors-pink-100: #fce6f5;\n\t--colors-pink-200: #fbceee;\n\t--colors-pink-300: #f9a7df;\n\t--colors-pink-400: #f570c7;\n\t--colors-pink-500: #ed46bb;\n\t--colors-pink-600: #dc2590;\n\t--colors-pink-700: #c01573;\n\t--colors-pink-800: #9e155e;\n\t--colors-pink-900: #841651;\n\t--colors-pink-950: #4e0d30;\n\t--colors-rosé-25: #fff4f6;\n\t--colors-rosé-50: #fef1f2;\n\t--colors-rosé-100: #ffe3e7;\n\t--colors-rosé-200: #feccd5;\n\t--colors-rosé-300: #fea2b3;\n\t--colors-rosé-400: #fc6f8d;\n\t--colors-rosé-500: #f53d68;\n\t--colors-rosé-600: #e31a53;\n\t--colors-rosé-700: #c00f47;\n\t--colors-rosé-800: #a10f42;\n\t--colors-rosé-900: #89113d;\n\t--colors-rosé-950: #510a24;\n\t--colors-orangedark-25: #fff8f4;\n\t--colors-orangedark-50: #fff3ed;\n\t--colors-orangedark-100: #ffe5d5;\n\t--colors-orangedark-200: #fed6ad;\n\t--colors-orangedark-300: #ff9b65;\n\t--colors-orangedark-400: #fe692d;\n\t--colors-orangedark-500: #ff4305;\n\t--colors-orangedark-600: #e52d04;\n\t--colors-orangedark-700: #bb1b05;\n\t--colors-orangedark-800: #96170c;\n\t--colors-orangedark-900: #77190d;\n\t--colors-orangedark-950: #571209;\n\t--colors-orange-25: #fef9f5;\n\t--colors-orange-50: #fef5ed;\n\t--colors-orange-100: #fcead7;\n\t--colors-orange-200: #f8dbaf;\n\t--colors-orange-300: #f7b279;\n\t--colors-orange-400: #f38743;\n\t--colors-orange-500: #ef681f;\n\t--colors-orange-600: #df4f16;\n\t--colors-orange-700: #b93814;\n\t--colors-orange-800: #932f18;\n\t--colors-orange-900: #762817;\n\t--colors-orange-950: #501b0f;\n\t--colors-yellow-25: #fefcf0;\n\t--colors-yellow-50: #fefbe8;\n\t--colors-yellow-100: #fdf7c3;\n\t--colors-yellow-200: #feee94;\n\t--colors-yellow-300: #fde272;\n\t--colors-yellow-400: #fac414;\n\t--colors-yellow-500: #eaa907;\n\t--colors-yellow-600: #ca8403;\n\t--colors-yellow-700: #a15b06;\n\t--colors-yellow-800: #85490d;\n\t--colors-yellow-900: #713b11;\n\t--colors-yellow-950: #542c0d;\n}\n\n/* -------------------------- default theme -------------------- */\n:root {\n\t--text-primary: var(--colors-gray-900);\n\t--text-primary_on-brand: var(--colors-base-white);\n\t--text-secondary: var(--colors-gray-700);\n\t--text-secondary_hover: var(--colors-gray-800);\n\t--text-secondary_on-brand: var(--colors-brand-200);\n\t--text-tertiary: var(--colors-gray-600);\n\t--text-tertiary_hover: var(--colors-gray-700);\n\t--text-tertiary_on-brand: var(--colors-brand-200);\n\t--text-quaternary: var(--colors-gray-500);\n\t--text-quaternary_on-brand: var(--colors-brand-300);\n\t--text-white: var(--colors-base-white);\n\t--text-disabled: var(--colors-gray-500);\n\t--text-placeholder: var(--colors-gray-500);\n\t--text-placeholder_subtle: var(--colors-gray-300);\n\t--text-brand-primary: var(--colors-brand-700);\n\t--text-brand-secondary: var(--colors-brand-600);\n\t--text-brand-tertiary: var(--colors-brand-500);\n\t--text-brand-tertiary_alt: var(--colors-brand-400);\n\t--text-error-primary: var(--colors-error-600);\n\t--text-warning-primary: var(--colors-warning-600);\n\t--text-success-primary: var(--colors-success-600);\n\t--border-primary: var(--colors-gray-300);\n\t--border-secondary: var(--colors-gray-200);\n\t--border-tertiary: var(--colors-gray-100);\n\t--border-disabled: var(--colors-gray-300);\n\t--border-disabled_subtle: var(--colors-gray-200);\n\t--border-brand: var(--colors-brand-300);\n\t--border-brand-solid: var(--colors-brand-600);\n\t--border-brand-solid_alt: var(--colors-brand-600);\n\t--border-error: var(--colors-error-300);\n\t--border-error-solid: var(--colors-error-600);\n\t--colors-foreground-fg-primary: var(--colors-gray-900);\n\t--badge-border: #a6a6a6;\n\t--bg-primary: var(--colors-base-white);\n\t--bg-primary_alt: var(--colors-base-white);\n\t--bg-primary_hover: var(--colors-gray-50);\n\t--bg-primary-solid: var(--colors-gray-950);\n\t--bg-secondary: var(--colors-gray-50);\n\t--bg-secondary_alt: var(--colors-gray-50);\n\t--bg-secondary_hover: var(--colors-gray-100);\n\t--bg-secondary_subtle: var(--colors-gray-25);\n\t--bg-secondary-solid: var(--colors-gray-600);\n\t--bg-tertiary: var(--colors-gray-100);\n\t--bg-quaternary: var(--colors-gray-200);\n\t--bg-active: var(--colors-gray-50);\n\t--bg-disabled: var(--colors-gray-100);\n\t--bg-disabled_subtle: var(--colors-gray-50);\n\t--bg-overlay: var(--colors-gray-950);\n\t--bg-brand-primary: var(--colors-brand-50);\n\t--bg-brand-primary_alt: var(--colors-brand-50);\n\t--bg-brand-secondary: var(--colors-brand-100);\n\t--bg-brand-solid: var(--colors-brand-600);\n\t--bg-brand-disabled: color-mix(in sRGB, var(--brand-600) 40%, transparent);\n\t--bg-brand-solid_hover: var(--colors-brand-700);\n\t--bg-brand-section: var(--colors-brand-800);\n\t--bg-brand-section_subtle: var(--colors-brand-700);\n\t--bg-error-primary: var(--colors-error-50);\n\t--bg-error-secondary: var(--colors-error-100);\n\t--bg-error-solid: var(--colors-error-600);\n\t--bg-warning-primary: var(--colors-warning-50);\n\t--bg-warning-secondary: var(--colors-warning-100);\n\t--bg-warning-solid: var(--colors-warning-600);\n\t--bg-success-primary: var(--colors-success-50);\n\t--bg-success-secondary: var(--colors-success-100);\n\t--bg-success-solid: var(--colors-success-600);\n\n\t--fg-secondary: var(--colors-gray-700);\n\t--fg-secondary_hover: var(--colors-gray-800);\n\t--fg-tertiary: var(--colors-gray-600);\n\t--fg-tertiary_hover: var(--colors-gray-700);\n\t--fg-quaternary: var(--colors-gray-500);\n\t--fg-quaternary_hover: var(--colors-gray-600);\n\t--fg-quinary: var(--colors-gray-400);\n\t--fg-quinary_hover: var(--colors-gray-500);\n\t--fg-senary: var(--colors-gray-300);\n\t--fg-white: var(--colors-base-white);\n\t--fg-disabled: var(--colors-gray-400);\n\t--fg-disabled_subtle: var(--colors-gray-300);\n\t--fg-brand-primary: var(--colors-brand-600);\n\t--fg-brand-primary_alt: var(--colors-brand-600);\n\t--fg-brand-secondary: var(--colors-brand-500);\n\t--fg-error-primary: var(--colors-error-600);\n\t--fg-error-secondary: var(--colors-error-500);\n\t--fg-warning-primary: var(--colors-warning-600);\n\t--fg-warning-secondary: var(--colors-warning-500);\n\t--fg-success-primary: var(--colors-success-600);\n\t--fg-success-secondary: var(--colors-success-500);\n\n\t--nav-item-button-icon-fg: var(--colors-gray-500);\n\t--nav-item-button-icon-fg_active: var(--colors-gray-700);\n\t--nav-item-icon-fg: var(--colors-gray-500);\n\t--nav-item-icon-fg_active: var(--colors-gray-500);\n\t--avatar-bg: var(--colors-gray-100);\n\t--avatar-profile-photo-border: var(--colors-base-white);\n\t--avatar-contrast-border: #00000014;\n\t--avatar-focus-border: #98a1b223;\n\t--breadcrumb-fg: var(--colors-gray-600);\n\t--breadcrumb-fg_hover: var(--colors-gray-700);\n\t--breadcrumb-bg_hover: var(--colors-gray-50);\n\t--breadcrumb-brand-fg_hover: var(--colors-brand-700);\n\t--breadcrumb-brand-bg_hover: var(--colors-brand-50);\n\t--breadcrumb-icon-fg: var(--colors-gray-500);\n\t--breadcrumb-icon-fg_hover: var(--colors-gray-700);\n\t--breadcrumb-brand-icon-fg_hover: var(--colors-brand-700);\n\t--button-primary-fg: var(--colors-base-white);\n\t--button-primary-fg_hover: var(--colors-base-white);\n\t--button-primary-bg: var(--colors-brand-500);\n\t--button-primary-bg_hover: var(--colors-brand-600);\n\t--button-primary-border: var(--colors-brand-500);\n\t--button-primary-border_hover: var(--colors-brand-600);\n\t--button-secondary-fg: #344054;\n\t--button-secondary-fg_hover: var(--colors-gray-800);\n\t--button-secondary-bg: #ffffff;\n\t--button-secondary-bg_hover: var(--colors-gray-50);\n\t--button-secondary-border: #d0d5dd;\n\t--button-secondary-border_hover: var(--colors-gray-300);\n\t--button-secondary-color-fg: var(--colors-brand-600);\n\t--button-secondary-color-fg_hover: var(--colors-brand-700);\n\t--button-secondary-color-bg: var(--colors-base-white);\n\t--button-secondary-color-bg_hover: var(--colors-brand-50);\n\t--button-secondary-color-border: var(--colors-brand-300);\n\t--button-secondary-color-border_hover: var(--colors-brand-300);\n\t--button-tertiary-fg: var(--colors-gray-600);\n\t--button-tertiary-fg_hover: var(--colors-gray-700);\n\t--button-tertiary-bg_hover: var(--colors-gray-50);\n\t--button-tertiary-color-fg: var(--colors-brand-500);\n\t--button-tertiary-color-fg_hover: var(--colors-brand-600);\n\t--button-tertiary-color-bg_hover: var(--colors-brand-50);\n\t--button-primary-error-fg: var(--colors-base-white);\n\t--button-primary-error-fg_hover: var(--colors-base-white);\n\t--button-primary-error-bg: var(--colors-error-600);\n\t--button-primary-error-bg_hover: var(--colors-error-700);\n\t--button-primary-error-border: var(--colors-error-600);\n\t--button-primary-error-border_hover: var(--colors-error-700);\n\t--button-secondary-error-fg: var(--colors-error-700);\n\t--button-secondary-error-fg_hover: var(--colors-error-800);\n\t--button-secondary-error-bg: var(--colors-base-white);\n\t--button-secondary-error-bg_hover: var(--colors-error-50);\n\t--button-secondary-error-border: var(--colors-error-300);\n\t--button-secondary-error-border_hover: var(--colors-error-300);\n\t--button-tertiary-error-fg: var(--colors-error-700);\n\t--button-tertiary-error-fg_hover: var(--colors-error-800);\n\t--button-tertiary-error-bg_hover: var(--colors-error-50);\n}\n\n:root body[theme="light"] {\n\t--button-primary-bg: var(--colors-brand-500);\n}\n:root body[theme="dark"] {\n\t--button-primary-bg: #000;\n}\n');var F={button:"styles-module_button__cqjs8",type_button:"styles-module_type_button__0tovl",button_primary:"styles-module_button_primary__H9Ivv",button_secondary:"styles-module_button_secondary__tKSXj",button_tertiary:"styles-module_button_tertiary__TG4Jq",button_quaternary:"styles-module_button_quaternary__Qt8xL",type_text:"styles-module_type_text__fHH7D",type_link:"styles-module_type_link__Sh6yi",button_none:"styles-module_button_none__vzX2e",minwidth:"styles-module_minwidth__uSDBF",icon_button:"styles-module_icon_button__2tdjg",dropdown_button_container:"styles-module_dropdown_button_container__Mmw-N",type_dropdown:"styles-module_type_dropdown__beEwI",dropdown_icon_button:"styles-module_dropdown_icon_button__p7eCQ"};D('.styles-module_button__cqjs8 {\n\tmin-width: fit-content;\n\tvertical-align: middle;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\toutline: none;\n\tcursor: pointer;\n\tfont-family: "medium";\n\tpadding: 0.625rem 0.875rem;\n\theight: var(--button-height);\n\tline-height: 0;\n\tborder-radius: var(--radius-md);\n\tposition: relative;\n\toverflow: hidden;\n\tgap: 0.25rem;\n}\n\n.styles-module_button__cqjs8 i {\n\tposition: relative;\n\tfont-size: 1rem;\n}\n\n.styles-module_type_button__0tovl.styles-module_button_primary__H9Ivv {\n\tborder: 1px solid var(--button-primary-border);\n\tbackground: var(--button-primary-bg);\n\tcolor: var(--button-primary-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_button__0tovl.styles-module_button_primary__H9Ivv:hover {\n\tborder: 1px solid var(--button-primary-border_hover);\n\tbackground: var(--button-primary-bg_hover);\n\tcolor: var(--button-primary-fg_hover);\n}\n.styles-module_type_button__0tovl.styles-module_button_primary__H9Ivv:active,\n.styles-module_type_button__0tovl.styles-module_button_primary__H9Ivv:focus {\n\tbox-shadow: 0px 0px 0px 2px #f96c001a;\n\tbox-shadow: 0px 1px 2px 0px #1018280d;\n}\n.styles-module_type_button__0tovl.styles-module_button_secondary__tKSXj {\n\tborder: 1px solid var(--button-secondary-border);\n\tbackground: var(--button-secondary-bg);\n\tcolor: var(--button-secondary-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_button__0tovl.styles-module_button_secondary__tKSXj:hover {\n\tborder: 1px solid var(--button-secondary-border_hover);\n\tbackground: var(--button-secondary-bg_hover);\n\tcolor: var(--button-secondary-fg_hover);\n}\n.styles-module_type_button__0tovl.styles-module_button_secondary__tKSXj:active,\n.styles-module_type_button__0tovl.styles-module_button_secondary__tKSXj:focus {\n\tbox-shadow: 0px 0px 0px 2px #98a2b324;\n\tbox-shadow: 0px 1px 2px 0px #1018280d;\n}\n\n.styles-module_type_button__0tovl.styles-module_button_tertiary__TG4Jq {\n\tborder: 1px solid var(--button-secondary-color-border);\n\tbackground: var(--button-secondary-color-bg);\n\tcolor: var(--button-secondary-color-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_button__0tovl.styles-module_button_tertiary__TG4Jq:hover {\n\tborder: 1px solid var(--button-secondary-color-border_hover);\n\tbackground: var(--button-secondary-color-bg_hover);\n\tcolor: var(--button-secondary-color-fg_hover);\n}\n.styles-module_type_button__0tovl.styles-module_button_tertiary__TG4Jq:active,\n.styles-module_type_button__0tovl.styles-module_button_tertiary__TG4Jq:focus {\n\tbox-shadow: 0px 0px 0px 2px #98a2b324;\n\tbox-shadow: 0px 1px 2px 0px #1018280d;\n}\n\n.styles-module_type_button__0tovl.styles-module_button_quaternary__Qt8xL {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-secondary-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_button__0tovl.styles-module_button_quaternary__Qt8xL:hover {\n\tborder: 1px none;\n\tbackground: var(--button-secondary-bg_hover);\n\tcolor: var(--button-secondary-fg_hover);\n}\n.styles-module_type_button__0tovl.styles-module_button_quaternary__Qt8xL:active,\n.styles-module_type_button__0tovl.styles-module_button_quaternary__Qt8xL:focus {\n\tbox-shadow: 0px 0px 0px 2px #98a2b324;\n\tbox-shadow: 0px 1px 2px 0px #1018280d;\n}\nbutton[disabled].styles-module_button_primary__H9Ivv.styles-module_type_button__0tovl,\nbutton[disabled].styles-module_button_secondary__tKSXj.styles-module_type_button__0tovl,\nbutton[disabled].styles-module_button_tertiary__TG4Jq.styles-module_type_button__0tovl {\n\tcursor: not-allowed;\n\tbackground-color: var(--bg-disabled);\n\tborder-color: var(--bg-disabled_subtle);\n\tcolor: var(--fg-disabled);\n}\n\n/* -----------------------Text Button------------------------------- */\n\n.styles-module_type_text__fHH7D.styles-module_button_secondary__tKSXj {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_text__fHH7D.styles-module_button_secondary__tKSXj:hover {\n\tborder: none;\n\tbackground: var(--button-tertiary-bg_hover);\n\tcolor: var(--button-tertiary-fg_hover);\n}\n\n.styles-module_type_text__fHH7D.styles-module_button_primary__H9Ivv {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-color-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_text__fHH7D.styles-module_button_primary__H9Ivv:hover {\n\tborder: none;\n\tbackground: var(--button-tertiary-color-bg_hover);\n\tcolor: var(--button-tertiary-color-fg_hover);\n}\nbutton[disabled].styles-module_button_primary__H9Ivv.styles-module_type_text__fHH7D,\nbutton[disabled].styles-module_button_secondary__tKSXj.styles-module_type_text__fHH7D,\nbutton[disabled].styles-module_button_tertiary__TG4Jq.styles-module_type_text__fHH7D {\n\tcursor: not-allowed;\n\tbackground-color: transparent;\n\tcolor: var(--fg-disabled);\n}\n\n/* -----------------------Link Button------------------------------- */\n\n.styles-module_type_link__Sh6yi.styles-module_button_secondary__tKSXj {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_link__Sh6yi.styles-module_button_secondary__tKSXj:hover {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-fg_hover);\n\ttext-decoration: underline;\n}\n\n.styles-module_type_link__Sh6yi.styles-module_button_primary__H9Ivv {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-color-fg);\n\tfont-size: 0.875rem;\n}\n.styles-module_type_link__Sh6yi.styles-module_button_primary__H9Ivv:hover {\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--button-tertiary-color-fg_hover);\n\ttext-decoration: underline;\n}\nbutton[disabled].styles-module_button_primary__H9Ivv.styles-module_type_link__Sh6yi,\nbutton[disabled].styles-module_button_secondary__tKSXj.styles-module_type_link__Sh6yi,\nbutton[disabled].styles-module_button_tertiary__TG4Jq.styles-module_type_link__Sh6yi {\n\tcursor: not-allowed;\n\tbackground-color: transparent;\n\tcolor: var(--fg-disabled);\n\ttext-decoration: none;\n}\n/* ------------------- Button none ------------------ */\n\n.styles-module_button_none__vzX2e {\n\tborder: none;\n\tbackground-color: transparent;\n\tfont-size: 0.875rem;\n\tcolor: var(--button-secondary-fg);\n}\nbutton[disabled].styles-module_button_none__vzX2e {\n\tcursor: not-allowed;\n\tcolor: var(--fg-disabled);\n}\n\nbutton[disabled].styles-module_button_secondary__tKSXj,\nbutton[disabled].styles-module_button_tertiary__TG4Jq {\n\tcursor: not-allowed;\n\tbackground-color: var(--bg-primary);\n\tborder-color: var(--border-disabled_subtle);\n\tcolor: var(--fg-disabled);\n}\n\n.styles-module_button__cqjs8.styles-module_minwidth__uSDBF {\n\tmin-width: 11.25rem;\n}\n.styles-module_icon_button__2tdjg {\n\tmin-width: fit-content;\n\tvertical-align: middle;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\toutline: none;\n\tcursor: pointer;\n\tfont-family: "medium";\n\tpadding: 0.625rem;\n\theight: var(--button-height);\n\tline-height: 0;\n\tborder-radius: var(--radius-md);\n\tposition: relative;\n\toverflow: hidden;\n}\n\n/* --------------------------------- dropdown button ------------------------------- */\n.styles-module_dropdown_button_container__Mmw-N {\n\tdisplay: flex;\n}\n.styles-module_type_dropdown__beEwI {\n\tborder-top-right-radius: 0;\n\tborder-bottom-right-radius: 0;\n\tborder-right: 1px solid var(--white) !important;\n}\n.styles-module_button_none__vzX2e.styles-module_type_dropdown__beEwI {\n\tborder-right: none !important;\n}\n.styles-module_dropdown_icon_button__p7eCQ {\n\tborder-top-left-radius: 0;\n\tborder-bottom-left-radius: 0;\n\t/* border-left: 1px solid var(--white) !important; */\n}\n');var B=function(e,t){return B=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},B(e,t)};function A(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}B(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var M=function(){return M=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},M.apply(this,arguments)};function R(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n}"function"==typeof SuppressedError&&SuppressedError;var q=function(t){var n=t.hidden,o=void 0!==n&&n,a=t.noPermission,r=void 0!==a&&a,l=t.placeholder,i=t.show,d=void 0===i||i,c=R(t,["hidden","noPermission","placeholder","show"]);return o?e.createElement(e.Fragment,null,null!=l?l:e.createElement(e.Fragment,null)):r?e.createElement("div",{className:"w-100",ref:c.ref},e.createElement("div",{className:"d-flex justify-content-center align-items-center py-5 w-100 vh-100"},e.createElement("div",{className:"text-center inner-page-placeholder-container"},e.createElement("h3",{className:"text-smoke text-sm"},c.label),e.createElement("br",null)))):d&&!o?e.createElement(e.Fragment,null,c.children):e.createElement(e.Fragment,null,null!=l?l:e.createElement(e.Fragment,null))};q.displayName="HideComponentWrapper";var O=function(t){var n,o,a,r=function(e){return"left"===e&&t.leftIcon?t.leftIcon:"right"===e&&t.rightIcon?t.rightIcon:t.iconComp};return e.createElement(e.Fragment,null,e.createElement("button",{className:"".concat(F.button," ").concat(F["button_".concat(t.variant)]," ").concat(null!==(n=t.className)&&void 0!==n?n:""," ").concat(F["type_".concat(null!==(o=t.buttonType)&&void 0!==o?o:"button")]),onClick:t.onClick,type:"button",id:null!==(a=t.id)&&void 0!==a?a:"",disabled:t.disabled,ref:t.ref,name:t.name},e.createElement(q,{show:"left"===t.iconPosition||"both"===t.iconPosition||!t.iconPosition},r("left")),e.createElement("span",{className:F.button_text},t.label||t.children),e.createElement(q,{show:"right"===t.iconPosition||"both"===t.iconPosition},r("right"))))};O.displayName="Button";var j={dropdown:"Popover-module_dropdown__svhS6",dropdown_content:"Popover-module_dropdown_content__xoM6i",right:"Popover-module_right__--bJW",popup_content:"Popover-module_popup_content__RWxjw",left:"Popover-module_left__h7fCr",top:"Popover-module_top__TYlrh","bottom-left":"Popover-module_bottom-left__-JKBn","bottom-right":"Popover-module_bottom-right__dNySF",inherit:"Popover-module_inherit__Eye4x",dropbtn:"Popover-module_dropbtn__K87ew"};D(".Popover-module_dropdown__svhS6 {\n\tposition: relative;\n\tdisplay: inline-block;\n}\n\n.Popover-module_dropdown_content__xoM6i {\n\tdisplay: none;\n\tposition: absolute;\n\tbackground-color: var(--bg-primary);\n\tcolor: var(--text-primary);\n\tmin-width: 10rem;\n\toverflow: auto;\n\tbox-shadow: 1px 9px 1.3125rem var(--box-shadow-color);\n\tz-index: 1000000;\n\tright: 0;\n\tborder-radius: 10px;\n}\n.Popover-module_dropdown_content__xoM6i.Popover-module_right__--bJW {\n\tleft: 100%;\n\tright: auto;\n}\n\n.Popover-module_dropdown_content__xoM6i a {\n\tcolor: var(--text-primary);\n\tpadding: 0.75rem 1rem;\n\ttext-decoration: none;\n\tdisplay: block;\n}\n\n.Popover-module_dropdown__svhS6 a:hover {\n\tbackground-color: #ddd;\n}\n\n.Popover-module_popup_content__RWxjw {\n\tposition: absolute;\n\tmin-width: 10rem;\n\toverflow: auto;\n\tz-index: 1000;\n\tright: 0;\n\tborder-radius: 8px;\n\tborder: 1px solid var(--border-secondary);\n\tbackground: var(--bg-primary);\n\tbox-shadow: var(--box-shadow);\n\t/* position: absolute;\n\tmin-width: 10rem;\n\toverflow: auto;\n\tz-index: 1000;\n\tright: 0;\n\tborder-radius: 8px;\n\tborder: 1px solid #eaecf0;\n\tbackground: #fff;\n\tbox-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); */\n}\n.Popover-module_popup_content__RWxjw.Popover-module_right__--bJW {\n\tleft: 100%;\n\tright: auto;\n}\n.Popover-module_popup_content__RWxjw.Popover-module_left__h7fCr {\n\tright: 100%;\n}\n.Popover-module_popup_content__RWxjw.Popover-module_top__TYlrh {\n\tbottom: 100%;\n\tleft: 0;\n}\n.Popover-module_popup_content__RWxjw.Popover-module_bottom-left__-JKBn {\n\tright: 50%;\n\ttop: 100%;\n}\n.Popover-module_popup_content__RWxjw.Popover-module_bottom-right__dNySF {\n\tleft: calc(100% - 45px);\n\ttop: 100%;\n}\n.Popover-module_popup_content__RWxjw.Popover-module_inherit__Eye4x {\n\twidth: 100%;\n\tright: 0;\n\tleft: 0;\n}\n.Popover-module_dropbtn__K87ew {\n\tcursor: pointer;\n}\n");var W=t((function(t,l){var i,d,c,_,s,u,m,p,b,g=n(),f=g[0],v=g[1],h=o(null),y=n(!1),x=y[0],k=y[1];a((function(){return document.addEventListener("mousedown",w),function(){document.removeEventListener("mousedown",w)}}),[]),a((function(){f&&x&&k(!1)}),[f]);r(l,(function(){return{closePopup:function(){v(Math.random)},openPopup:function(){k(!0)}}}));var w=function(e){h.current&&!h.current.contains(e.target)&&k(!1)},T=function(e){return"left"===e&&t.leftIcon?t.leftIcon:"right"===e&&t.rightIcon?t.rightIcon:t.iconComp};return e.createElement("div",{ref:h,className:"".concat(j.dropdown," ").concat(null!==(i=t.dropdownClass)&&void 0!==i?i:""),title:null!==(d=t.mouseoverTitle)&&void 0!==d?d:""},e.createElement("div",{className:F.dropdown_button_container},e.createElement("button",{className:"".concat(F.button," ").concat(F.type_button," ").concat(F["button_".concat(t.variant)]," ").concat(null!==(c=t.className)&&void 0!==c?c:""," ").concat(F.type_dropdown),onClick:t.onClick,type:"button",id:null!==(_=t.id)&&void 0!==_?_:"",disabled:t.disabled},e.createElement(q,{show:"left"===t.iconPosition||"both"===t.iconPosition||!t.iconPosition},T("left")),e.createElement("span",{className:F.button_text},t.label),e.createElement(q,{show:"right"===t.iconPosition||"both"===t.iconPosition},T("right"))),e.createElement("div",{onMouseEnter:function(e){t.hoverTrigger&&k(!0)},onMouseLeave:function(e){t.hoverTrigger&&!t.disableHoverOut&&k(!1)},onClick:function(e){e.stopPropagation(),k(!x)},className:"".concat(j.dropbtn," ").concat(null!==(s=t.iconContainerClass)&&void 0!==s?s:"")},e.createElement("button",{className:"".concat(F.button," ").concat(F.dropdown_icon_button," ").concat(F.type_button," ").concat(F["button_".concat(t.variant)]),type:"button",disabled:t.disableDropBtn,style:null!==(u=t.dropdownStyles)&&void 0!==u?u:{},ref:t.ref},t.dropdownIcon?t.dropdownIcon:e.createElement("i",{className:"ph-bold ph-caret-down"})))),e.createElement(q,{hidden:!x},e.createElement("div",{style:null!==(m=t.parentStyle)&&void 0!==m?m:{},className:"".concat(j.popup_content," ").concat(j[null!==(p=t.position)&&void 0!==p?p:"bottom"]," ").concat(null!==(b=t.parentClass)&&void 0!==b?b:"")},t.children)))}));W.displayName="DropButton";var H=function(t){var n=t.onClick,o=t.variant,a=t.className,r=void 0===a?"":a,l=t.size,i=void 0===l?"medium":l,d=t.buttonType,c=void 0===d?"button":d,_=t.id,s=void 0===_?"":_,u=t.disabled,m=t.children,p=t.ref;return e.createElement(e.Fragment,null,e.createElement("button",{className:"".concat(F.icon_button," ").concat(F["button_".concat(o)]," ").concat(r," ").concat(F["type_".concat(c)]),onClick:n,type:"button",id:s,disabled:u,style:{fontSize:i},ref:p},m))};H.displayName="IconButton";var G={breadcrumb:"Breadcrumbs-module_breadcrumb__n-tYm",breadcrumb_item:"Breadcrumbs-module_breadcrumb_item__4Onpe",breadcrumb_item_readonly:"Breadcrumbs-module_breadcrumb_item_readonly__kIu-2",secondary:"Breadcrumbs-module_secondary__PjEUa",tertiary:"Breadcrumbs-module_tertiary__M25vB",breadcrumb_separator:"Breadcrumbs-module_breadcrumb_separator__bjrvT",breadcrumb_container:"Breadcrumbs-module_breadcrumb_container__CeRHB",breadcrumb_link:"Breadcrumbs-module_breadcrumb_link__0EaA8",homepage_icon:"Breadcrumbs-module_homepage_icon__5RnKD"};D('.Breadcrumbs-module_breadcrumb__n-tYm {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-ms-flex-wrap: wrap;\n\tflex-wrap: wrap;\n\tpadding: 0.75rem 0;\n\tmargin-bottom: 0.5rem;\n\tlist-style: none;\n\t/* background-color: #e9ecef; */\n\tborder-radius: 0.25rem;\n}\n.Breadcrumbs-module_breadcrumb_item__4Onpe + .Breadcrumbs-module_breadcrumb_item__4Onpe::before {\n\t/* display: inline-block;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n    color: #6c757d; */\n}\n.Breadcrumbs-module_breadcrumb_item__4Onpe + .Breadcrumbs-module_breadcrumb_item__4Onpe:hover::before {\n\ttext-decoration: underline;\n}\n.Breadcrumbs-module_breadcrumb_item__4Onpe + .Breadcrumbs-module_breadcrumb_item__4Onpe:hover::before {\n\ttext-decoration: none;\n}\n.Breadcrumbs-module_breadcrumb_item__4Onpe {\n\tcursor: pointer;\n\tcolor: var(--text-secondary);\n\tpadding: var(--spacing-xs) var(--spacing-md);\n\tcolor: var(--breadcrumb-fg);\n\tfont-family: "medium";\n\tfont-size: 0.875rem;\n\tfont-style: normal;\n\tfont-weight: 475;\n\tline-height: 1.25rem;\n\tmargin: 0;\n}\n.Breadcrumbs-module_breadcrumb_item__4Onpe:hover {\n\tcolor: var(--breadcrumb-fg_hover);\n}\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2,\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2:hover {\n\tcolor: var(--breadcrumb-brand-fg_hover, #e46300);\n\tcursor: auto !important;\n}\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2.Breadcrumbs-module_secondary__PjEUa,\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2.Breadcrumbs-module_secondary__PjEUa:hover {\n\tbackground: var(--breadcrumb-brand-bg_hover, #fff6ef);\n\tpadding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-md);\n\tborder-radius: var(--radius-sm, 6px);\n}\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2.Breadcrumbs-module_tertiary__M25vB,\n.Breadcrumbs-module_breadcrumb_item_readonly__kIu-2.Breadcrumbs-module_tertiary__M25vB:hover {\n\tbackground: var(--breadcrumb-bg_hover, #f9fafb);\n\tpadding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-md);\n\tborder-radius: var(--radius-sm, 6px);\n\tcolor: var(--breadcrumb-fg_hover, #344054);\n}\n\n.Breadcrumbs-module_breadcrumb_separator__bjrvT {\n\theight: 1rem;\n\twidth: 1rem;\n\tcolor: var(--fg-senary, #d0d5dd);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.Breadcrumbs-module_breadcrumb_container__CeRHB {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\tgap: var(--spacing-md);\n\tpadding-bottom: var(--spacing-xl);\n\tpadding-top: var(--spacing-2xl);\n\talign-items: center;\n}\n\n.Breadcrumbs-module_breadcrumb_link__0EaA8 {\n\ttext-decoration: none;\n}\n\n.Breadcrumbs-module_homepage_icon__5RnKD,\n.Breadcrumbs-module_homepage_icon__5RnKD:hover {\n\tall: unset;\n\tcursor: pointer;\n\tcolor: var(--breadcrumb-icon-fg, #667085);\n\tfont-size: 1.25rem;\n}\n.Breadcrumbs-module_homepage_icon__5RnKD i {\n\tfont-size: inherit;\n}\n');var Q=function(t){var n=t.breadcrumbs,o=void 0===n?[]:n,a=t.className,r=void 0===a?"":a,l=t.type,i=void 0===l?"primary":l;return e.createElement("div",{ref:t.ref,className:"".concat(G.breadcrumb_container," ").concat(r||"")},e.createElement("a",{href:t.homeRoute||"/homepage",className:G.homepage_icon},t.homeIcon||e.createElement("i",{className:"ph-bold ph-house"})),o.map((function(n,o){return e.createElement(e.Fragment,{key:"".concat(n.title,"-").concat(o)},e.createElement("div",{className:G.breadcrumb_separator},t.seprator||e.createElement("i",{className:"ph-bold ph-caret-right"})),e.createElement(q,{hidden:n.hidden},n.customComp?e.createElement("a",{href:n.path},n.customComp(n.title)):n.active?e.createElement("p",{className:"".concat(G.breadcrumb_item," ").concat(G.breadcrumb_item_readonly," ").concat(G[i])},n.title):e.createElement("a",{href:n.path,className:"".concat(G.breadcrumb_item)},n.title)))})))};Q.displayName="Breadcrumbs";var U={accordian_card:"Accordion-module_accordian_card__76RKv",accordian_card_head:"Accordion-module_accordian_card_head__Idw8n",accordian_body:"Accordion-module_accordian_body__egu7t",accordian_header:"Accordion-module_accordian_header__cNNsq",flat_accordion:"Accordion-module_flat_accordion__kAmOM",collapse:"Accordion-module_collapse__h5ByI",show:"Accordion-module_show__PtCvt",accordion_title:"Accordion-module_accordion_title__8bhXV",accordion_subtitle:"Accordion-module_accordion_subtitle__mgXDx"};D('.Accordion-module_accordian_card__76RKv {\n\tposition: relative;\n\t-webkit-border-radius: 10px;\n\t-moz-border-radius: 10px;\n\t-ms-border-radius: 10px;\n\tborder-radius: 10px;\n\tmargin-bottom: 1.25rem;\n\tpadding: 0;\n\twidth: 100%;\n}\n\n.Accordion-module_accordian_card__76RKv .Accordion-module_accordian_card_head__Idw8n {\n\tpadding: 1.25rem;\n}\n\n.Accordion-module_accordian_body__egu7t {\n\tbox-shadow: 1px 9px 1.3125rem rgb(53 143 207 / 10%);\n\tpadding-top: var(--spacing-md);\n\tpadding-bottom: var(--spacing-md);\n\t-webkit-border-radius: 10px !important;\n\t-moz-border-radius: 10px !important;\n\t-ms-border-radius: 10px !important;\n\tborder-radius: 10px !important;\n}\n.Accordion-module_accordian_header__cNNsq {\n\tbox-shadow: 1px 9px 1.3125rem rgb(53 143 207 / 10%);\n\tpadding-top: var(--spacing-md);\n\tpadding-bottom: var(--spacing-md);\n\t-webkit-border-radius: 10px !important;\n\t-moz-border-radius: 10px !important;\n\t-ms-border-radius: 10px !important;\n\tborder-radius: 10px !important;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tcursor: pointer;\n}\n\n.Accordion-module_accordian_card__76RKv h6 {\n\tfont-family: "medium";\n\tfont-size: 1rem;\n\tcolor: #333;\n\tmargin-right: 0.9375rem;\n\tmargin-bottom: 0;\n}\n\n.Accordion-module_accordian_card__76RKv p {\n\tfont-size: 1rem;\n\tmargin-bottom: 0;\n\tdisplay: block;\n\twidth: calc(100% - 100px);\n}\n\n.Accordion-module_accordian_card__76RKv span i {\n\tcolor: #ff4b4b;\n\tfont-size: 1.125rem;\n\tcursor: pointer;\n}\n\n.Accordion-module_flat_accordion__kAmOM {\n\tborder: none !important;\n\tbox-shadow: none !important;\n}\n.Accordion-module_flat_accordion__kAmOM p {\n\twidth: fit-content !important;\n\tfont-size: 14px !important;\n}\n.Accordion-module_flat_accordion__kAmOM label {\n\ttext-transform: capitalize !important;\n}\n\n.Accordion-module_collapse__h5ByI {\n\tdisplay: none;\n}\n.Accordion-module_collapse__h5ByI.Accordion-module_show__PtCvt {\n\tdisplay: block;\n}\n.Accordion-module_accordion_title__8bhXV {\n\ttext-transform: uppercase;\n\tfont-weight: "medium";\n\tmargin: 0;\n}\n.Accordion-module_accordion_subtitle__mgXDx {\n\tfont-weight: "regular";\n\tmargin: 0;\n\tfont-size: 0.75rem;\n\tcolor: var(--text-muted, #a7b3c4);\n}\n');var V=function(t){var o,r=n(!1),l=r[0],i=r[1];a((function(){i(t.open)}),[t.open]);return e.createElement("div",{id:t.id,className:"".concat(U.accordian_card," ").concat(t.class||"")},e.createElement("div",{onClick:function(e){var n;null===(n=t.onClick)||void 0===n||n.call(t,e)},className:"".concat(U.accordian_header," ").concat(l?t.openHeaderClass:""," ").concat(t.headerClass||"bg-smoke-light px-4"," ").concat(t.flat?U.flat_accordion:""),ref:t.ref},e.createElement("div",{className:"w-100"},t.titleComponent?null===(o=t.titleComponent)||void 0===o?void 0:o.call(t):e.createElement(e.Fragment,null,e.createElement("label",{className:"".concat(U.accordion_title," ").concat(t.titleClass||"")},t.title),e.createElement("p",{className:"".concat(U.accordion_subtitle," ").concat(t.subtitleClass)},t.subtitle||""))),e.createElement("i",{className:"ph-bold ph-caret-".concat(l?"down":"right"," d-flex my-auto ml-auto pr-3")})),e.createElement("div",{className:"".concat(U.accordian_body," ").concat(U.collapse," ").concat(l?U.show:U.hide," ").concat(t.bodyClass||"p-4"," ").concat(t.flat?U.flat_accordion:"")},t.children))};V.displayName="Accordion";var Y="Avatar-module_avatar_icon__FtBxp",X="Avatar-module_profile_pic__yD3ME",Z="Avatar-module_avatar_status_icon__7tLY1",K="Avatar-module_icon_verified__puKzx",J="Avatar-module_icon_offline__QYFwo",$="Avatar-module_icon_online__tpBD-";D('.Avatar-module_avatar_icon__FtBxp {\n\tborder: 0.75px solid var(--avatar-contrast-border, #00000014);\n\tborder-radius: 50px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: fit-content;\n\twidth: fit-content;\n\tposition: relative;\n}\n.Avatar-module_profile_pic__yD3ME {\n\tbackground: var(--avatar-bg, #f2f4f7);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 9999px;\n\ttext-transform: uppercase;\n\tcolor: var(--fg-quaternary, #667085);\n\tcursor: default;\n\tborder: 0.75px solid var(--avatar-contrast-border, #00000014);\n}\n.Avatar-module_profile_pic__yD3ME:active {\n\tbox-shadow: 0px 0px 0px 4px var(--avatar-focus-border, #f2f4f7);\n}\n\n.Avatar-module_avatar_status_icon__7tLY1 {\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\tborder: 1.5px solid var(--bg-primary, #ffffff);\n\tborder-radius: 50px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: var(--avatar-bg);\n\ti {\n\t\tfont-size: inherit !important;\n\t}\n}\n.Avatar-module_icon_verified__puKzx {\n\tcolor: #2e90fa !important;\n}\n\n.Avatar-module_icon_offline__QYFwo {\n\tbackground: #98a2b3 !important;\n\tborder-radius: 50px;\n\tborder: 1.5px solid var(--bg-primary, #ffffff);\n\tfont-size: inherit;\n}\n.Avatar-module_icon_online__tpBD- {\n\tbackground: #17b26a !important;\n\tborder-radius: 50px;\n\tborder: 1.5px solid var(--bg-primary, #ffffff);\n}\n\n.Avatar-module_avatar_group__bYqME {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tmargin-left: 10px;\n}\n.Avatar-module_avatar_group__bYqME .Avatar-module_avatar_icon__FtBxp {\n\tmargin-left: -10px;\n\tborder: 0.75px solid var(--avatar-contrast-border, #00000014);\n\tborder-radius: 50px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: fit-content;\n\twidth: fit-content;\n}\n.Avatar-module_avatar_group__bYqME .Avatar-module_avatar_icon__FtBxp .Avatar-module_more_avatar__2tK2t {\n\tcolor: var(--text-tertiary, #475467);\n\ttext-align: center;\n\tfont-family: "medium";\n\tfont-size: 0.75rem;\n\tfont-style: normal;\n\tfont-weight: 580;\n\tline-height: 1.125rem;\n\tbackground: var(--avatar-bg);\n}\n.Avatar-module_profile_pic__yD3ME {\n\tbackground: var(--avatar-bg);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 50%;\n\ttext-transform: uppercase;\n\tcolor: var(--fg-quaternary, #667085);\n\tcursor: default;\n\tborder: 0.75px solid var(--avatar-contrast-border, #00000014);\n}\n\n.Avatar-module_avatar_group_popup__BBBfc {\n\tmin-width: 20rem;\n\tposition: relative;\n\tdisplay: inline-block;\n}\n.Avatar-module_avatar_group_popup__BBBfc li {\n\tdisplay: flex;\n\tpadding: 0.875rem 1rem 0.5rem 1rem;\n\tgap: 0.5rem;\n}\n.Avatar-module_avatar_group_popup__BBBfc li:hover {\n\tbackground-color: var(--bg-smoke-light);\n}\n.Avatar-module_avatar_group_popup__BBBfc li .Avatar-module_profile_title__LUIRr {\n\tcolor: #101828;\n\tfont-family: medium;\n\tfont-size: 0.75rem;\n\tfont-style: normal;\n\tfont-weight: 500;\n\tline-height: 1.125rem;\n}\n.Avatar-module_avatar_group_popup__BBBfc li .Avatar-module_profile_subtitle__EXd3E {\n\tcolor: #475467;\n\tfont-family: "regular";\n\tfont-size: 0.75rem;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 1.125rem;\n}\n.Avatar-module_ava