globuswebcomponents 0.3.6 → 0.3.7

package/dist/globuscomponents/p-d5d413ce.entry.js

@@ -0,0 +1,2 @@
+import{r,h as n,g as e}from"./p-e8f2fe42.js";import{O as a}from"./p-47052b60.js";const t=':root {\r\n    /* --------------------------------------Primary Colors--------------------------------------------- */\r\n    /* base color palette */\r\n    --base-white: #fff;\r\n    --base-black: #000;\r\n\r\n\r\n    /* gray color palette  */\r\n    --gray-25: #fcfcfd;\r\n    --gray-50: #f6f8fa;\r\n    --gray-100: #eef2f6;\r\n    --gray-200: #e3e8ef;\r\n    --gray-300: #cdd5df;\r\n    --gray-400: #9aa4b2;\r\n    --gray-500: #697586;\r\n    --gray-600: #4b5565;\r\n    --gray-700: #364152;\r\n    --gray-800: #202939;\r\n    --gray-900: #121926;\r\n    --gray-950: #0D121C;\r\n\r\n    /* brand dark blue color palette */\r\n    --brandDarkBlue-25: #F9F9FB;\r\n    --brandDarkBlue-50: #edeef3;\r\n    --brandDarkBlue-100: #d3d5e0;\r\n    --brandDarkBlue-200: #b5b9cc;\r\n    --brandDarkBlue-300: #9095b2;\r\n    --brandDarkBlue-400: #464f7f;\r\n    --brandDarkBlue-500: #212c65;\r\n    --brandDarkBlue-600: #1e285c;\r\n    --brandDarkBlue-700: #1c2554;\r\n    --brandDarkBlue-800: #161d43;\r\n    --brandDarkBlue-900: #0b0f22;\r\n    --brandDarkBlue-950: #070914;\r\n\r\n    /* brand red color palette */\r\n    --brandRed-25: #fffbfa;\r\n    --brandRed-50: #fef1f2;\r\n    --brandRed-100: #fde3e5;\r\n    --brandRed-200: #f9b4ba;\r\n    --brandRed-300: #f68e98;\r\n    --brandRed-400: #f36976;\r\n    --brandRed-500: #e21b2e;\r\n    --brandRed-600: #cc1a2a;\r\n    --brandRed-700: #b51726;\r\n    --brandRed-800: #8c121d;\r\n    --brandRed-900: #680d16;\r\n    --brandRed-950: #3f080d;\r\n\r\n    /* warning color palette */\r\n    --warning-25: #fffcf5;\r\n    --warning-50: #fffaeb;\r\n    --warning-100: #fef0c7;\r\n    --warning-200: #fedf89;\r\n    --warning-300: #fec84b;\r\n    --warning-400: #fdb022;\r\n    --warning-500: #f79009;\r\n    --warning-600: #dc6803;\r\n    --warning-700: #b54708;\r\n    --warning-800: #93370d;\r\n    --warning-900: #7A2e0e;\r\n    --warning-950: #4e1d09;\r\n\r\n    /* success color palette  */\r\n    --success-25: #f6fef9;\r\n    --success-50: #ecfdf3;\r\n    --success-100: #dcfaeb;\r\n    --success-200: #a9efc5;\r\n    --success-300: #75e0a7;\r\n    --success-400: #47cd89;\r\n    --success-500: #17b26a;\r\n    --success-600: #079455;\r\n    --success-700: #067647;\r\n    --success-800: #085d3a;\r\n    --success-900: #074d31;\r\n    --success-950: #053321;\r\n\r\n    /* ------------------------------------------opacity color palette--------------------------------------  */\r\n    /* 20% opacity */\r\n    --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n    --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n    /* 30% opacity */\r\n    --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n    --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n    /* 40% opacity */\r\n    --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n    --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n    /* ------------------------------------------Secondary Color------------------------------------------- */\r\n    /* blueLight color palete */\r\n    --lightBlue-25: #F5FBFF;\r\n    --lightBlue-50: #F0F9FF;\r\n    --lightBlue-100: #E0F2FE;\r\n    --lightBlue-200: #B9E6FE;\r\n    --lightBlue-300: #7CD4FD;\r\n    --lightBlue-400: #7CD4FD;\r\n    --lightBlue-500: #0BA5EC;\r\n    --lightBlue-600: #0086C9;\r\n    --lightBlue-700: #026AA2;\r\n    --lightBlue-800: #065986;\r\n    --lightBlue-900: #0B4A6F;\r\n    --lightBlue-950: #062C41;\r\n   \r\n\r\n    /* blue color palette */\r\n    --blue-25: #ECF5FE;\r\n    --blue-50: #E4F0FC;\r\n    --blue-100: #C8E0F9;\r\n    --blue-200: #9AC7F4;\r\n    --blue-300: #6AA9E7;\r\n    --blue-400: #378FE6;\r\n    --blue-500: #075DB2;\r\n    --blue-600: #064E94;\r\n    --blue-700: #053E77;\r\n    --blue-800: #042F59;\r\n    --blue-900: #022445;\r\n    --blue-950: #021D37;\r\n\r\n    /* Purple color palete */\r\n    --purple-25: #FAFAFF;\r\n    --purple-50: #F4F3FF;\r\n    --purple-100: #EBE9FE;\r\n    --purple-200: #D9D6FE;\r\n    --purple-300: #BDB4FE;\r\n    --purple-400: #9B8AFB;\r\n    --purple-500: #7A5AF8;\r\n    --purple-600: #6938EF;\r\n    --purple-700: #5925DC;\r\n    --purple-800: #4A1FB8;\r\n    --purple-900: #3E1C96;\r\n    --purple-950: #27115F;\r\n\r\n\r\n    /* pink color palette */\r\n    --pink-25: #FEF6FB;\r\n    --pink-50: #FDF2FA;\r\n    --pink-100: #FCE7F6;\r\n    --pink-200: #FCCEEE;\r\n    --pink-300: #FAA7E0;\r\n    --pink-400: #F670C7;\r\n    --pink-500: #EE46BC;\r\n    --pink-600: #DD2590;\r\n    --pink-700: #C11574;\r\n    --pink-800: #9E165F;\r\n    --pink-900: #851651;\r\n    --pink-950: #4E0D30;\r\n\r\n\r\n\r\n    /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n    /* -----------Text Color----------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-text-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-inverse: var(--base-black);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n     [data-theme="light"] {\r\n        --color-text-danger-subtle: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-subtle: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning: var(--warning-600);\r\n    }\r\n\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning: var(--warning-300);\r\n    }\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-subtle: var(--warning-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-subtle: var(--warning-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-subtle: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-subtle: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-subtle: var(--blueLight-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-subtle: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-subtle: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-subtle: var(--blue-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-subtle: var(--purple-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-subtle: var(--purple-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-subtle: var(--pink-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-subtle: var(--pink-400);\r\n    }\r\n\r\n\r\n    /* --------------Link color--------------- */\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-link: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-visited: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-visited: var(--blueLight-300);\r\n    }\r\n\r\n\r\n    /* --------------Icon color--------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-bold: var(--gray-100);\r\n    }\r\n    \r\n    [data-theme="light"] {\r\n        --color-icon: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink: var(--pink-300);\r\n    }\r\n\r\n    /* ----------------Border Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-border-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtle: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtler: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-disabled: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-input: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-input: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-focus: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-focus: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtler: var(--success-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n\r\n\r\n    /* Emmanuel Kadiri starts from background color */\r\n\r\n    /* ----------------Background Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-input: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-input: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-disabled: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-disabled: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-hover: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-hover: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtle: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtler: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtlest: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtlest: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtlest: var(--brandRed-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtlest: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtlest: var(--warning-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtlest: var(--warning-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success: var(--success-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtler: var(--success-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtlest: var(--success-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtlest: var(--success-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-bold: var(--blueLight-800)\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="light"]{\r\n        --color-background-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtlest: var(--blueLight-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtlest: var(--blueLight-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-bold: var(--blue-100)\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-them="light"] {\r\n        --color-background-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtlest: var(--blue-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtlest: var(--blue-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtlest: var(--purple-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtlest: var(--pink-950);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Blanket Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-blanket: var(--darkBlue500-opacity20);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket: var(--darkBlue200-opacity20);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Skeleton Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-skeleton: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-skeleton: var(--gray-800);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Surface Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-surface-bold: var(--gray-25);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-bold: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-hovered: var(--gray-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-hovered: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-pressed: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-pressed: var(--gray-700);\r\n    }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n    --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n    --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n    --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n    --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);   \r\n    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n    --blur-sm: blur(4px);\r\n    --blur-md: blur(8px);\r\n    --blur-lg: blur(12px);\r\n    --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n    box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n    box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n    box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n    box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n    backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n    backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n    backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n    backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n    /* Gray Gradients */\r\n    /* --gray-gradient-600: linear-gradient(); */\r\n    --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n    --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n    --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n    --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n    /* Brand Dark Blue Gradients */\r\n    --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n    --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n    /* Brand Red Gradients */\r\n    --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n    --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n    --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n    --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n    --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n    --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n    /* Blue Gradients */\r\n    --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n    --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n    --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n    --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n    --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n    --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n    background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n    background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n    background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n    background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n    background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n    background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n    background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n    background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n    background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n    background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n    background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n    background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n    background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n    background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n    background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n    background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n    background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n    background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n    background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n    background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n    background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n    background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n    background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n    background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n:root{\r\n    /* h1, p {\r\n        font-size: 1.75rem;\r\n        line-height: 1.25rem;\r\n    }\r\n      \r\n    h1::before, p::before{\r\n        content: "";\r\n        margin-bottom: -0.005em;\r\n        display: table;\r\n    }\r\n      \r\n    h1::after, p::after {\r\n        content: "";\r\n        margin-top: -0.025em;\r\n        display: table;\r\n    } */\r\n}\r\n:root{\r\n    /* Positive spacing */\r\n    --spacing-none: 0rem;\r\n    --spacing-half: 0.125rem;\r\n    --spacing-1: 0.25rem;\r\n    --spacing-2: 0.5rem;\r\n    --spacing-3: 0.75rem;\r\n    --spacing-4: 1rem;\r\n    --spacing-5: 1.25rem;\r\n    --spacing-6: 1.5rem;\r\n    --spacing-7: 2rem;\r\n    --spacing-8: 2.5rem;\r\n    --spacing-12: 3rem;\r\n    --spacing-16: 4rem;\r\n    --spacing-20: 5rem;\r\n    --spacing-24: 6rem;\r\n    --spacing-32: 8rem;\r\n    --spacing-40: 10rem;\r\n    --spacing-48: 12rem;\r\n    --spacing-56: 14rem;\r\n    --spacing-64: 16rem;\r\n\r\n    /* Negative spacing */\r\n\r\n    --spacing-negative-half: -0.125rem;\r\n    --spacing-negative-1: -0.25rem;\r\n    --spacing-negative-2: -0.5rem;\r\n    --spacing-negative-3: -0.75rem;\r\n    --spacing-negative-4: -1rem;\r\n    --spacing-negative-5: -1.25rem;\r\n    --spacing-negative-6: -1.5rem;\r\n    --spacing-negative-7: -2rem;\r\n\r\n    /* Radius  */\r\n    --rounded-none: 0rem;\r\n    --rounded-xs: 0.25rem;\r\n    --rounded-sm: 0.5rem;\r\n    --rounded-md: 0.75rem;\r\n    --rounded-lg: 1rem;\r\n    --rounded-xl: 1.5rem;\r\n    --rounded-2xl: 2rem;\r\n    --rounded-full: 62.438rem;\r\n}\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 4.5rem;\r\n    --font-size-d-xl: 3.75rem;\r\n    --font-size-d-lg: 3rem;\r\n    --font-size-d-md: 2.25rem;\r\n    --font-size-d-sm: 1.875rem;\r\n    --font-size-d-xs: 1.5rem;\r\n    --font-size-t-xl: 1.25rem;\r\n    --font-size-t-lg: 1.125rem;\r\n    --font-size-t-md: 1rem;\r\n    --font-size-t-sm: 0.875rem;\r\n    --font-size-t-xs: 0.75rem;\r\n    --font-size-t-xxs: 0.625rem;\r\n\r\n    /* Font Weights */\r\n    --font-weight-bold: 700;\r\n    --font-weight-semi-bold: 600;\r\n    --font-weight-medium: 500;\r\n    --font-weight-regular: 400; \r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 5rem;\r\n    --font-line-height-d-xl: 4.25rem;\r\n    --font-line-height-d-lg: 3.75rem;\r\n    --font-line-height-d-md: 2.75rem;\r\n    --font-line-height-d-sm: 2.375rem;   \r\n    --font-line-height-d-xs: 2rem;   \r\n    --font-line-height-t-xl: 1.875rem;\r\n    --font-line-height-t-lg: 1.688rem;\r\n    --font-line-height-t-md: 1.5rem;\r\n    --font-line-height-t-sm: 1.313rem;\r\n    --font-line-height-t-xs: 1.125rem;\r\n    --font-line-height-t-xxs: 0.938rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-d-2xl: -0.09rem;\r\n    --font-letter-spacing-d-xl: -0.075rem;\r\n    --font-letter-spacing-d-lg: -0.075rem;\r\n    --font-letter-spacing-d-md: -0.045rem;\r\n    --font-letter-spacing-d-sm: 0;\r\n    --font-letter-spacing-d-xs: 0;\r\n    --font-letter-spacing-d-xxs: 0;\r\n\r\n    /* Font Families */\r\n    --font-family-title: \'Sora\';\r\n    --font-family-body: \'Sora\';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3.75rem;\r\n        --font-size-d-xl: 3.5rem;\r\n        --font-size-d-lg: 2.75rem;\r\n        --font-size-d-md: 2.25rem;\r\n        --font-size-d-sm: 1.875rem;\r\n        --font-size-d-xs: 1.5rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 4.25rem;\r\n        --font-line-height-d-xl: 3.75rem;\r\n        --font-line-height-d-lg: 2.4375rem;\r\n        --font-line-height-d-md: 2.75rem;\r\n        --font-line-height-d-sm: 2.375rem;\r\n        --font-line-height-d-xs: 2rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.075rem;\r\n        --font-letter-spacing-xl: -0.065rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: -0.045rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3rem;\r\n        --font-size-d-xl: 2.5rem;\r\n        --font-size-d-lg: 2rem;\r\n        --font-size-d-md: 1.75rem;\r\n        --font-size-d-sm: 1.5rem;\r\n        --font-size-d-xs: 1.25rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 3.375rem;\r\n        --font-line-height-d-xl: 2.875rem;\r\n        --font-line-height-d-lg: 2.5rem;\r\n        --font-line-height-d-md: 2.1375rem;\r\n        --font-line-height-d-sm: 2rem;\r\n        --font-line-height-d-xs: 1.75rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.06rem;\r\n        --font-letter-spacing-xl: -0.05rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: 0rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n.display-2xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n    margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n    margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n    margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n    margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n    margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n    margin-bottom: -0.199em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n    margin-top: -0.196em;\r\n}\r\n\r\n.text-xs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n    margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.label_pic{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.label{\r\n    width: fit-content;\r\n    display: flex;\r\n    padding: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n/* Label Sizes */\r\n.label.sm{\r\n    gap: 0.625rem;\r\n}\r\n\r\n.label.md{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.lg{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.xl{\r\n    gap: var(--spacing-4);\r\n}\r\n\r\n.label_text{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n::slotted([slot="name"]){\r\n    color: #344054;\r\n}\r\n\r\n::slotted([slot="supporting_text"]){\r\n    color: #697586;\r\n}';const o=t;const d=class{constructor(n){r(this,n);this.size=undefined;this.statusIcon="";this.state=a.Online;this.placeholder=false;this.text=false}getInitialsSize(){switch(this.size){case"xl2":return"display-xs-semi-bold";case"xl":return"text-xl-semi-bold";case"lg":return"text-lg-semi-bold";case"md":return"text-md-semi-bold";case"sm":return"text-sm-semi-bold";case"xs":return"text-xs-semi-bold"}}getNameSize(){switch(this.size){case"xl":return"text-lg-semi-bold";case"lg":return"text-md-semi-bold";case"md":return"text-sm-semi-bold";case"sm":return"text-sm-semi-bold"}}getOtherTextSize(){switch(this.size){case"xl":return"text-md-regular";case"lg":return"text-md-regular";case"md":return"text-sm-regular";case"sm":return"text-xs-regular"}}componentDidLoad(){const r=this.el.querySelector("h1");const n=this.el.querySelector('[slot="name"]');const e=this.el.querySelector('[slot="supporting_text"]');if(r){r.classList.add(this.getInitialsSize())}if(n){n.classList.add(this.getNameSize())}if(e){e.classList.add(this.getOtherTextSize())}}render(){return n("div",{key:"6cdf77ccdf3ea252d58efe1d9da289f8046e2dee",class:`label ${this.size}`},n("div",{key:"77fbe3b86030d979c47b80deb001bfc5f3bcc401",class:"label_pic"},n("gb-avatar",{key:"2146870a4f535e309d52dc737bba852bf26359e5",size:this.size,"status-icon":this.statusIcon,state:this.state,text:this.text,placeholder:this.placeholder},!this.text?n("slot",{name:"image",slot:"image"}):n("slot",{name:"initials",slot:"initials"}))),n("div",{key:"67fca6b3f87cc2f4a76f22a10db206f5cb9775c1",class:"label_text"},n("slot",{key:"45fee56cd2f6447ea77364f7e7f776d10b68b1a9",name:"name"}),n("slot",{key:"8ca7799078893898a9143b836eadac11b9e79d7a",name:"supporting_text"})))}get el(){return e(this)}};d.style=o;export{d as gb_avatar_label_group};
+//# sourceMappingURL=p-d5d413ce.entry.js.map

package/dist/globuscomponents/{p-56b37099.entry.js.map → p-d5d413ce.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["gbAvatarLabelGroupCss","GbAvatarLabelGroupStyle0","GbAvatarLabelGroup","OnlineIndicatorStates","Online","getInitialsSize","this","size","getNameSize","getOtherTextSize","componentDidLoad","slottedInitials","el","querySelector","nameSlot","othersSlot","classList","add","render","h","key","class","statusIcon","state","text","placeholder","name","slot"],"sources":["src/components/gb-avatar-label-group/gb-avatar-label-group.css?tag=gb-avatar-label-group&encapsulation=shadow","src/components/gb-avatar-label-group/gb-avatar-label-group.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typography.css';\r\n\r\n.label_pic{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.label{\r\n    width: fit-content;\r\n    display: flex;\r\n    padding: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n/* Label Sizes */\r\n.label.sm{\r\n    gap: 0.625rem;\r\n}\r\n\r\n.label.md{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.lg{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.xl{\r\n    gap: var(--spacing-4);\r\n}\r\n\r\n.label_text{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n::slotted([slot=\"name\"]){\r\n    color: #344054;\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]){\r\n    color: #697586;\r\n}","import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar-label-group',\r\n    styleUrl: 'gb-avatar-label-group.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatarLabelGroup {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n    @Prop() placeholder: boolean = false;\r\n    @Prop() text: boolean = false;\r\n    @Element() el: HTMLElement;\r\n\r\n    getInitialsSize() {\r\n        switch (this.size) {\r\n            case 'xl2': return 'display-xs-semi-bold';\r\n            case 'xl': return 'text-xl-semi-bold';\r\n            case 'lg': return 'text-lg-semi-bold';\r\n            case 'md': return 'text-md-semi-bold';\r\n            case 'sm': return 'text-sm-semi-bold';\r\n            case 'xs': return 'text-xs-semi-bold';\r\n        }\r\n    }\r\n\r\n    getNameSize() {\r\n        switch (this.size) {\r\n          case 'xl':\r\n            return 'text-lg-semi-bold';\r\n          case 'lg':\r\n            return 'text-md-semi-bold';\r\n          case 'md':\r\n            return 'text-sm-semi-bold';\r\n          case 'sm':\r\n            return 'text-sm-semi-bold';\r\n        }\r\n    }\r\n\r\n    getOtherTextSize() {\r\n        switch (this.size) {\r\n            case 'xl':\r\n                return 'text-md-regular';\r\n            case 'lg':\r\n                return 'text-md-regular';\r\n            case 'md':\r\n                return 'text-sm-regular';\r\n            case 'sm':\r\n                return 'text-xs-regular';\r\n        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const slottedInitials = this.el.querySelector('h1');\r\n        const nameSlot = this.el.querySelector('[slot=\"name\"]');\r\n        const othersSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n    \r\n        if (slottedInitials) {\r\n            slottedInitials.classList.add(this.getInitialsSize());\r\n        }\r\n\r\n        if (nameSlot) {\r\n          nameSlot.classList.add(this.getNameSize());\r\n        }\r\n    \r\n        if (othersSlot) {\r\n          othersSlot.classList.add(this.getOtherTextSize());\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`label ${this.size}`}>\r\n                <div class=\"label_pic\">\r\n                    <gb-avatar\r\n                    size={this.size}\r\n                    status-icon={this.statusIcon}\r\n                    state={this.state}\r\n                    text={this.text}\r\n                    placeholder={this.placeholder}\r\n                    >\r\n                        {!this.text ? (\r\n                            <slot name=\"image\" slot=\"image\"></slot>\r\n                        ) : (\r\n                            <slot name=\"initials\" slot=\"initials\"></slot>\r\n                        )}\r\n                    </gb-avatar>\r\n                </div>\r\n                <div class=\"label_text\">\r\n                    <slot name=\"name\"></slot>\r\n                    <slot name=\"supporting_text\"></slot>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"mappings":"iFAAA,MAAMA,EAAwB,mpjEAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,M,6DAEE,G,WACUC,EAAsBC,O,iBAC9B,M,UACP,K,CAGxB,eAAAC,GACI,OAAQC,KAAKC,MACT,IAAK,MAAO,MAAO,uBACnB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oB,CAI1B,WAAAC,GACI,OAAQF,KAAKC,MACX,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oB,CAIf,gBAAAE,GACI,OAAQH,KAAKC,MACT,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kB,CAInB,gBAAAG,GACI,MAAMC,EAAkBL,KAAKM,GAAGC,cAAc,MAC9C,MAAMC,EAAWR,KAAKM,GAAGC,cAAc,iBACvC,MAAME,EAAaT,KAAKM,GAAGC,cAAc,4BAEzC,GAAIF,EAAiB,CACjBA,EAAgBK,UAAUC,IAAIX,KAAKD,kB,CAGvC,GAAIS,EAAU,CACZA,EAASE,UAAUC,IAAIX,KAAKE,c,CAG9B,GAAIO,EAAY,CACdA,EAAWC,UAAUC,IAAIX,KAAKG,mB,EAIpC,MAAAS,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,SAASf,KAAKC,QACtBY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACPF,EAAA,aAAAC,IAAA,2CACAb,KAAMD,KAAKC,KAAI,cACFD,KAAKgB,WAClBC,MAAOjB,KAAKiB,MACZC,KAAMlB,KAAKkB,KACXC,YAAanB,KAAKmB,cAEZnB,KAAKkB,KACHL,EAAA,QAAMO,KAAK,QAAQC,KAAK,UAExBR,EAAA,QAAMO,KAAK,WAAWC,KAAK,eAIvCR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACPF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,SACXP,EAAA,QAAAC,IAAA,2CAAMM,KAAK,qB","ignoreList":[]}
+{"version":3,"names":["gbAvatarLabelGroupCss","GbAvatarLabelGroupStyle0","GbAvatarLabelGroup","OnlineIndicatorStates","Online","getInitialsSize","this","size","getNameSize","getOtherTextSize","componentDidLoad","slottedInitials","el","querySelector","nameSlot","othersSlot","classList","add","render","h","key","class","statusIcon","state","text","placeholder","name","slot"],"sources":["src/components/gb-avatar-label-group/gb-avatar-label-group.css?tag=gb-avatar-label-group&encapsulation=shadow","src/components/gb-avatar-label-group/gb-avatar-label-group.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typography.css';\r\n\r\n.label_pic{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.label{\r\n    width: fit-content;\r\n    display: flex;\r\n    padding: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n/* Label Sizes */\r\n.label.sm{\r\n    gap: 0.625rem;\r\n}\r\n\r\n.label.md{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.lg{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.xl{\r\n    gap: var(--spacing-4);\r\n}\r\n\r\n.label_text{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n::slotted([slot=\"name\"]){\r\n    color: #344054;\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]){\r\n    color: #697586;\r\n}","import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar-label-group',\r\n    styleUrl: 'gb-avatar-label-group.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatarLabelGroup {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n    @Prop() placeholder: boolean = false;\r\n    @Prop() text: boolean = false;\r\n    @Element() el: HTMLElement;\r\n\r\n    getInitialsSize() {\r\n        switch (this.size) {\r\n            case 'xl2': return 'display-xs-semi-bold';\r\n            case 'xl': return 'text-xl-semi-bold';\r\n            case 'lg': return 'text-lg-semi-bold';\r\n            case 'md': return 'text-md-semi-bold';\r\n            case 'sm': return 'text-sm-semi-bold';\r\n            case 'xs': return 'text-xs-semi-bold';\r\n        }\r\n    }\r\n\r\n    getNameSize() {\r\n        switch (this.size) {\r\n          case 'xl':\r\n            return 'text-lg-semi-bold';\r\n          case 'lg':\r\n            return 'text-md-semi-bold';\r\n          case 'md':\r\n            return 'text-sm-semi-bold';\r\n          case 'sm':\r\n            return 'text-sm-semi-bold';\r\n        }\r\n    }\r\n\r\n    getOtherTextSize() {\r\n        switch (this.size) {\r\n            case 'xl':\r\n                return 'text-md-regular';\r\n            case 'lg':\r\n                return 'text-md-regular';\r\n            case 'md':\r\n                return 'text-sm-regular';\r\n            case 'sm':\r\n                return 'text-xs-regular';\r\n        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const slottedInitials = this.el.querySelector('h1');\r\n        const nameSlot = this.el.querySelector('[slot=\"name\"]');\r\n        const othersSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n    \r\n        if (slottedInitials) {\r\n            slottedInitials.classList.add(this.getInitialsSize());\r\n        }\r\n\r\n        if (nameSlot) {\r\n          nameSlot.classList.add(this.getNameSize());\r\n        }\r\n    \r\n        if (othersSlot) {\r\n          othersSlot.classList.add(this.getOtherTextSize());\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`label ${this.size}`}>\r\n                <div class=\"label_pic\">\r\n                    <gb-avatar\r\n                    size={this.size}\r\n                    status-icon={this.statusIcon}\r\n                    state={this.state}\r\n                    text={this.text}\r\n                    placeholder={this.placeholder}\r\n                    >\r\n                        {!this.text ? (\r\n                            <slot name=\"image\" slot=\"image\"></slot>\r\n                        ) : (\r\n                            <slot name=\"initials\" slot=\"initials\"></slot>\r\n                        )}\r\n                    </gb-avatar>\r\n                </div>\r\n                <div class=\"label_text\">\r\n                    <slot name=\"name\"></slot>\r\n                    <slot name=\"supporting_text\"></slot>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"mappings":"iFAAA,MAAMA,EAAwB,+2pEAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,M,6DAEE,G,WACUC,EAAsBC,O,iBAC9B,M,UACP,K,CAGxB,eAAAC,GACI,OAAQC,KAAKC,MACT,IAAK,MAAO,MAAO,uBACnB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oB,CAI1B,WAAAC,GACI,OAAQF,KAAKC,MACX,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oB,CAIf,gBAAAE,GACI,OAAQH,KAAKC,MACT,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kB,CAInB,gBAAAG,GACI,MAAMC,EAAkBL,KAAKM,GAAGC,cAAc,MAC9C,MAAMC,EAAWR,KAAKM,GAAGC,cAAc,iBACvC,MAAME,EAAaT,KAAKM,GAAGC,cAAc,4BAEzC,GAAIF,EAAiB,CACjBA,EAAgBK,UAAUC,IAAIX,KAAKD,kB,CAGvC,GAAIS,EAAU,CACZA,EAASE,UAAUC,IAAIX,KAAKE,c,CAG9B,GAAIO,EAAY,CACdA,EAAWC,UAAUC,IAAIX,KAAKG,mB,EAIpC,MAAAS,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,SAASf,KAAKC,QACtBY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACPF,EAAA,aAAAC,IAAA,2CACAb,KAAMD,KAAKC,KAAI,cACFD,KAAKgB,WAClBC,MAAOjB,KAAKiB,MACZC,KAAMlB,KAAKkB,KACXC,YAAanB,KAAKmB,cAEZnB,KAAKkB,KACHL,EAAA,QAAMO,KAAK,QAAQC,KAAK,UAExBR,EAAA,QAAMO,KAAK,WAAWC,KAAK,eAIvCR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACPF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,SACXP,EAAA,QAAAC,IAAA,2CAAMM,KAAK,qB","ignoreList":[]}

package/dist/globuscomponents/p-db1ff54c.entry.js

@@ -0,0 +1,2 @@
+import{r,h as n,F as e}from"./p-e8f2fe42.js";import{S as a}from"./p-47052b60.js";const t=':root {\r\n    /* --------------------------------------Primary Colors--------------------------------------------- */\r\n    /* base color palette */\r\n    --base-white: #fff;\r\n    --base-black: #000;\r\n\r\n\r\n    /* gray color palette  */\r\n    --gray-25: #fcfcfd;\r\n    --gray-50: #f6f8fa;\r\n    --gray-100: #eef2f6;\r\n    --gray-200: #e3e8ef;\r\n    --gray-300: #cdd5df;\r\n    --gray-400: #9aa4b2;\r\n    --gray-500: #697586;\r\n    --gray-600: #4b5565;\r\n    --gray-700: #364152;\r\n    --gray-800: #202939;\r\n    --gray-900: #121926;\r\n    --gray-950: #0D121C;\r\n\r\n    /* brand dark blue color palette */\r\n    --brandDarkBlue-25: #F9F9FB;\r\n    --brandDarkBlue-50: #edeef3;\r\n    --brandDarkBlue-100: #d3d5e0;\r\n    --brandDarkBlue-200: #b5b9cc;\r\n    --brandDarkBlue-300: #9095b2;\r\n    --brandDarkBlue-400: #464f7f;\r\n    --brandDarkBlue-500: #212c65;\r\n    --brandDarkBlue-600: #1e285c;\r\n    --brandDarkBlue-700: #1c2554;\r\n    --brandDarkBlue-800: #161d43;\r\n    --brandDarkBlue-900: #0b0f22;\r\n    --brandDarkBlue-950: #070914;\r\n\r\n    /* brand red color palette */\r\n    --brandRed-25: #fffbfa;\r\n    --brandRed-50: #fef1f2;\r\n    --brandRed-100: #fde3e5;\r\n    --brandRed-200: #f9b4ba;\r\n    --brandRed-300: #f68e98;\r\n    --brandRed-400: #f36976;\r\n    --brandRed-500: #e21b2e;\r\n    --brandRed-600: #cc1a2a;\r\n    --brandRed-700: #b51726;\r\n    --brandRed-800: #8c121d;\r\n    --brandRed-900: #680d16;\r\n    --brandRed-950: #3f080d;\r\n\r\n    /* warning color palette */\r\n    --warning-25: #fffcf5;\r\n    --warning-50: #fffaeb;\r\n    --warning-100: #fef0c7;\r\n    --warning-200: #fedf89;\r\n    --warning-300: #fec84b;\r\n    --warning-400: #fdb022;\r\n    --warning-500: #f79009;\r\n    --warning-600: #dc6803;\r\n    --warning-700: #b54708;\r\n    --warning-800: #93370d;\r\n    --warning-900: #7A2e0e;\r\n    --warning-950: #4e1d09;\r\n\r\n    /* success color palette  */\r\n    --success-25: #f6fef9;\r\n    --success-50: #ecfdf3;\r\n    --success-100: #dcfaeb;\r\n    --success-200: #a9efc5;\r\n    --success-300: #75e0a7;\r\n    --success-400: #47cd89;\r\n    --success-500: #17b26a;\r\n    --success-600: #079455;\r\n    --success-700: #067647;\r\n    --success-800: #085d3a;\r\n    --success-900: #074d31;\r\n    --success-950: #053321;\r\n\r\n    /* ------------------------------------------opacity color palette--------------------------------------  */\r\n    /* 20% opacity */\r\n    --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n    --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n    /* 30% opacity */\r\n    --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n    --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n    /* 40% opacity */\r\n    --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n    --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n    /* ------------------------------------------Secondary Color------------------------------------------- */\r\n    /* blueLight color palete */\r\n    --lightBlue-25: #F5FBFF;\r\n    --lightBlue-50: #F0F9FF;\r\n    --lightBlue-100: #E0F2FE;\r\n    --lightBlue-200: #B9E6FE;\r\n    --lightBlue-300: #7CD4FD;\r\n    --lightBlue-400: #7CD4FD;\r\n    --lightBlue-500: #0BA5EC;\r\n    --lightBlue-600: #0086C9;\r\n    --lightBlue-700: #026AA2;\r\n    --lightBlue-800: #065986;\r\n    --lightBlue-900: #0B4A6F;\r\n    --lightBlue-950: #062C41;\r\n   \r\n\r\n    /* blue color palette */\r\n    --blue-25: #ECF5FE;\r\n    --blue-50: #E4F0FC;\r\n    --blue-100: #C8E0F9;\r\n    --blue-200: #9AC7F4;\r\n    --blue-300: #6AA9E7;\r\n    --blue-400: #378FE6;\r\n    --blue-500: #075DB2;\r\n    --blue-600: #064E94;\r\n    --blue-700: #053E77;\r\n    --blue-800: #042F59;\r\n    --blue-900: #022445;\r\n    --blue-950: #021D37;\r\n\r\n    /* Purple color palete */\r\n    --purple-25: #FAFAFF;\r\n    --purple-50: #F4F3FF;\r\n    --purple-100: #EBE9FE;\r\n    --purple-200: #D9D6FE;\r\n    --purple-300: #BDB4FE;\r\n    --purple-400: #9B8AFB;\r\n    --purple-500: #7A5AF8;\r\n    --purple-600: #6938EF;\r\n    --purple-700: #5925DC;\r\n    --purple-800: #4A1FB8;\r\n    --purple-900: #3E1C96;\r\n    --purple-950: #27115F;\r\n\r\n\r\n    /* pink color palette */\r\n    --pink-25: #FEF6FB;\r\n    --pink-50: #FDF2FA;\r\n    --pink-100: #FCE7F6;\r\n    --pink-200: #FCCEEE;\r\n    --pink-300: #FAA7E0;\r\n    --pink-400: #F670C7;\r\n    --pink-500: #EE46BC;\r\n    --pink-600: #DD2590;\r\n    --pink-700: #C11574;\r\n    --pink-800: #9E165F;\r\n    --pink-900: #851651;\r\n    --pink-950: #4E0D30;\r\n\r\n\r\n\r\n    /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n    /* -----------Text Color----------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-text-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-inverse: var(--base-black);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n     [data-theme="light"] {\r\n        --color-text-danger-subtle: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-subtle: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning: var(--warning-600);\r\n    }\r\n\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning: var(--warning-300);\r\n    }\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-subtle: var(--warning-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-subtle: var(--warning-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-subtle: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-subtle: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-subtle: var(--blueLight-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-subtle: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-subtle: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-subtle: var(--blue-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-subtle: var(--purple-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-subtle: var(--purple-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-subtle: var(--pink-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-subtle: var(--pink-400);\r\n    }\r\n\r\n\r\n    /* --------------Link color--------------- */\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-link: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-visited: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-visited: var(--blueLight-300);\r\n    }\r\n\r\n\r\n    /* --------------Icon color--------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-bold: var(--gray-100);\r\n    }\r\n    \r\n    [data-theme="light"] {\r\n        --color-icon: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink: var(--pink-300);\r\n    }\r\n\r\n    /* ----------------Border Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-border-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtle: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtler: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-disabled: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-input: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-input: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-focus: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-focus: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtler: var(--success-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n\r\n\r\n    /* Emmanuel Kadiri starts from background color */\r\n\r\n    /* ----------------Background Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-input: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-input: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-disabled: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-disabled: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-hover: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-hover: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtle: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtler: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtlest: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtlest: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtlest: var(--brandRed-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtlest: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtlest: var(--warning-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtlest: var(--warning-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success: var(--success-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtler: var(--success-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtlest: var(--success-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtlest: var(--success-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-bold: var(--blueLight-800)\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="light"]{\r\n        --color-background-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtlest: var(--blueLight-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtlest: var(--blueLight-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-bold: var(--blue-100)\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-them="light"] {\r\n        --color-background-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtlest: var(--blue-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtlest: var(--blue-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtlest: var(--purple-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtlest: var(--pink-950);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Blanket Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-blanket: var(--darkBlue500-opacity20);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket: var(--darkBlue200-opacity20);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Skeleton Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-skeleton: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-skeleton: var(--gray-800);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Surface Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-surface-bold: var(--gray-25);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-bold: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-hovered: var(--gray-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-hovered: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-pressed: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-pressed: var(--gray-700);\r\n    }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n    --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n    --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n    --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n    --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);   \r\n    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n    --blur-sm: blur(4px);\r\n    --blur-md: blur(8px);\r\n    --blur-lg: blur(12px);\r\n    --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n    box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n    box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n    box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n    box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n    backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n    backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n    backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n    backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n    /* Gray Gradients */\r\n    /* --gray-gradient-600: linear-gradient(); */\r\n    --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n    --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n    --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n    --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n    /* Brand Dark Blue Gradients */\r\n    --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n    --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n    /* Brand Red Gradients */\r\n    --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n    --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n    --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n    --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n    --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n    --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n    /* Blue Gradients */\r\n    --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n    --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n    --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n    --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n    --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n    --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n    background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n    background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n    background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n    background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n    background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n    background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n    background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n    background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n    background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n    background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n    background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n    background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n    background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n    background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n    background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n    background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n    background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n    background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n    background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n    background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n    background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n    background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n    background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n    background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n:root{\r\n    /* h1, p {\r\n        font-size: 1.75rem;\r\n        line-height: 1.25rem;\r\n    }\r\n      \r\n    h1::before, p::before{\r\n        content: "";\r\n        margin-bottom: -0.005em;\r\n        display: table;\r\n    }\r\n      \r\n    h1::after, p::after {\r\n        content: "";\r\n        margin-top: -0.025em;\r\n        display: table;\r\n    } */\r\n}\r\n:root{\r\n    /* Positive spacing */\r\n    --spacing-none: 0rem;\r\n    --spacing-half: 0.125rem;\r\n    --spacing-1: 0.25rem;\r\n    --spacing-2: 0.5rem;\r\n    --spacing-3: 0.75rem;\r\n    --spacing-4: 1rem;\r\n    --spacing-5: 1.25rem;\r\n    --spacing-6: 1.5rem;\r\n    --spacing-7: 2rem;\r\n    --spacing-8: 2.5rem;\r\n    --spacing-12: 3rem;\r\n    --spacing-16: 4rem;\r\n    --spacing-20: 5rem;\r\n    --spacing-24: 6rem;\r\n    --spacing-32: 8rem;\r\n    --spacing-40: 10rem;\r\n    --spacing-48: 12rem;\r\n    --spacing-56: 14rem;\r\n    --spacing-64: 16rem;\r\n\r\n    /* Negative spacing */\r\n\r\n    --spacing-negative-half: -0.125rem;\r\n    --spacing-negative-1: -0.25rem;\r\n    --spacing-negative-2: -0.5rem;\r\n    --spacing-negative-3: -0.75rem;\r\n    --spacing-negative-4: -1rem;\r\n    --spacing-negative-5: -1.25rem;\r\n    --spacing-negative-6: -1.5rem;\r\n    --spacing-negative-7: -2rem;\r\n\r\n    /* Radius  */\r\n    --rounded-none: 0rem;\r\n    --rounded-xs: 0.25rem;\r\n    --rounded-sm: 0.5rem;\r\n    --rounded-md: 0.75rem;\r\n    --rounded-lg: 1rem;\r\n    --rounded-xl: 1.5rem;\r\n    --rounded-2xl: 2rem;\r\n    --rounded-full: 62.438rem;\r\n}\r\n\r\n/* .file_upload_item_base_div{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n} */\r\n\r\n.file_upload_item_base_container {\r\n  display: flex;\r\n  width: 32rem;\r\n  border-radius: var(--rounded-sm);\r\n  padding: var(--spacing-6);\r\n  background-color: var(--color-background-card, #ffffff);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n  border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n  background-color: var(--color-background-disabled, #F6F8FA);\r\n  border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n    flex-direction: row;\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n    flex-direction: column;\r\n}\r\n\r\n.close_button {\r\n  position: absolute;\r\n  top: var(--spacing-4);\r\n  right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n  color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n  background-color: #EEF2F6;\r\n  border-radius: var(--rounded-full);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n  width: var(--spacing-6);\r\n  height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n}\r\n\r\n.default.lg{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.default_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n/* In Progress Styles */\r\n.in_progress_div.md{\r\n  width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n  text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n  width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n  position: absolute;\r\n  top: 45%;\r\n  right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Complete Styles */\r\n.complete{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n  flex-direction: row;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.complete_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n  justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n  align-items: center;\r\n}\r\n\r\n.delete_button{\r\n  position: absolute;\r\n  top: 25%;\r\n  right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n  position: absolute;\r\n  top: 35%;\r\n  right: 1.5rem;\r\n}\r\n\r\n/* Error Styles */\r\n.error{\r\n  background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n  border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n  text-align: center;\r\n}\r\n\r\n.error_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Text Styles*/\r\n.text-sm-semi-bold{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n  content: "";\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n  content: "";\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n  content: "";\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n  margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}';const d=t;const o=class{constructor(n){r(this,n);this.icon=undefined;this.state=undefined;this.heightSize="md";this.fileType=undefined;this.buttonState=a.Default}returnIcons(){switch(this.icon){case"outline":switch(this.fileType){case"pdf":return n("svg",{width:"40",height:"41",viewBox:"0 0 40 41",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z",fill:"white",stroke:"#CDD5DF","stroke-width":"1.5"}),n("path",{d:"M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5",stroke:"#CDD5DF","stroke-width":"1.5"}),n("rect",{x:"0.5",y:"18",width:"27",height:"17",rx:"2",fill:"#E21B2E"}),n("path",{d:"M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z",fill:"white"}))}}}render(){return n("div",{key:"a9589d22049584d4e0a7a49a742c1f743d22182b",class:`file_upload_item_base_container ${this.state} ${this.heightSize}`},this.state==="in_progress"&&n("div",{key:"35e1796f88f430abcd8b0e223e51ff4df71c4079",class:`in_progress_div ${this.heightSize}`},n("div",{key:"0d31b9e6a252e8d1088cd74ad667246bc16e1385",class:"file_icon"}),n("div",{key:"0f63f549b29b2275944c1dd670b62930f8f80a17",class:"in_progress_content"},this.heightSize==="md"&&n(e,null,n("p",{key:"5378a070916a5390dbcff2135441de1218d4d0f3",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"888782289ec642ace661b3031ef54f3ccfae75d2",class:`file_size_text ${this.state} text-sm-regular`},"200 KB"),n("gb-progress-bar",{key:"b2093e1f3009562586d28c8d4bf15137b14ff492",progress:20,"show-label":true,"label-position":"right",class:"progress_bar"}),n("gb-button-close",{key:"72ac79bac462c8d01576f6212751d4ff877237f5",size:"sm",color:"gray",class:"close_button"})),this.heightSize==="lg"&&n(e,null,n("p",{key:"8d48034ab0871f88593ac698fe6fe4690a917a03",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"abb2563536e161dd72a60c0ea2fc74b78f0f91af",class:`file_size_text ${this.state} text-sm-regular`},"200 KB"),n("gb-progress-bar",{key:"af7c7cc5fb73885b0ab3c79cc4cbac88c5d244f6",progress:20,"show-label":true,"label-position":"right",class:"progress_bar"}),n("gb-button-close",{key:"74ef7bd9528fb8e996ffa906f4afd8e8687b95c3",size:"sm",color:"gray",class:"close_button"})))),this.state==="complete"&&n("div",{key:"47985d24bd7ab3acf580e51041a25bb1409cef70",class:`complete ${this.heightSize}`},n("div",{key:"dba1a5c4bc012bc919f8063b2d2389e63094aff2",class:"file_icon"}),n("div",{key:"5ce54893c676a91b8124f11963d54ff1ebf58ca5",class:`complete_content ${this.heightSize}`},this.heightSize==="md"&&n(e,null,n("p",{key:"d8e09c5ab05ac66add48a7d9b6721ad8b4fac4c5",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"4abab0a91e348629cadad0dfd64bed93e798342a",class:`file_size_text ${this.state} text-sm-regular`},"200 KB – 100% uploaded"),n("test-button",{key:"392208b5e7a60b865224bdc27561dce5be52fe17",size:"sm",hierarchy:"tertiary_gray",icon:"only","icon-leading":true,"icon-leading-swap":"delete-02",class:"delete_button"})),this.heightSize==="lg"&&n(e,null,n("p",{key:"ddf870c9b618891175d33a955bf77e6a70d582dc",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"5fa503726aee27aba02888214957a173325f53a8",class:`file_size_text ${this.state} text-sm-regular`},"200 KB – 100% uploaded"),n("test-button",{key:"c3e642d656fae17d63a70c03dde9a68a405de3c0",size:"sm",hierarchy:"tertiary_gray",icon:"default","icon-leading":true,"icon-leading-swap":"delete-02"},n("p",{key:"6c96ba1c0b9ee150eff8b8e7055a45b8855eff57"},"Clear"))))),this.state==="error"&&n("div",{key:"4947c7840888d848ca2dd5b5ad3a9239dffef86f",class:`error ${this.heightSize}`},n("div",{key:"4f2d79de478d12eb39d50a9e741f81181051699e",class:"file_icon"}),n("div",{key:"0ac932c4a1465efe4f537e23f67ac13205e27847",class:"error_content"},this.heightSize==="md"&&n(e,null,n("p",{key:"d4ee05812ae371de5849c703f64a7de84876ad4c",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"318c6de5e5ba40cc86898129630f4ce8a888be45",class:`file_size_text ${this.state} text-sm-regular`},"200 KB – 100% uploaded"),n("gb-button",{key:"0e61db394c8272a54458f3e5889c86b6a3199a61",size:"sm",hierarchy:"link_color",icon:a.Default,destructive:true},n("p",{key:"3389e781b526863d26245d1e44dc08f88df9384e"},"Try again")),n("gb-button",{key:"cebfe5ab9771b131c3ac95e5abd0c640fc468345",size:"sm",hierarchy:"tertiary_gray",icon:"only",destructive:true,"icon-leading":true,"icon-leading-swap":"delete-02",class:"delete_button"})),this.heightSize==="lg"&&n(e,null,n("p",{key:"6e04dc7800bd70f9734f430f386edca55580f675",class:`file_type_text ${this.state} text-sm-medium`},"Tech design requirements.pdf"),n("p",{key:"82b01334021ae6c0f263d3d42a62db32660e69ed",class:`file_size_text ${this.state} text-sm-regular`},"200 KB – 100% uploaded"),n("div",{key:"735fb8e916f1757e4ed51734e39168dd354bb556",class:"btns"},n("test-button",{key:"f914fcff9181efbed32d767126f59e871ed37b50",size:"sm",hierarchy:"tertiary_gray",icon:"default",destructive:true,"icon-leading":true,"icon-leading-swap":"delete-02"},n("p",{key:"68cd10b50940925aa96f5416aef1c68bf9c32a13"},"Clear")),n("div",{key:"74439ded0e85469a58ad967335cb337991ba019f",class:"btn"},n("test-button",{key:"6e29671d62e40423dd3065df4025dcb4b1a18c1d",size:"sm",hierarchy:"link_color",icon:a.Default,destructive:true,class:"btn"},n("p",{key:"92ca82ce20655620cbd2cc9feb189c20b5b6ff1a"},"Try again"))))))))}};o.style=d;export{o as gb_file_upload_item_base};
+//# sourceMappingURL=p-db1ff54c.entry.js.map

package/dist/globuscomponents/{p-5f56a7eb.entry.js.map → p-db1ff54c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["gbFileUploadItemBaseCss","GbFileUploadItemBaseStyle0","GbFileUploadItemBase","StateEnum","Default","returnIcons","this","icon","fileType","h","width","height","viewBox","fill","xmlns","d","stroke","x","y","rx","render","key","class","state","heightSize","Fragment","progress","size","color","hierarchy","destructive"],"sources":["src/components/gb-file-upload-item-base/gb-file-upload-item-base.css?tag=gb-file-upload-item-base&encapsulation=shadow","src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n\r\n/* .file_upload_item_base_div{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n} */\r\n\r\n.file_upload_item_base_container {\r\n  display: flex;\r\n  width: 32rem;\r\n  border-radius: var(--rounded-sm);\r\n  padding: var(--spacing-6);\r\n  background-color: var(--color-background-card, #ffffff);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n  border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n  background-color: var(--color-background-disabled, #F6F8FA);\r\n  border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n    flex-direction: row;\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n    flex-direction: column;\r\n}\r\n\r\n.close_button {\r\n  position: absolute;\r\n  top: var(--spacing-4);\r\n  right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n  color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n  background-color: #EEF2F6;\r\n  border-radius: var(--rounded-full);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n  width: var(--spacing-6);\r\n  height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n}\r\n\r\n.default.lg{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.default_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n/* In Progress Styles */\r\n.in_progress_div.md{\r\n  width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n  text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n  width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n  position: absolute;\r\n  top: 45%;\r\n  right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Complete Styles */\r\n.complete{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n  flex-direction: row;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.complete_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n  justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n  align-items: center;\r\n}\r\n\r\n.delete_button{\r\n  position: absolute;\r\n  top: 25%;\r\n  right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n  position: absolute;\r\n  top: 35%;\r\n  right: 1.5rem;\r\n}\r\n\r\n/* Error Styles */\r\n.error{\r\n  background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n  border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n  text-align: center;\r\n}\r\n\r\n.error_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Text Styles*/\r\n.text-sm-semi-bold{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n  margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}","import { Component, h, Prop, Fragment } from '@stencil/core';\r\nimport { FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-file-upload-item-base',\r\n  styleUrl: 'gb-file-upload-item-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n  @Prop() icon: FileUploadIconType;\r\n  @Prop() state: FileUploadStates;\r\n  @Prop() heightSize: GeneralSizes = 'md';\r\n  @Prop() fileType: 'pdf' | 'png' | 'jpg' | 'doc' | 'mp4';\r\n  @Prop() buttonState: StateEnum = StateEnum.Default;\r\n\r\n  returnIcons() {\r\n    switch (this.icon) {\r\n      case 'outline':\r\n        switch (this.fileType) {\r\n          case 'pdf':\r\n            return (\r\n              <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z\"\r\n                  fill=\"white\"\r\n                  stroke=\"#CDD5DF\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path d=\"M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" />\r\n                <rect x=\"0.5\" y=\"18\" width=\"27\" height=\"17\" rx=\"2\" fill=\"#E21B2E\" />\r\n                <path\r\n                  d=\"M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z\"\r\n                  fill=\"white\"\r\n                />\r\n              </svg>\r\n            );\r\n        }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n        {this.state === 'in_progress' && (\r\n          <div class={`in_progress_div ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"in_progress_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'complete' && (\r\n          <div class={`complete ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class={`complete_content ${this.heightSize}`}>\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\" \r\n                  class=\"delete_button\"\r\n                  ></test-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"default\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\">\r\n                    <p>Clear</p>\r\n                  </test-button>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'error' && (\r\n          <div class={`error ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"error_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"link_color\" \r\n                  icon={StateEnum.Default} \r\n                  destructive={true}>\r\n                    <p>Try again</p>\r\n                  </gb-button>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" destructive={true} \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\"\r\n                  class=\"delete_button\"\r\n                  ></gb-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <div class=\"btns\">\r\n                    <test-button size=\"sm\" \r\n                    hierarchy=\"tertiary_gray\" \r\n                    icon=\"default\" \r\n                    destructive={true} \r\n                    icon-leading={true} \r\n                    icon-leading-swap=\"delete-02\">\r\n                      <p>Clear</p>\r\n                    </test-button>\r\n                    <div class=\"btn\">\r\n                      <test-button \r\n                      size=\"sm\" \r\n                      hierarchy=\"link_color\" \r\n                      icon={StateEnum.Default} \r\n                      destructive={true} \r\n                      class=\"btn\">\r\n                        <p>Try again</p>\r\n                      </test-button>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"iFAAA,MAAMA,EAA0B,svgDAChC,MAAAC,EAAeD,E,MCOFE,EAAoB,M,kFAGI,K,yCAEFC,EAAUC,O,CAE3C,WAAAC,GACE,OAAQC,KAAKC,MACX,IAAK,UACH,OAAQD,KAAKE,UACX,IAAK,MACH,OACEC,EAAA,OAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEL,EAAA,QACEM,EAAE,8OACFF,KAAK,QACLG,OAAO,UAAS,eACH,QAEfP,EAAA,QAAMM,EAAE,iDAAiDC,OAAO,UAAS,eAAc,QACvFP,EAAA,QAAMQ,EAAE,MAAMC,EAAE,KAAKR,MAAM,KAAKC,OAAO,KAAKQ,GAAG,IAAIN,KAAK,YACxDJ,EAAA,QACEM,EAAE,6hDACFF,KAAK,Y,CAQrB,MAAAO,GACE,OACEX,EAAA,OAAAY,IAAA,2CAAKC,MAAO,mCAAmChB,KAAKiB,SAASjB,KAAKkB,cAC/DlB,KAAKiB,QAAU,eACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,mBAAmBhB,KAAKkB,cAClCf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAM,uBACRhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,UACxDd,EAAA,mBAAAY,IAAA,2CAAiBK,SAAU,GAAE,aAAc,KAAI,iBAAiB,QAAQJ,MAAM,iBAC9Eb,EAAA,mBAAAY,IAAA,2CAAiBM,KAAK,KAAKC,MAAM,OAAON,MAAM,kBAGjDhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,UACxDd,EAAA,mBAAAY,IAAA,2CAAiBK,SAAU,GAAE,aAAc,KAAI,iBAAiB,QAAQJ,MAAM,iBAC9Eb,EAAA,mBAAAY,IAAA,2CAAiBM,KAAK,KAAKC,MAAM,OAAON,MAAM,oBAMvDhB,KAAKiB,QAAU,YACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,YAAYhB,KAAKkB,cAC3Bf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAO,oBAAoBhB,KAAKkB,cAClClB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,eAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,gBACVtB,KAAK,OAAM,eACG,KAAI,oBACA,YAClBe,MAAM,mBAIThB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,eAAAY,IAAA,2CAAaM,KAAK,KAClBE,UAAU,gBACVtB,KAAK,UAAS,eACA,KAAI,oBACA,aAChBE,EAAA,KAAAY,IAAA,yDAOXf,KAAKiB,QAAU,SACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,SAAShB,KAAKkB,cACxBf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAM,iBACRhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,aAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,aACVtB,KAAMJ,EAAUC,QAChB0B,YAAa,MACXrB,EAAA,KAAAY,IAAA,0DAEFZ,EAAA,aAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,gBACVtB,KAAK,OAAOuB,YAAa,KAAI,eACf,KAAI,oBACA,YAClBR,MAAM,mBAIThB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,OAAAY,IAAA,2CAAKC,MAAM,QACTb,EAAA,eAAAY,IAAA,2CAAaM,KAAK,KAClBE,UAAU,gBACVtB,KAAK,UACLuB,YAAa,KAAI,eACH,KAAI,oBACA,aAChBrB,EAAA,KAAAY,IAAA,sDAEFZ,EAAA,OAAAY,IAAA,2CAAKC,MAAM,OACTb,EAAA,eAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,aACVtB,KAAMJ,EAAUC,QAChB0B,YAAa,KACbR,MAAM,OACJb,EAAA,KAAAY,IAAA,+D","ignoreList":[]}
+{"version":3,"names":["gbFileUploadItemBaseCss","GbFileUploadItemBaseStyle0","GbFileUploadItemBase","StateEnum","Default","returnIcons","this","icon","fileType","h","width","height","viewBox","fill","xmlns","d","stroke","x","y","rx","render","key","class","state","heightSize","Fragment","progress","size","color","hierarchy","destructive"],"sources":["src/components/gb-file-upload-item-base/gb-file-upload-item-base.css?tag=gb-file-upload-item-base&encapsulation=shadow","src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n\r\n/* .file_upload_item_base_div{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n} */\r\n\r\n.file_upload_item_base_container {\r\n  display: flex;\r\n  width: 32rem;\r\n  border-radius: var(--rounded-sm);\r\n  padding: var(--spacing-6);\r\n  background-color: var(--color-background-card, #ffffff);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n  border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n  background-color: var(--color-background-disabled, #F6F8FA);\r\n  border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n    flex-direction: row;\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n    flex-direction: column;\r\n}\r\n\r\n.close_button {\r\n  position: absolute;\r\n  top: var(--spacing-4);\r\n  right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n  color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n  background-color: #EEF2F6;\r\n  border-radius: var(--rounded-full);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n  width: var(--spacing-6);\r\n  height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n}\r\n\r\n.default.lg{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.default_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n/* In Progress Styles */\r\n.in_progress_div.md{\r\n  width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n  text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n  width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n  position: absolute;\r\n  top: 45%;\r\n  right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Complete Styles */\r\n.complete{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n  flex-direction: row;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.complete_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n  justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n  align-items: center;\r\n}\r\n\r\n.delete_button{\r\n  position: absolute;\r\n  top: 25%;\r\n  right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n  position: absolute;\r\n  top: 35%;\r\n  right: 1.5rem;\r\n}\r\n\r\n/* Error Styles */\r\n.error{\r\n  background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n  border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n  text-align: center;\r\n}\r\n\r\n.error_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Text Styles*/\r\n.text-sm-semi-bold{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n  margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}","import { Component, h, Prop, Fragment } from '@stencil/core';\r\nimport { FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-file-upload-item-base',\r\n  styleUrl: 'gb-file-upload-item-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n  @Prop() icon: FileUploadIconType;\r\n  @Prop() state: FileUploadStates;\r\n  @Prop() heightSize: GeneralSizes = 'md';\r\n  @Prop() fileType: 'pdf' | 'png' | 'jpg' | 'doc' | 'mp4';\r\n  @Prop() buttonState: StateEnum = StateEnum.Default;\r\n\r\n  returnIcons() {\r\n    switch (this.icon) {\r\n      case 'outline':\r\n        switch (this.fileType) {\r\n          case 'pdf':\r\n            return (\r\n              <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z\"\r\n                  fill=\"white\"\r\n                  stroke=\"#CDD5DF\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path d=\"M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" />\r\n                <rect x=\"0.5\" y=\"18\" width=\"27\" height=\"17\" rx=\"2\" fill=\"#E21B2E\" />\r\n                <path\r\n                  d=\"M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z\"\r\n                  fill=\"white\"\r\n                />\r\n              </svg>\r\n            );\r\n        }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n        {this.state === 'in_progress' && (\r\n          <div class={`in_progress_div ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"in_progress_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'complete' && (\r\n          <div class={`complete ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class={`complete_content ${this.heightSize}`}>\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\" \r\n                  class=\"delete_button\"\r\n                  ></test-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"default\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\">\r\n                    <p>Clear</p>\r\n                  </test-button>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'error' && (\r\n          <div class={`error ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"error_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"link_color\" \r\n                  icon={StateEnum.Default} \r\n                  destructive={true}>\r\n                    <p>Try again</p>\r\n                  </gb-button>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" destructive={true} \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\"\r\n                  class=\"delete_button\"\r\n                  ></gb-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <div class=\"btns\">\r\n                    <test-button size=\"sm\" \r\n                    hierarchy=\"tertiary_gray\" \r\n                    icon=\"default\" \r\n                    destructive={true} \r\n                    icon-leading={true} \r\n                    icon-leading-swap=\"delete-02\">\r\n                      <p>Clear</p>\r\n                    </test-button>\r\n                    <div class=\"btn\">\r\n                      <test-button \r\n                      size=\"sm\" \r\n                      hierarchy=\"link_color\" \r\n                      icon={StateEnum.Default} \r\n                      destructive={true} \r\n                      class=\"btn\">\r\n                        <p>Try again</p>\r\n                      </test-button>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"iFAAA,MAAMA,EAA0B,iiiDAChC,MAAAC,EAAeD,E,MCOFE,EAAoB,M,kFAGI,K,yCAEFC,EAAUC,O,CAE3C,WAAAC,GACE,OAAQC,KAAKC,MACX,IAAK,UACH,OAAQD,KAAKE,UACX,IAAK,MACH,OACEC,EAAA,OAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEL,EAAA,QACEM,EAAE,8OACFF,KAAK,QACLG,OAAO,UAAS,eACH,QAEfP,EAAA,QAAMM,EAAE,iDAAiDC,OAAO,UAAS,eAAc,QACvFP,EAAA,QAAMQ,EAAE,MAAMC,EAAE,KAAKR,MAAM,KAAKC,OAAO,KAAKQ,GAAG,IAAIN,KAAK,YACxDJ,EAAA,QACEM,EAAE,6hDACFF,KAAK,Y,CAQrB,MAAAO,GACE,OACEX,EAAA,OAAAY,IAAA,2CAAKC,MAAO,mCAAmChB,KAAKiB,SAASjB,KAAKkB,cAC/DlB,KAAKiB,QAAU,eACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,mBAAmBhB,KAAKkB,cAClCf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAM,uBACRhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,UACxDd,EAAA,mBAAAY,IAAA,2CAAiBK,SAAU,GAAE,aAAc,KAAI,iBAAiB,QAAQJ,MAAM,iBAC9Eb,EAAA,mBAAAY,IAAA,2CAAiBM,KAAK,KAAKC,MAAM,OAAON,MAAM,kBAGjDhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,UACxDd,EAAA,mBAAAY,IAAA,2CAAiBK,SAAU,GAAE,aAAc,KAAI,iBAAiB,QAAQJ,MAAM,iBAC9Eb,EAAA,mBAAAY,IAAA,2CAAiBM,KAAK,KAAKC,MAAM,OAAON,MAAM,oBAMvDhB,KAAKiB,QAAU,YACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,YAAYhB,KAAKkB,cAC3Bf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAO,oBAAoBhB,KAAKkB,cAClClB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,eAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,gBACVtB,KAAK,OAAM,eACG,KAAI,oBACA,YAClBe,MAAM,mBAIThB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,eAAAY,IAAA,2CAAaM,KAAK,KAClBE,UAAU,gBACVtB,KAAK,UAAS,eACA,KAAI,oBACA,aAChBE,EAAA,KAAAY,IAAA,yDAOXf,KAAKiB,QAAU,SACdd,EAAA,OAAAY,IAAA,2CAAKC,MAAO,SAAShB,KAAKkB,cACxBf,EAAA,OAAAY,IAAA,2CAAKC,MAAM,cACXb,EAAA,OAAAY,IAAA,2CAAKC,MAAM,iBACRhB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,aAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,aACVtB,KAAMJ,EAAUC,QAChB0B,YAAa,MACXrB,EAAA,KAAAY,IAAA,0DAEFZ,EAAA,aAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,gBACVtB,KAAK,OAAOuB,YAAa,KAAI,eACf,KAAI,oBACA,YAClBR,MAAM,mBAIThB,KAAKkB,aAAe,MACnBf,EAAAgB,EAAA,KACEhB,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,wBAAsB,gCACvDd,EAAA,KAAAY,IAAA,2CAAGC,MAAO,kBAAkBhB,KAAKiB,yBAAuB,0BACxDd,EAAA,OAAAY,IAAA,2CAAKC,MAAM,QACTb,EAAA,eAAAY,IAAA,2CAAaM,KAAK,KAClBE,UAAU,gBACVtB,KAAK,UACLuB,YAAa,KAAI,eACH,KAAI,oBACA,aAChBrB,EAAA,KAAAY,IAAA,sDAEFZ,EAAA,OAAAY,IAAA,2CAAKC,MAAM,OACTb,EAAA,eAAAY,IAAA,2CACAM,KAAK,KACLE,UAAU,aACVtB,KAAMJ,EAAUC,QAChB0B,YAAa,KACbR,MAAM,OACJb,EAAA,KAAAY,IAAA,+D","ignoreList":[]}

package/dist/globuscomponents/{p-d725876d.js → p-e8f2fe42.js}

@@ -1,3 +1,3 @@
-const e="globuscomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var o=(e,t)=>l.set(t.t=e,t);var i=(e,t)=>{const r={l:0,$hostElement$:e,o:t,i:new Map};{r.u=new Promise((e=>r.v=e))}{r.p=new Promise((e=>r.h=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=(()=>{let e=false;try{m.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var w=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var S=[];var k=[];var C=(e,t)=>r=>{e.push(r);if(!$){$=true;if(t&&y.l&4){x(O)}else{y.raf(O)}}};var j=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{j(S);{j(k);if($=S.length>0){y.raf(O)}}};var x=e=>w().then(e);var T=C(k,true);var L=e=>{const t=new URL(e,y.S);return t.origin!==h.location.origin?t.href:t.pathname};var R={};var E="http://www.w3.org/2000/svg";var D="http://www.w3.org/1999/xhtml";var F=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P={};n(P,{err:()=>U,map:()=>W,ok:()=>N,unwrap:()=>H,unwrapErr:()=>z});var N=e=>({isOk:true,isErr:false,value:e});var U=e=>({isOk:false,isErr:true,value:e});function W(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>N(e)))}else{return N(r)}}if(e.isErr){const t=e.value;return U(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var Q=(e,t,...r)=>{let n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!M(n)){n=String(n)}if(o&&i){a[a.length-1].k+=n}else{a.push(o?q(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,V)}const c=q(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=l}{c.T=s}return c};var q=(e,t)=>{const r={l:0,L:e,k:t,R:null,j:null};{r.C=null}{r.O=null}{r.T=null}return r};var G={};var K=e=>e&&e.L===G;var V={forEach:(e,t)=>e.map(X).forEach(t),map:(e,t)=>e.map(X).map(t).map(_)};var X=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.L,vtext:e.k});var _=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return Q(e.vtag,t,...e.vchildren||[])}const t=q(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var J=(e,t)=>{if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Y=e=>s(e).$hostElement$;var Z=(e,t,r)=>{const n=Y(e);return{emit:e=>ee(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ee=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var te=new WeakMap;var re=(e,t,r)=>{let n=v.get(e);if(g&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ne=(e,t,r)=>{var n;const l=se(t);const s=v.get(l);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=te.get(e);let o;if(!r){te.set(e,r=new Set)}if(!r.has(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n:A(m);if(r!=null){o.setAttribute("nonce",r)}const l=!(t.l&1)||t.l&1&&e.nodeName!=="HEAD";if(l){e.insertBefore(o,e.querySelector("link"))}}if(t.l&4){o.innerHTML+=p}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var le=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=B("attachStyles",t.m);const s=ne(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var se=(e,t)=>"sc-"+e.m;var oe=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ae(r);const s=ae(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(fe);t=t.replace(ce,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=M(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var ie=/\s/;var ae=e=>!e?[]:e.split(ie);var fe="Capture";var ce=new RegExp(fe+"$");var ue=(e,t,r)=>{const n=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const l=e&&e.C||R;const s=t.C||R;{for(const e of ve(Object.keys(l))){if(!(e in s)){oe(n,e,l[e],void 0,r,t.l)}}}for(const e of ve(Object.keys(s))){oe(n,e,l[e],s[e],r,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var pe;var he;var me=false;var ye=false;var be=false;var we=false;var ge=(e,r,n,l)=>{var s;const o=r.j[n];let i=0;let a;let f;let c;if(!me){be=true;if(o.L==="slot"){if(de){l.classList.add(de+"-s")}o.l|=o.j?2:1}}if(o.k!==null){a=o.R=m.createTextNode(o.k)}else if(o.l&1){a=o.R=m.createTextNode("")}else{if(!we){we=o.L==="svg"}a=o.R=m.createElementNS(we?E:D,!me&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(we&&o.L==="foreignObject"){we=false}{ue(null,o,we)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&F(de)&&a["s-si"]!==de){a.classList.add(a["s-si"]=de)}if(o.j){for(i=0;i<o.j.length;++i){f=ge(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.L==="svg"){we=false}else if(a.tagName==="foreignObject"){we=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=pe;a["s-sn"]=o.T||"";a["s-rf"]=(s=o.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.L===o.L&&e.R){{$e(e.R,false)}}}}return a};var $e=(e,r)=>{y.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==he&&t["s-ol"]){Me(xe(t),t,Oe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;be=true}if(r){$e(t,r)}}y.l&=~1};var Se=(e,t,r,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===he){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=ge(null,r,l,e);if(i){n[l].R=i;Me(o,i,Oe(t))}}}};var ke=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.R;Fe(t);if(e){{ye=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Ce=(e,t,r,n,l=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(je(c,d,l)){Te(c,d,l);c=t[++s];d=n[++o]}else if(je(u,p,l)){Te(u,p,l);u=t[--f];p=n[--v]}else if(je(c,p,l)){if(c.L==="slot"||p.L==="slot"){$e(c.R.parentNode,false)}Te(c,p,l);Me(e,c.R,u.R.nextSibling);c=t[++s];p=n[--v]}else if(je(u,d,l)){if(c.L==="slot"||p.L==="slot"){$e(u.R.parentNode,false)}Te(u,d,l);Me(e,u.R,c.R);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.L!==d.L){h=ge(t&&t[o],r,i,e)}else{Te(m,d,l);t[i]=void 0;h=m.R}d=n[++o]}else{h=ge(t&&t[o],r,o,e);d=n[++o]}if(h){{Me(xe(c.R),h,Oe(c.R))}}}}if(s>f){Se(e,n[v+1]==null?null:n[v+1].R,r,n,o,v)}else if(o>v){ke(t,s,f)}};var je=(e,t,r=false)=>{if(e.L===t.L){if(e.L==="slot"){if("F"in e&&r&&e.R.nodeType!==8){return false}return e.T===t.T}if(!r){return e.O===t.O}return true}return false};var Oe=e=>e&&e["s-ol"]||e;var xe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Te=(e,r,n=false)=>{const l=r.R=e.R;const s=e.j;const o=r.j;const i=r.L;const a=r.k;let f;if(a===null){{we=i==="svg"?true:i==="foreignObject"?false:we}{if(i==="slot"&&!me);else{ue(e,r,we)}}if(s!==null&&o!==null){Ce(l,s,r,o,n)}else if(o!==null){if(e.k!==null){l.textContent=""}Se(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){ke(s,0,s.length-1)}if(we&&i==="svg"){we=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){l.data=a}};var Le=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Le(e)}}};var Re=[];var Ee=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(De(r,e)){let t=Re.find((e=>e.M===r));ye=true;r["s-sn"]=r["s-sn"]||e;if(t){t.M["s-sh"]=s["s-hn"];t.A=s}else{r["s-sh"]=s["s-hn"];Re.push({A:s,M:r})}if(r["s-sr"]){Re.map((e=>{if(De(e.M,r["s-sn"])){t=Re.find((e=>e.M===r));if(t&&!e.A){e.A=t.A}}}))}}else if(!Re.some((e=>e.M===r))){Re.push({M:r})}}}}if(s.nodeType===1){Ee(s)}}};var De=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ae=(e,t,r=false)=>{var n,l,s,o;const i=e.$hostElement$;const a=e.o;const f=e.P||q(null,null);const c=K(t)?t:Q(null,null,t);he=i.tagName;if(r&&c.C){for(const e of Object.keys(c.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=i[e]}}}c.L=null;c.l|=4;e.P=c;c.R=f.R=i.shadowRoot||i;{de=i["s-sc"]}me=(a.l&1)!==0;{pe=i["s-cr"];ye=false}Te(f,c,r);{y.l|=1;if(be){Ee(c.R);for(const e of Re){const t=e.M;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Re){const t=e.M;const i=e.A;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(ye){Le(c.R)}y.l&=~1;Re.length=0}pe=void 0};var Pe=(e,t)=>{if(t&&!e.N&&t["s-p"]){t["s-p"].push(new Promise((t=>e.N=t)))}};var Ne=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.U);const r=()=>Ue(e,t);return T(r)};var Ue=(e,t)=>{const r=e.$hostElement$;const n=B("scheduleUpdate",e.o.m);const l=e.t;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.W){e.W.map((([e,t])=>qe(l,e,t)));e.W=void 0}}{s=qe(l,"componentWillLoad")}}n();return We(s,(()=>ze(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ze=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=B("update",e.o.m);const o=l["s-rc"];if(r){le(e)}const i=B("render",e.o.m);{Be(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ie(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Be=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ae(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ie=e=>{const t=e.o.m;const r=e.$hostElement$;const n=B("postUpdate",t);const l=e.t;const s=e.U;if(!(e.l&64)){e.l|=64;{Ge(r)}{qe(l,"componentDidLoad")}n();{e.h(r);if(!s){Qe()}}}else{n()}{e.v(r)}{if(e.N){e.N();e.N=void 0}if(e.l&512){x((()=>Ne(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(m.documentElement)}x((()=>ee(h,"appload",{detail:{namespace:e}})))};var qe=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ke=(e,t)=>s(e).i.get(t);var Ve=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=l.i.get(t);const i=l.l;const a=l.t;r=J(r,n.H[t][0]);const f=Number.isNaN(o)&&Number.isNaN(r);const c=r!==o&&!f;if((!(i&8)||o===void 0)&&c){l.i.set(t,r);if(a){if((i&(2|16))===2){Ne(l,false)}}}};var Xe=(e,r,n)=>{var l,o;const i=e.prototype;if(r.H||t.watchCallback){const t=Object.entries((l=r.H)!=null?l:{});t.map((([e,[t]])=>{if(t&31||n&2&&t&32){Object.defineProperty(i,e,{get(){return Ke(this,e)},set(t){Ve(this,e,t,r)},configurable:true,enumerable:true})}else if(n&1&&t&64){Object.defineProperty(i,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,t,l){y.jmp((()=>{var o;const a=n.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const n=s(this);const i=n==null?void 0:n.l;if(i&&!(i&8)&&i&128&&l!==t){const s=n.t;const i=(o=r.B)==null?void 0:o[e];i==null?void 0:i.forEach((r=>{if(s[r]!=null){s[r].call(s,l,t,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=r.B)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const r=t[1]||e;n.set(r,e);return r}))]))}}return e};var _e=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=I();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.I}" was not found`)}if(!l.isProxied){Xe(l,r,2);l.isProxied=true}const n=B("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}n()}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=se(r);if(!v.has(t)){const n=B("registerStyles",r.m);re(t,e,!!(r.l&1));n()}}}const s=t.U;const o=()=>Ne(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Je=e=>{};var Ye=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const n=B("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){Ze(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Pe(t,t.U=r);break}}}if(r.H){Object.entries(r.H).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{_e(e,t,r)}}else{lt(e,t,r.q);if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>Je()))}}n()}};var Ze=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var et=e=>{};var tt=async e=>{if((y.l&1)===0){const t=s(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>et()))}}};var rt=(e,t={})=>{var r;const n=B();const l=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{const r={l:t[0],m:t[1],H:t[2],q:t[3]};if(r.l&4){g=true}{r.H=t[2]}{r.q=t[3]}const n=r.m;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,r.q)}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Ye(this)))}}disconnectedCallback(){y.jmp((()=>tt(this)))}componentOnReady(){return s(this).p}};r.$=e[0];if(!o.includes(n)&&!a.get(n)){l.push(n);a.define(n,Xe(f,r,1))}}))}));if(l.length>0){if(g){u.textContent+=p}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:A(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Qe,30)))}}n()};var nt=(e,t)=>t;var lt=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=e;const o=st(t,l);const i=ot(r);y.ael(s,n,o,i);(t.G=t.G||[]).push((()=>y.rel(s,n,o,i)))}))}};var st=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.W=e.W||[]).push([t,r])}}}catch(e){f(e)}};var ot=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var it=e=>y.D=e;export{nt as F,L as a,rt as b,Z as c,Y as g,Q as h,w as p,o as r,it as s};
-//# sourceMappingURL=p-d725876d.js.map
+const e="globuscomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var o=(e,t)=>l.set(t.t=e,t);var i=(e,t)=>{const r={l:0,$hostElement$:e,o:t,i:new Map};{r.u=new Promise((e=>r.v=e))}{r.p=new Promise((e=>r.h=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=(()=>{let e=false;try{m.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var w=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var S=[];var k=[];var C=(e,t)=>r=>{e.push(r);if(!$){$=true;if(t&&y.l&4){x(O)}else{y.raf(O)}}};var j=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{j(S);{j(k);if($=S.length>0){y.raf(O)}}};var x=e=>w().then(e);var T=C(k,true);var L=e=>{const t=new URL(e,y.S);return t.origin!==h.location.origin?t.href:t.pathname};var R={};var D="http://www.w3.org/2000/svg";var E="http://www.w3.org/1999/xhtml";var F=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P={};n(P,{err:()=>N,map:()=>W,ok:()=>U,unwrap:()=>H,unwrapErr:()=>z});var U=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function W(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>U(e)))}else{return U(r)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var Q=(e,t,...r)=>{let n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!M(n)){n=String(n)}if(o&&i){a[a.length-1].k+=n}else{a.push(o?q(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,V)}const c=q(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=l}{c.T=s}return c};var q=(e,t)=>{const r={l:0,L:e,k:t,R:null,j:null};{r.C=null}{r.O=null}{r.T=null}return r};var G={};var K=e=>e&&e.L===G;var V={forEach:(e,t)=>e.map(X).forEach(t),map:(e,t)=>e.map(X).map(t).map(_)};var X=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.L,vtext:e.k});var _=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return Q(e.vtag,t,...e.vchildren||[])}const t=q(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var J=(e,t)=>{if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Y=e=>s(e).$hostElement$;var Z=(e,t,r)=>{const n=Y(e);return{emit:e=>ee(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ee=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var te=new WeakMap;var re=(e,t,r)=>{let n=v.get(e);if(g&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ne=(e,t,r)=>{var n;const l=se(t);const s=v.get(l);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=te.get(e);let o;if(!r){te.set(e,r=new Set)}if(!r.has(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n:A(m);if(r!=null){o.setAttribute("nonce",r)}const l=!(t.l&1)||t.l&1&&e.nodeName!=="HEAD";if(l){e.insertBefore(o,e.querySelector("link"))}}if(t.l&4){o.innerHTML+=p}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var le=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=B("attachStyles",t.m);const s=ne(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var se=(e,t)=>"sc-"+e.m;var oe=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ae(r);const s=ae(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(fe);t=t.replace(ce,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=M(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var ie=/\s/;var ae=e=>!e?[]:e.split(ie);var fe="Capture";var ce=new RegExp(fe+"$");var ue=(e,t,r)=>{const n=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const l=e&&e.C||R;const s=t.C||R;{for(const e of ve(Object.keys(l))){if(!(e in s)){oe(n,e,l[e],void 0,r,t.l)}}}for(const e of ve(Object.keys(s))){oe(n,e,l[e],s[e],r,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var pe;var he;var me=false;var ye=false;var be=false;var we=false;var ge=(e,r,n,l)=>{var s;const o=r.j[n];let i=0;let a;let f;let c;if(!me){be=true;if(o.L==="slot"){if(de){l.classList.add(de+"-s")}o.l|=o.j?2:1}}if(o.k!==null){a=o.R=m.createTextNode(o.k)}else if(o.l&1){a=o.R=m.createTextNode("")}else{if(!we){we=o.L==="svg"}a=o.R=m.createElementNS(we?D:E,!me&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(we&&o.L==="foreignObject"){we=false}{ue(null,o,we)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&F(de)&&a["s-si"]!==de){a.classList.add(a["s-si"]=de)}if(o.j){for(i=0;i<o.j.length;++i){f=ge(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.L==="svg"){we=false}else if(a.tagName==="foreignObject"){we=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=pe;a["s-sn"]=o.T||"";a["s-rf"]=(s=o.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.L===o.L&&e.R){{$e(e.R,false)}}}}return a};var $e=(e,r)=>{y.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==he&&t["s-ol"]){Me(xe(t),t,Oe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;be=true}if(r){$e(t,r)}}y.l&=~1};var Se=(e,t,r,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===he){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=ge(null,r,l,e);if(i){n[l].R=i;Me(o,i,Oe(t))}}}};var ke=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.R;Fe(t);if(e){{ye=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Ce=(e,t,r,n,l=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(je(c,d,l)){Te(c,d,l);c=t[++s];d=n[++o]}else if(je(u,p,l)){Te(u,p,l);u=t[--f];p=n[--v]}else if(je(c,p,l)){if(c.L==="slot"||p.L==="slot"){$e(c.R.parentNode,false)}Te(c,p,l);Me(e,c.R,u.R.nextSibling);c=t[++s];p=n[--v]}else if(je(u,d,l)){if(c.L==="slot"||p.L==="slot"){$e(u.R.parentNode,false)}Te(u,d,l);Me(e,u.R,c.R);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.L!==d.L){h=ge(t&&t[o],r,i,e)}else{Te(m,d,l);t[i]=void 0;h=m.R}d=n[++o]}else{h=ge(t&&t[o],r,o,e);d=n[++o]}if(h){{Me(xe(c.R),h,Oe(c.R))}}}}if(s>f){Se(e,n[v+1]==null?null:n[v+1].R,r,n,o,v)}else if(o>v){ke(t,s,f)}};var je=(e,t,r=false)=>{if(e.L===t.L){if(e.L==="slot"){if("F"in e&&r&&e.R.nodeType!==8){return false}return e.T===t.T}if(!r){return e.O===t.O}return true}return false};var Oe=e=>e&&e["s-ol"]||e;var xe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Te=(e,r,n=false)=>{const l=r.R=e.R;const s=e.j;const o=r.j;const i=r.L;const a=r.k;let f;if(a===null){{we=i==="svg"?true:i==="foreignObject"?false:we}{if(i==="slot"&&!me);else{ue(e,r,we)}}if(s!==null&&o!==null){Ce(l,s,r,o,n)}else if(o!==null){if(e.k!==null){l.textContent=""}Se(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){ke(s,0,s.length-1)}if(we&&i==="svg"){we=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){l.data=a}};var Le=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Le(e)}}};var Re=[];var De=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(Ee(r,e)){let t=Re.find((e=>e.M===r));ye=true;r["s-sn"]=r["s-sn"]||e;if(t){t.M["s-sh"]=s["s-hn"];t.A=s}else{r["s-sh"]=s["s-hn"];Re.push({A:s,M:r})}if(r["s-sr"]){Re.map((e=>{if(Ee(e.M,r["s-sn"])){t=Re.find((e=>e.M===r));if(t&&!e.A){e.A=t.A}}}))}}else if(!Re.some((e=>e.M===r))){Re.push({M:r})}}}}if(s.nodeType===1){De(s)}}};var Ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ae=(e,t,r=false)=>{var n,l,s,o;const i=e.$hostElement$;const a=e.o;const f=e.P||q(null,null);const c=K(t)?t:Q(null,null,t);he=i.tagName;if(r&&c.C){for(const e of Object.keys(c.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=i[e]}}}c.L=null;c.l|=4;e.P=c;c.R=f.R=i.shadowRoot||i;{de=i["s-sc"]}me=(a.l&1)!==0;{pe=i["s-cr"];ye=false}Te(f,c,r);{y.l|=1;if(be){De(c.R);for(const e of Re){const t=e.M;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Re){const t=e.M;const i=e.A;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(ye){Le(c.R)}y.l&=~1;Re.length=0}pe=void 0};var Pe=(e,t)=>{if(t&&!e.U&&t["s-p"]){t["s-p"].push(new Promise((t=>e.U=t)))}};var Ue=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.N);const r=()=>Ne(e,t);return T(r)};var Ne=(e,t)=>{const r=e.$hostElement$;const n=B("scheduleUpdate",e.o.m);const l=e.t;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.W){e.W.map((([e,t])=>qe(l,e,t)));e.W=void 0}}{s=qe(l,"componentWillLoad")}}n();return We(s,(()=>ze(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ze=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=B("update",e.o.m);const o=l["s-rc"];if(r){le(e)}const i=B("render",e.o.m);{Be(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ie(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Be=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ae(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ie=e=>{const t=e.o.m;const r=e.$hostElement$;const n=B("postUpdate",t);const l=e.t;const s=e.N;if(!(e.l&64)){e.l|=64;{Ge(r)}{qe(l,"componentDidLoad")}n();{e.h(r);if(!s){Qe()}}}else{{qe(l,"componentDidUpdate")}n()}{e.v(r)}{if(e.U){e.U();e.U=void 0}if(e.l&512){x((()=>Ue(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(m.documentElement)}x((()=>ee(h,"appload",{detail:{namespace:e}})))};var qe=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ke=(e,t)=>s(e).i.get(t);var Ve=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=l.i.get(t);const i=l.l;const a=l.t;r=J(r,n.H[t][0]);const f=Number.isNaN(o)&&Number.isNaN(r);const c=r!==o&&!f;if((!(i&8)||o===void 0)&&c){l.i.set(t,r);if(a){if((i&(2|16))===2){Ue(l,false)}}}};var Xe=(e,r,n)=>{var l,o;const i=e.prototype;if(r.H||t.watchCallback){const t=Object.entries((l=r.H)!=null?l:{});t.map((([e,[t]])=>{if(t&31||n&2&&t&32){Object.defineProperty(i,e,{get(){return Ke(this,e)},set(t){Ve(this,e,t,r)},configurable:true,enumerable:true})}else if(n&1&&t&64){Object.defineProperty(i,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,t,l){y.jmp((()=>{var o;const a=n.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const n=s(this);const i=n==null?void 0:n.l;if(i&&!(i&8)&&i&128&&l!==t){const s=n.t;const i=(o=r.B)==null?void 0:o[e];i==null?void 0:i.forEach((r=>{if(s[r]!=null){s[r].call(s,l,t,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=r.B)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const r=t[1]||e;n.set(r,e);return r}))]))}}return e};var _e=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=I();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.I}" was not found`)}if(!l.isProxied){Xe(l,r,2);l.isProxied=true}const n=B("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}n()}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=se(r);if(!v.has(t)){const n=B("registerStyles",r.m);re(t,e,!!(r.l&1));n()}}}const s=t.N;const o=()=>Ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Je=e=>{};var Ye=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const n=B("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){Ze(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Pe(t,t.N=r);break}}}if(r.H){Object.entries(r.H).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{_e(e,t,r)}}else{lt(e,t,r.q);if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>Je()))}}n()}};var Ze=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var et=e=>{};var tt=async e=>{if((y.l&1)===0){const t=s(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>et()))}}};var rt=(e,t={})=>{var r;const n=B();const l=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{const r={l:t[0],m:t[1],H:t[2],q:t[3]};if(r.l&4){g=true}{r.H=t[2]}{r.q=t[3]}const n=r.m;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,r.q)}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Ye(this)))}}disconnectedCallback(){y.jmp((()=>tt(this)))}componentOnReady(){return s(this).p}};r.$=e[0];if(!o.includes(n)&&!a.get(n)){l.push(n);a.define(n,Xe(f,r,1))}}))}));if(l.length>0){if(g){u.textContent+=p}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:A(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Qe,30)))}}n()};var nt=(e,t)=>t;var lt=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=e;const o=st(t,l);const i=ot(r);y.ael(s,n,o,i);(t.G=t.G||[]).push((()=>y.rel(s,n,o,i)))}))}};var st=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.W=e.W||[]).push([t,r])}}}catch(e){f(e)}};var ot=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var it=e=>y.D=e;export{nt as F,L as a,rt as b,Z as c,Y as g,Q as h,w as p,o as r,it as s};
+//# sourceMappingURL=p-e8f2fe42.js.map