@lifesg/react-design-system 3.5.0-canary.7 → 3.5.0

package/external/@govtechsg/sgds-web-component/themes/night.css.js

@@ -1,2 +1,2 @@
-!function(s,d){if("undefined"!=typeof document&&s){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",document.getElementById(d)||(n.id=d,r.appendChild(n),n.appendChild(document.createTextNode(s)))}}(':root {\n  /* Primitive - Product Primary Color */\n  --sgds-product-primary-100: #f4f2fe;\n  --sgds-product-primary-200: #e1dbfb;\n  --sgds-product-primary-300: #c8bdf7;\n  --sgds-product-primary-400: #a999f3;\n  --sgds-product-primary-500: #8a72ef;\n  --sgds-product-primary-600: #6b4feb;\n  --sgds-product-primary-700: #523abc;\n  --sgds-product-primary-800: #3c2b8a;\n  --sgds-product-primary-900: #2a1e61;\n\n  /* Primitive - Purple Color */\n  --sgds-purple-100: #fbf0fe;\n  --sgds-purple-200: #f2d6fc;\n  --sgds-purple-300: #e6adf9;\n  --sgds-purple-400: #d983f6;\n  --sgds-purple-500: #c94cf2;\n  --sgds-purple-600: #ac1cdb;\n  --sgds-purple-700: #8516a9;\n  --sgds-purple-800: #641180;\n  --sgds-purple-900: #460c5a;\n\n  /* Primitive - Cyan Color */\n  --sgds-cyan-100: #DBf9fd;\n  --sgds-cyan-200: #94edfa;\n  --sgds-cyan-300: #24d5ee;\n  --sgds-cyan-400: #1fb5ca;\n  --sgds-cyan-500: #1993a4;\n  --sgds-cyan-600: #147583;\n  --sgds-cyan-700: #0f5a65;\n  --sgds-cyan-800: #0b434b;\n  --sgds-cyan-900: #082e34;\n\n  /* Primitive - Green Color */\n  --sgds-green-100: #e3f9ed;\n  --sgds-green-200: #b1edcb;\n  --sgds-green-300: #62db96;\n  --sgds-green-400: #16bd5e;\n  --sgds-green-500: #129a4d;\n  --sgds-green-600: #0e7c3d;\n  --sgds-green-700: #0b5e2f;\n  --sgds-green-800: #084523;\n  --sgds-green-900: #063119;\n\n  /* Primitive - Blue Color */\n  --sgds-blue-100: #ecf5fe;\n  --sgds-blue-200: #c8e2fb;\n  --sgds-blue-300: #96c7f7;\n  --sgds-blue-400: #60aaf4;\n  --sgds-blue-500: #1e87ef;\n  --sgds-blue-600: #0269d0;\n  --sgds-blue-700: #0151a0;\n  --sgds-blue-800: #013c77;\n  --sgds-blue-900: #012a54;\n\n  /* Primitive - Yellow Color */\n  --sgds-yellow-100: #fef4cb;\n  --sgds-yellow-200: #fcde63;\n  --sgds-yellow-300: #e5bf29;\n  --sgds-yellow-400: #c2a223;\n  --sgds-yellow-500: #9d841c;\n  --sgds-yellow-600: #7e6917;\n  --sgds-yellow-700: #605111;\n  --sgds-yellow-800: #483c0d;\n  --sgds-yellow-900: #322909;\n\n  /* Primitive - Red Color */\n  --sgds-red-100: #fcf1f1;\n  --sgds-red-200: #f8d7d7;\n  --sgds-red-300: #f1b2b2;\n  --sgds-red-400: #e98b8b;\n  --sgds-red-500: #e05959;\n  --sgds-red-600: #cf2323;\n  --sgds-red-700: #a11b1b;\n  --sgds-red-800: #791414;\n  --sgds-red-900: #550e0e;\n\n  /* Primitive - Gray Color */\n  --sgds-gray-000: #ffffff;\n  --sgds-gray-100: #f3f3f3;\n  --sgds-gray-200: #dfdfdf;\n  --sgds-gray-300: #c6c6c6;\n  --sgds-gray-400: #a5a5a5;\n  --sgds-gray-500: #868686;\n  --sgds-gray-600: #6b6b6b;\n  --sgds-gray-700: #525252;\n  --sgds-gray-800: #3b3b3b;\n  --sgds-gray-900: #2a2a2a;\n  --sgds-gray-1000: #1a1a1a;\n  --sgds-gray-1100: #0e0e0e;\n\n  /* Primitive - Border Width */\n  --sgds-border-width-0: 0px;\n  --sgds-border-width-1: 1px;\n  --sgds-border-width-2: 2px;\n  --sgds-border-width-3: 3px;\n  --sgds-border-width-4: 4px;\n  --sgds-form-border-width-default: var(--sgds-border-width-1);\n  --sgds-form-border-width-thick: var(--sgds-border-width-2);\n\n  /* Primitive - Border Radius */\n  --sgds-border-radius-none: 0px;\n  --sgds-border-radius-xs: 2px;\n  --sgds-border-radius-sm: 4px;\n  --sgds-border-radius-md: 8px;\n  --sgds-border-radius-lg: 12px;\n  --sgds-border-radius-xl: 16px;\n  --sgds-border-radius-2-xl: 24px;\n  --sgds-border-radius-full: 999px;\n  --sgds-form-border-radius-none: var(--sgds-border-radius-none);\n  --sgds-form-border-radius-xs: var(--sgds-border-radius-xs);\n  --sgds-form-border-radius-sm: var(--sgds-border-radius-sm);\n  --sgds-form-border-radius-md: var(--sgds-border-radius-md);\n  --sgds-form-border-radius-full: var(--sgds-border-radius-full);\n\n  /* Primitive - Breakpoint */\n  --sgds-breakpoint-xs: var(--sgds-dimension-320);\n  --sgds-breakpoint-sm: var(--sgds-dimension-512);\n  --sgds-breakpoint-md: var(--sgds-dimension-768);\n  --sgds-breakpoint-lg: var(--sgds-dimension-1024);\n  --sgds-breakpoint-xl: var(--sgds-dimension-1280);\n  --sgds-breakpoint-2-xl: var(--sgds-dimension-1440);\n\n  /* Primitive - Font Family */\n  --sgds-font-family-brand: "Inter", system-ui, sans-serif;\n\n  /* Primitive - Font Weight */\n  --sgds-font-weight-light: 300;\n  --sgds-font-weight-regular: 400;\n  --sgds-font-weight-semibold: 600;\n  --sgds-font-weight-bold: 700;\n\n  /* Primitive - Font Size */\n  --sgds-font-size-1: 0.875rem;\n  --sgds-font-size-2: 1rem;\n  --sgds-font-size-3: 1.25rem;\n  --sgds-font-size-4: 1.5rem;\n  --sgds-font-size-5: 1.75rem;\n  --sgds-font-size-6: 2rem;\n  --sgds-font-size-7: 2.5rem;\n  --sgds-font-size-8: 3rem;\n  --sgds-font-size-9: 3.5rem;\n\n  /* Primitive - Icon Size */\n  --sgds-icon-size-sm: 1rem;\n  --sgds-icon-size-md: 1.25rem;\n  --sgds-icon-size-lg: 1.5rem;\n  --sgds-icon-size-xl: 2rem;\n  --sgds-icon-size-2-xl: 3rem;\n  --sgds-icon-size-3-xl: 4rem;\n\n  /* Primitive - Letter Spacing */\n  --sgds-letter-spacing-tighter: -1px;\n  --sgds-letter-spacing-tight: -0.4px;\n  --sgds-letter-spacing-normal: 0px;\n  --sgds-letter-spacing-wide: 1px;\n  --sgds-letter-spacing-wider: 2px;\n\n  /* Primitive - Line Height */\n  --sgds-line-height-body: 1.5;\n  --sgds-line-height-heading: 1.2;\n  --sgds-line-height-min: 20px;\n\n  /* Primitive - Opacity */\n  --sgds-opacity-0: 0;\n  --sgds-opacity-5: 0.05;\n  --sgds-opacity-10: 0.1;\n  --sgds-opacity-20: 0.2;\n  --sgds-opacity-30: 0.3;\n  --sgds-opacity-40: 0.4;\n  --sgds-opacity-50: 0.5;\n  --sgds-opacity-60: 0.6;\n  --sgds-opacity-70: 0.7;\n  --sgds-opacity-80: 0.8;\n  --sgds-opacity-90: 0.9;\n  --sgds-opacity-100: 1;\n\n  /* Primitive - Paragraph Spacing */\n  --sgds-paragraph-spacing-none: 0;\n  --sgds-paragraph-spacing-sm: 0.5rem;\n  --sgds-paragraph-spacing-md: 1rem;\n  --sgds-paragraph-spacing-lg: 1.5rem;\n  --sgds-paragraph-spacing-xl: 2rem;\n\n  /* Primitive - Spacer */\n  --sgds-spacer-0: 0rem;\n  --sgds-spacer-1: 0.125rem;\n  --sgds-spacer-2: 0.25rem;\n  --sgds-spacer-3: 0.5rem;\n  --sgds-spacer-4: 0.75rem;\n  --sgds-spacer-5: 1rem;\n  --sgds-spacer-6: 1.25rem;\n  --sgds-spacer-7: 1.5rem;\n  --sgds-spacer-8: 2rem;\n  --sgds-spacer-9: 3rem;\n  --sgds-spacer-10: 4rem;\n  --sgds-spacer-11: 6rem;\n  --sgds-spacer-12: 8rem;\n\n  /* Primitive - Dimension */\n  --sgds-dimension-0: 0px;\n  --sgds-dimension-1: 1px;\n  --sgds-dimension-2: 2px;\n  --sgds-dimension-4: 4px;\n  --sgds-dimension-8: 8px;\n  --sgds-dimension-12: 12px;\n  --sgds-dimension-16: 16px;\n  --sgds-dimension-20: 20px;\n  --sgds-dimension-24: 24px;\n  --sgds-dimension-32: 32px;\n  --sgds-dimension-40: 40px;\n  --sgds-dimension-48: 48px;\n  --sgds-dimension-52: 52px;\n  --sgds-dimension-56: 56px;\n  --sgds-dimension-60: 60px;\n  --sgds-dimension-64: 64px;\n  --sgds-dimension-72: 72px;\n  --sgds-dimension-76: 76px;\n  --sgds-dimension-80: 80px;\n  --sgds-dimension-88: 88px;\n  --sgds-dimension-96: 96px;\n  --sgds-dimension-112: 112px;\n  --sgds-dimension-120: 120px;\n  --sgds-dimension-128: 128px;\n  --sgds-dimension-132: 132px;\n  --sgds-dimension-136: 136px;\n  --sgds-dimension-144: 144px;\n  --sgds-dimension-168: 168px;\n  --sgds-dimension-192: 192px;\n  --sgds-dimension-224: 224px;\n  --sgds-dimension-256: 256px;\n  --sgds-dimension-280: 280px;\n  --sgds-dimension-288: 288px;\n  --sgds-dimension-320: 320px;\n  --sgds-dimension-328: 328px;\n  --sgds-dimension-340: 340px;\n  --sgds-dimension-384: 384px;\n  --sgds-dimension-480: 480px;\n  --sgds-dimension-512: 512px;\n  --sgds-dimension-688: 688px;\n  --sgds-dimension-768: 768px;\n  --sgds-dimension-1024: 1024px;\n  --sgds-dimension-1280: 1280px;\n  --sgds-dimension-1440: 1440px;\n\n  /* Semantic - Padding */\n  --sgds-padding-none: var(--sgds-spacer-0);\n  --sgds-padding-3-xs: var(--sgds-spacer-1);\n  --sgds-padding-2-xs: var(--sgds-spacer-2);\n  --sgds-padding-xs: var(--sgds-spacer-3);\n  --sgds-padding-sm: var(--sgds-spacer-4);\n  --sgds-padding-md: var(--sgds-spacer-5);\n  --sgds-padding-lg: var(--sgds-spacer-6);\n  --sgds-padding-xl: var(--sgds-spacer-7);\n  --sgds-padding-2-xl: var(--sgds-spacer-8);\n  --sgds-padding-3-xl: var(--sgds-spacer-9);\n  --sgds-padding-4-xl: var(--sgds-spacer-10);\n  --sgds-padding-5-xl: var(--sgds-spacer-11);\n  --sgds-form-padding-x: var(--sgds-padding-md);\n  --sgds-form-padding-y: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xs: var(--sgds-padding-3-xs);\n  --sgds-form-padding-inline-sm: var(--sgds-padding-2-xs);\n  --sgds-form-padding-inline-md: var(--sgds-padding-xs);\n  --sgds-form-padding-inline-lg: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xl: var(--sgds-padding-md);\n\n  --sgds-margin-none: var(--sgds-spacer-0);\n  --sgds-margin-3-xs: var(--sgds-spacer-3);\n  --sgds-margin-2-xs: var(--sgds-spacer-5);\n  --sgds-margin-xs: var(--sgds-spacer-6);\n  --sgds-margin-sm: var(--sgds-spacer-7);\n  --sgds-margin-md: var(--sgds-spacer-8);\n  --sgds-margin-lg: var(--sgds-spacer-9);\n  --sgds-margin-xl: var(--sgds-spacer-10);\n  --sgds-margin-2-xl: var(--sgds-spacer-11);\n  --sgds-margin-3-xl: var(--sgds-spacer-12);\n\n  --sgds-gap-none: var(--sgds-spacer-0);\n  --sgds-gap-2-xs: var(--sgds-spacer-2);\n  --sgds-gap-xs: var(--sgds-spacer-3);\n  --sgds-gap-sm: var(--sgds-spacer-4);\n  --sgds-gap-md: var(--sgds-spacer-5);\n  --sgds-gap-lg: var(--sgds-spacer-6);\n  --sgds-gap-xl: var(--sgds-spacer-7);\n  --sgds-gap-2-xl: var(--sgds-spacer-8);\n  --sgds-form-gap-sm: var(--sgds-gap-2-xs);\n  --sgds-form-gap-md: var(--sgds-gap-xs);\n  --sgds-form-gap-lg: var(--sgds-gap-sm);\n  --sgds-form-gap-xl: var(--sgds-gap-md);\n  --sgds-form-gap-2-xl: var(--sgds-gap-xl);\n\n  --sgds-form-height-3-xs: var(--sgds-dimension-12);\n  --sgds-form-height-2-xs: var(--sgds-dimension-16);\n  --sgds-form-height-xs: var(--sgds-dimension-20);\n  --sgds-form-height-sm: var(--sgds-dimension-24);\n  --sgds-form-height-md: var(--sgds-dimension-32);\n  --sgds-form-height-lg: var(--sgds-dimension-40);\n  --sgds-form-height-xl: var(--sgds-dimension-48);\n  --sgds-form-height-2-xl: var(--sgds-dimension-56);\n\n  --sgds-form-width-3-xs: var(--sgds-dimension-12);\n  --sgds-form-width-2-xs: var(--sgds-dimension-16);\n  --sgds-form-width-xs: var(--sgds-dimension-24);\n  --sgds-form-width-sm: var(--sgds-dimension-32);\n  --sgds-form-width-md: var(--sgds-dimension-40);\n  --sgds-form-width-lg: var(--sgds-dimension-48);\n  --sgds-form-width-xl: var(--sgds-dimension-56);\n  --sgds-form-width-2-xl: var(--sgds-dimension-64);\n  --sgds-form-width-3-xl: var(--sgds-dimension-72);\n  --sgds-form-width-4-xl: var(--sgds-dimension-80);\n\n  /* Semantic - Form Icon Size */\n  --sgds-form-icon-size-sm: var(--sgds-icon-size-sm);\n  --sgds-form-icon-size-md: var(--sgds-icon-size-md);\n  --sgds-form-icon-size-lg: var(--sgds-icon-size-lg);\n\n  --sgds-box-shadow-focus: 0px 0px 0px 4px var(--sgds-blue-400);\n  --sgds-form-box-shadow-focus: var(--sgds-box-shadow-focus);\n\n  /* Masthead and Mainnav Max Width and Padding */\n  --sgds-mainnav-max-width: 1440px;\n  --sgds-mainnav-padding-x: 2rem;\n  --sgds-mainnav-mobile-padding-x: 1.25rem;\n}\n:root.sgds-night-theme {\n  color-scheme: only dark;\n\n  /* Semantic - Default Colors */\n  --sgds-bg-default: var(--sgds-gray-1100);\n  --sgds-bg-alternate: var(--sgds-gray-1000);\n  --sgds-bg-fixed-light: var(--sgds-gray-000);\n  --sgds-bg-fixed-dark: var(--sgds-gray-1100);\n  --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.4);\n  --sgds-bg-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-bg-transparent: transparent;\n  --sgds-surface-default: var(--sgds-gray-900);\n  --sgds-surface-raised: var(--sgds-gray-800);\n  --sgds-surface-inverse: var(--sgds-gray-000);\n  --sgds-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-color-default: var(--sgds-gray-100);\n  --sgds-color-subtle: var(--sgds-gray-400);\n  --sgds-color-muted: var(--sgds-gray-800);\n  --sgds-color-inverse: var(--sgds-gray-1000);\n  --sgds-color-fixed-light: var(--sgds-gray-100);\n  --sgds-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-color-transparent: transparent;\n  --sgds-border-color-default: var(--sgds-gray-500);\n  --sgds-border-color-emphasis: var(--sgds-gray-200);\n  --sgds-border-color-muted: var(--sgds-gray-800);\n  --sgds-border-color-fixed-light: var(--sgds-gray-000);\n  --sgds-border-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-border-color-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-border-color-transparent: transparent;\n\n  /* Semantic - Primary Colors */\n  --sgds-primary-bg-default: var(--sgds-product-primary-600);\n  --sgds-primary-bg-muted: var(--sgds-product-primary-200);\n  --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.05);\n  --sgds-primary-surface-default: var(--sgds-product-primary-600);\n  --sgds-primary-surface-emphasis: var(--sgds-product-primary-700);\n  --sgds-primary-surface-muted: var(--sgds-product-primary-200);\n  --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.1);\n  --sgds-primary-color-default: var(--sgds-product-primary-400);\n  --sgds-primary-color-emphasis: var(--sgds-product-primary-300);\n  --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);\n  --sgds-primary-color-fixed-dark: var(--sgds-product-primary-700);\n  --sgds-primary-border-color-default: var(--sgds-product-primary-500);\n  --sgds-primary-border-color-emphasis: var(--sgds-product-primary-300);\n  --sgds-primary-border-color-muted: var(--sgds-product-primary-700);\n\n  /* Semantic - Success Colors */\n  --sgds-success-bg-default: var(--sgds-green-600);\n  --sgds-success-bg-muted: var(--sgds-green-200);\n  --sgds-success-surface-default: var(--sgds-green-600);\n  --sgds-success-surface-emphasis: var(--sgds-green-700);\n  --sgds-success-surface-muted: var(--sgds-green-200);\n  --sgds-success-color-default: var(--sgds-green-400);\n  --sgds-success-color-emphasis: var(--sgds-green-300);\n  --sgds-success-color-fixed-light: var(--sgds-green-400);\n  --sgds-success-color-fixed-dark: var(--sgds-green-700);\n  --sgds-success-border-color-default: var(--sgds-green-500);\n  --sgds-success-border-color-emphasis: var(--sgds-green-300);\n  --sgds-success-border-color-muted: var(--sgds-green-700);\n\n  /* Semantic - Danger Colors */\n  --sgds-danger-bg-default: var(--sgds-red-600);\n  --sgds-danger-bg-muted: var(--sgds-red-200);\n  --sgds-danger-surface-default: var(--sgds-red-600);\n  --sgds-danger-surface-emphasis: var(--sgds-red-700);\n  --sgds-danger-surface-muted: var(--sgds-red-200);\n  --sgds-danger-color-default: var(--sgds-red-400);\n  --sgds-danger-color-emphasis: var(--sgds-red-300);\n  --sgds-danger-color-fixed-light: var(--sgds-red-400);\n  --sgds-danger-color-fixed-dark: var(--sgds-red-700);\n  --sgds-danger-border-color-default: var(--sgds-red-500);\n  --sgds-danger-border-color-emphasis: var(--sgds-red-300);\n  --sgds-danger-border-color-subtle: var(--sgds-red-700);\n\n  /* Semantic - Warning Colors */\n  --sgds-warning-bg-default: var(--sgds-yellow-300);\n  --sgds-warning-bg-muted: var(--sgds-yellow-200);\n  --sgds-warning-surface-default: var(--sgds-yellow-300);\n  --sgds-warning-surface-emphasis: var(--sgds-yellow-600);\n  --sgds-warning-surface-muted: var(--sgds-yellow-100);\n  --sgds-warning-color-default: var(--sgds-yellow-300);\n  --sgds-warning-color-emphasis: var(--sgds-yellow-200);\n  --sgds-warning-color-fixed-light: var(--sgds-yellow-300);\n  --sgds-warning-color-fixed-dark: var(--sgds-yellow-700);\n  --sgds-warning-border-color-default: var(--sgds-yellow-500);\n  --sgds-warning-border-color-emphasis: var(--sgds-yellow-300);\n  --sgds-warning-border-color-subtle: var(--sgds-yellow-700);\n\n  /* Semantic - Neutral Colors */\n  --sgds-neutral-bg-default: var(--sgds-gray-600);\n  --sgds-neutral-bg-muted: var(--sgds-gray-200);\n  --sgds-neutral-surface-default: var(--sgds-gray-700);\n  --sgds-neutral-surface-emphasis: var(--sgds-gray-700);\n  --sgds-neutral-surface-muted: var(--sgds-gray-200);\n  --sgds-neutral-color-default: var(--sgds-gray-400);\n  --sgds-neutral-color-emphasis: var(--sgds-gray-300);\n  --sgds-neutral-color-fixed-light: var(--sgds-gray-400);\n  --sgds-neutral-color-fixed-dark: var(--sgds-gray-700);\n  --sgds-neutral-border-color-default: var(--sgds-gray-500);\n  --sgds-neutral-border-color-emphasis: var(--sgds-gray-300);\n  --sgds-neutral-border-color-subtle: var(--sgds-gray-700);\n\n  /* Semantic - Display Colors */\n  --sgds-display-color-default: var(--sgds-gray-000);\n  --sgds-display-color-subtle: var(--sgds-gray-200);\n\n  /* Semantic - Header Colors */\n  --sgds-header-color-default: var(--sgds-gray-100);\n  --sgds-header-color-subtle: var(--sgds-gray-200);\n\n  /* Semantic - Body Colors */\n  --sgds-body-color-default: var(--sgds-gray-000);\n  --sgds-body-color-subtle: var(--sgds-gray-300);\n\n  /* Semantic - Label Colors */\n  --sgds-label-color-default: var(--sgds-gray-100);\n  --sgds-label-color-subtle: var(--sgds-gray-300);\n\n  /* Semantic - Caption Color */\n  --sgds-caption-color: var(--sgds-gray-300);\n\n  /* Semantic - Link Color */\n  --sgds-link-color-default: var(--sgds-blue-400);\n  --sgds-link-color-emphasis: var(--sgds-blue-300);\n\n  /* Semantic - Form Color */\n  --sgds-form-surface-default: var(--sgds-gray-900);\n  --sgds-form-surface-emphasis: var(--sgds-gray-200);\n  --sgds-form-surface-subtle: var(--sgds-gray-500);\n  --sgds-form-surface-muted: var(--sgds-gray-700);\n  --sgds-form-surface-inverse: var(--sgds-gray-000);\n  --sgds-form-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-form-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-form-color-default: var(--sgds-gray-100);\n  --sgds-form-color-subtle: var(--sgds-gray-300);\n  --sgds-form-color-muted: var(--sgds-gray-700);\n  --sgds-form-color-inverse: var(--sgds-gray-900);\n  --sgds-form-color-fixed-light: var(--sgds-gray-000);\n  --sgds-form-color-fixed-dark: var(--sgds-gray-1100);\n  --sgds-form-primary-surface-default: var(--sgds-product-primary-600);\n  --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-700);\n  --sgds-form-primary-color-default: var(--sgds-product-primary-400);\n  --sgds-form-success-surface-default: var(--sgds-green-600);\n  --sgds-form-success-color-default: var(--sgds-green-500);\n  --sgds-form-success-border-color-default: var(--sgds-green-500);\n  --sgds-form-danger-surface-default: var(--sgds-red-600);\n  --sgds-form-danger-color-default: var(--sgds-red-500);\n  --sgds-form-danger-border-color-default: var(--sgds-red-500);\n}\n',"lifesg-ds-masthead-stylesheet-night");
+!function(s,n){if("undefined"!=typeof document&&s){var d=document.head||document.getElementsByTagName("head")[0],g=document.createElement("style");g.type="text/css",document.getElementById(n)||(g.id=n,d.appendChild(g),g.appendChild(document.createTextNode(s)))}}(':root {\n  /* Font Size - Display */\n  --sgds-font-size-display-sm: var(--sgds-font-size-32);\n  --sgds-font-size-display-md: var(--sgds-font-size-36);\n  --sgds-font-size-display-lg: var(--sgds-font-size-40);\n\n  /* Font Size - Heading */\n  --sgds-font-size-heading-sm: var(--sgds-font-size-20);\n  --sgds-font-size-heading-md: var(--sgds-font-size-24);\n  --sgds-font-size-heading-lg: var(--sgds-font-size-28);\n  --sgds-font-size-heading-xl: var(--sgds-font-size-32);\n\n  /* Font Size - Subtitle */\n  --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n  --sgds-font-size-subtitle-md: var(--sgds-font-size-18);\n\n  /* Font Size - Body */\n  --sgds-font-size-body-sm: var(--sgds-font-size-14);\n  --sgds-font-size-body-md: var(--sgds-font-size-16);\n  --sgds-font-size-body-lg: var(--sgds-font-size-18);\n\n  /* Font Size - Label */\n  --sgds-font-size-label-xs: var(--sgds-font-size-12);\n  --sgds-font-size-label-sm: var(--sgds-font-size-14);\n  --sgds-font-size-label-md: var(--sgds-font-size-16);\n  --sgds-font-size-label-lg: var(--sgds-font-size-18);\n\n  /* Font Size - List */\n  --sgds-font-size-list-sm: var(--sgds-font-size-14);\n  --sgds-font-size-list-md: var(--sgds-font-size-16);\n  --sgds-font-size-list-lg: var(--sgds-font-size-18);\n\n  /* Font Size - Caption */\n  --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n  /* Font Size - Overline */\n  --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n  /* Font Size - Link */\n  --sgds-font-size-link-xs: var(--sgds-font-size-12);\n  --sgds-font-size-link-sm: var(--sgds-font-size-14);\n  --sgds-font-size-link-md: var(--sgds-font-size-16);\n  --sgds-font-size-link-lg: var(--sgds-font-size-18);\n\n  /* Line Height */\n  --sgds-line-height-3-xs: var(--sgds-line-height-16);\n  --sgds-line-height-2-xs: var(--sgds-line-height-20);\n  --sgds-line-height-xs: var(--sgds-line-height-24);\n  --sgds-line-height-sm: var(--sgds-line-height-24);\n  --sgds-line-height-md: var(--sgds-line-height-28);\n  --sgds-line-height-lg: var(--sgds-line-height-32);\n  --sgds-line-height-xl: var(--sgds-line-height-40);\n  --sgds-line-height-2-xl: var(--sgds-line-height-44);\n  --sgds-line-height-3-xl: var(--sgds-line-height-48);\n\n  /* Text - Gap */\n  --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n  --sgds-text-gap-xs: var(--sgds-spacer-3);\n  --sgds-text-gap-sm: var(--sgds-spacer-3);\n  --sgds-text-gap-md: var(--sgds-spacer-4);\n  --sgds-text-gap-lg: var(--sgds-spacer-5);\n  --sgds-text-gap-xl: var(--sgds-spacer-6);\n  --sgds-text-gap-2-xl: var(--sgds-spacer-7);\n\n  /* Layout - Gap */\n  --sgds-layout-gap-2-xs: var(--sgds-spacer-2);\n  --sgds-layout-gap-xs: var(--sgds-spacer-3);\n  --sgds-layout-gap-sm: var(--sgds-spacer-4);\n  --sgds-layout-gap-md: var(--sgds-spacer-5);\n  --sgds-layout-gap-lg: var(--sgds-spacer-6);\n  --sgds-layout-gap-xl: var(--sgds-spacer-7);\n\n  /* Layout - Padding */\n  --sgds-layout-padding-xs: var(--sgds-spacer-5);\n  --sgds-layout-padding-sm: var(--sgds-spacer-6);\n  --sgds-layout-padding-md: var(--sgds-spacer-7);\n  --sgds-layout-padding-lg: var(--sgds-spacer-8);\n  --sgds-layout-padding-xl: var(--sgds-spacer-9);\n\n  /* Component - Gap */\n  --sgds-component-gap-xs: var(--sgds-spacer-3);\n  --sgds-component-gap-sm: var(--sgds-spacer-4);\n  --sgds-component-gap-md: var(--sgds-spacer-5);\n  --sgds-component-gap-lg: var(--sgds-spacer-6);\n  --sgds-component-gap-xl: var(--sgds-spacer-7);\n\n  /* Component - Padding */\n  --sgds-component-padding-xs: var(--sgds-spacer-5);\n  --sgds-component-padding-sm: var(--sgds-spacer-6);\n  --sgds-component-padding-md: var(--sgds-spacer-7);\n  --sgds-component-padding-lg: var(--sgds-spacer-8);\n  --sgds-component-padding-xl: var(--sgds-spacer-9);\n\n  /* Container - Width */\n  --sgds-container-width: var(--sgds-dimension-360);\n}\n\n@media screen and (min-width: 1024px) { /* For tablets and larger screens */\n  :root {\n    /* Font Size - Display */\n    --sgds-font-size-display-sm: var(--sgds-font-size-36);\n    --sgds-font-size-display-md: var(--sgds-font-size-44);\n    --sgds-font-size-display-lg: var(--sgds-font-size-52);\n\n    /* Font Size - Heading */\n    --sgds-font-size-heading-sm: var(--sgds-font-size-22);\n    --sgds-font-size-heading-md: var(--sgds-font-size-26);\n    --sgds-font-size-heading-lg: var(--sgds-font-size-30);\n    --sgds-font-size-heading-xl: var(--sgds-font-size-36);\n\n    /* Font Size - Subtitle */\n    --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n    --sgds-font-size-subtitle-md: var(--sgds-font-size-20);\n\n    /* Font Size - Body */\n    --sgds-font-size-body-sm: var(--sgds-font-size-14);\n    --sgds-font-size-body-md: var(--sgds-font-size-16);\n    --sgds-font-size-body-lg: var(--sgds-font-size-20);\n\n    /* Font Size - Label */\n    --sgds-font-size-label-xs: var(--sgds-font-size-12);\n    --sgds-font-size-label-sm: var(--sgds-font-size-14);\n    --sgds-font-size-label-md: var(--sgds-font-size-16);\n    --sgds-font-size-label-lg: var(--sgds-font-size-20);\n\n    /* Font Size - List */\n    --sgds-font-size-list-sm: var(--sgds-font-size-14);\n    --sgds-font-size-list-md: var(--sgds-font-size-16);\n    --sgds-font-size-list-lg: var(--sgds-font-size-20);\n\n    /* Font Size - Caption */\n    --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n    /* Font Size - Overline */\n    --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n    /* Font Size - Link */\n    --sgds-font-size-link-xs: var(--sgds-font-size-12);\n    --sgds-font-size-link-sm: var(--sgds-font-size-14);\n    --sgds-font-size-link-md: var(--sgds-font-size-16);\n    --sgds-font-size-link-lg: var(--sgds-font-size-20);\n\n    /* Line Height */\n    --sgds-line-height-3-xs: var(--sgds-line-height-16);\n    --sgds-line-height-2-xs: var(--sgds-line-height-20);\n    --sgds-line-height-xs: var(--sgds-line-height-24);\n    --sgds-line-height-sm: var(--sgds-line-height-28);\n    --sgds-line-height-md: var(--sgds-line-height-32);\n    --sgds-line-height-lg: var(--sgds-line-height-36);\n    --sgds-line-height-xl: var(--sgds-line-height-44);\n    --sgds-line-height-2-xl: var(--sgds-line-height-52);\n    --sgds-line-height-3-xl: var(--sgds-line-height-60);\n\n    /* Text - Gap */\n    --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n    --sgds-text-gap-xs: var(--sgds-spacer-3);\n    --sgds-text-gap-sm: var(--sgds-spacer-4);\n    --sgds-text-gap-md: var(--sgds-spacer-5);\n    --sgds-text-gap-lg: var(--sgds-spacer-6);\n    --sgds-text-gap-xl: var(--sgds-spacer-7);\n    --sgds-text-gap-2-xl: var(--sgds-spacer-8);\n\n    /* Layout - Gap */\n    --sgds-layout-gap-2-xs: var(--sgds-spacer-4);\n    --sgds-layout-gap-xs: var(--sgds-spacer-5);\n    --sgds-layout-gap-sm: var(--sgds-spacer-6);\n    --sgds-layout-gap-md: var(--sgds-spacer-7);\n    --sgds-layout-gap-lg: var(--sgds-spacer-8);\n    --sgds-layout-gap-xl: var(--sgds-spacer-9);\n\n    /* Layout - Padding */\n    --sgds-layout-padding-xs: var(--sgds-spacer-6);\n    --sgds-layout-padding-sm: var(--sgds-spacer-7);\n    --sgds-layout-padding-md: var(--sgds-spacer-8);\n    --sgds-layout-padding-lg: var(--sgds-spacer-9);\n    --sgds-layout-padding-xl: var(--sgds-spacer-10);\n    \n    /* Component - Gap */\n    --sgds-component-gap-xs: var(--sgds-spacer-5);\n    --sgds-component-gap-sm: var(--sgds-spacer-6);\n    --sgds-component-gap-md: var(--sgds-spacer-7);\n    --sgds-component-gap-lg: var(--sgds-spacer-8);\n    --sgds-component-gap-xl: var(--sgds-spacer-9);\n\n    /* Component - Padding */\n    --sgds-component-padding-xs: var(--sgds-spacer-6);\n    --sgds-component-padding-sm: var(--sgds-spacer-7);\n    --sgds-component-padding-md: var(--sgds-spacer-8);\n    --sgds-component-padding-lg: var(--sgds-spacer-9);\n    --sgds-component-padding-xl: var(--sgds-spacer-10);\n\n    /* Container - Width */\n    --sgds-container-width: var(--sgds-dimension-888);\n  }\n}\n\n@media screen and (min-width: 1440px) { /* For desktops */\n  :root {\n    /* Font Size - Display */\n    --sgds-font-size-display-sm: var(--sgds-font-size-40);\n    --sgds-font-size-display-md: var(--sgds-font-size-48);\n    --sgds-font-size-display-lg: var(--sgds-font-size-56);\n\n    /* Font Size - Heading */\n    --sgds-font-size-heading-sm: var(--sgds-font-size-24);\n    --sgds-font-size-heading-md: var(--sgds-font-size-28);\n    --sgds-font-size-heading-lg: var(--sgds-font-size-32);\n    --sgds-font-size-heading-xl: var(--sgds-font-size-40);\n\n    /* Font Size - Subtitle */\n    --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n    --sgds-font-size-subtitle-md: var(--sgds-font-size-20);\n\n    /* Font Size - Body */\n    --sgds-font-size-body-sm: var(--sgds-font-size-14);\n    --sgds-font-size-body-md: var(--sgds-font-size-16);\n    --sgds-font-size-body-lg: var(--sgds-font-size-20);\n\n    /* Font Size - Label */\n    --sgds-font-size-label-xs: var(--sgds-font-size-12);\n    --sgds-font-size-label-sm: var(--sgds-font-size-14);\n    --sgds-font-size-label-md: var(--sgds-font-size-16);\n    --sgds-font-size-label-lg: var(--sgds-font-size-20);\n\n    /* Font Size - List */\n    --sgds-font-size-list-sm: var(--sgds-font-size-14);\n    --sgds-font-size-list-md: var(--sgds-font-size-16);\n    --sgds-font-size-list-lg: var(--sgds-font-size-20);\n\n    /* Font Size - Caption */\n    --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n    /* Font Size - Overline */\n    --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n    /* Font Size - Link */\n    --sgds-font-size-link-xs: var(--sgds-font-size-12);\n    --sgds-font-size-link-sm: var(--sgds-font-size-14);\n    --sgds-font-size-link-md: var(--sgds-font-size-16);\n    --sgds-font-size-link-lg: var(--sgds-font-size-20);\n\n    /* Line Height */\n    --sgds-line-height-3-xs: var(--sgds-line-height-16);\n    --sgds-line-height-2-xs: var(--sgds-line-height-20);\n    --sgds-line-height-xs: var(--sgds-line-height-24);\n    --sgds-line-height-sm: var(--sgds-line-height-28);\n    --sgds-line-height-md: var(--sgds-line-height-32);\n    --sgds-line-height-lg: var(--sgds-line-height-40);\n    --sgds-line-height-xl: var(--sgds-line-height-48);\n    --sgds-line-height-2-xl: var(--sgds-line-height-56);\n    --sgds-line-height-3-xl: var(--sgds-line-height-64);\n\n    /* Text - Gap */\n    --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n    --sgds-text-gap-xs: var(--sgds-spacer-3);\n    --sgds-text-gap-sm: var(--sgds-spacer-4);\n    --sgds-text-gap-md: var(--sgds-spacer-5);\n    --sgds-text-gap-lg: var(--sgds-spacer-6);\n    --sgds-text-gap-xl: var(--sgds-spacer-7);\n    --sgds-text-gap-2-xl: var(--sgds-spacer-8);\n\n    /* Layout - Gap */\n    --sgds-layout-gap-2-xs: var(--sgds-spacer-5);\n    --sgds-layout-gap-xs: var(--sgds-spacer-6);\n    --sgds-layout-gap-sm: var(--sgds-spacer-7);\n    --sgds-layout-gap-md: var(--sgds-spacer-8);\n    --sgds-layout-gap-lg: var(--sgds-spacer-9);\n    --sgds-layout-gap-xl: var(--sgds-spacer-10);\n\n    /* Layout - Padding */\n    --sgds-layout-padding-xs: var(--sgds-spacer-7);\n    --sgds-layout-padding-sm: var(--sgds-spacer-8);\n    --sgds-layout-padding-md: var(--sgds-spacer-9);\n    --sgds-layout-padding-lg: var(--sgds-spacer-10);\n    --sgds-layout-padding-xl: var(--sgds-spacer-11);\n\n    /* Component - Gap */\n    --sgds-component-gap-xs: var(--sgds-spacer-6);\n    --sgds-component-gap-sm: var(--sgds-spacer-7);\n    --sgds-component-gap-md: var(--sgds-spacer-8);\n    --sgds-component-gap-lg: var(--sgds-spacer-9);\n    --sgds-component-gap-xl: var(--sgds-spacer-10);\n\n    /* Component - Padding */\n    --sgds-component-padding-xs: var(--sgds-spacer-7);\n    --sgds-component-padding-sm: var(--sgds-spacer-8);\n    --sgds-component-padding-md: var(--sgds-spacer-9);\n    --sgds-component-padding-lg: var(--sgds-spacer-10);\n    --sgds-component-padding-xl: var(--sgds-spacer-11);\n\n    /* Container - Width */\n    --sgds-container-width: var(--sgds-dimension-1312);\n  }\n}\n\n:root {\n  /* Primitive - Product Primary Color */\n  --sgds-product-primary-100: #f4f2fe;\n  --sgds-product-primary-200: #e1dbfb;\n  --sgds-product-primary-300: #c8bdf7;\n  --sgds-product-primary-400: #a999f3;\n  --sgds-product-primary-500: #8a72ef;\n  --sgds-product-primary-600: #6b4feb;\n  --sgds-product-primary-700: #523abc;\n  --sgds-product-primary-800: #3c2b8a;\n  --sgds-product-primary-900: #2a1e61;\n\n  /* Primitive - Purple Color */\n  --sgds-purple-100: #fbf0fe;\n  --sgds-purple-200: #f2d6fc;\n  --sgds-purple-300: #e6adf9;\n  --sgds-purple-400: #d983f6;\n  --sgds-purple-500: #c94cf2;\n  --sgds-purple-600: #ac1cdb;\n  --sgds-purple-700: #8516a9;\n  --sgds-purple-800: #641180;\n  --sgds-purple-900: #460c5a;\n\n  /* Primitive - Cyan Color */\n  --sgds-cyan-100: #e0f7fc;\n  --sgds-cyan-200: #a8e9f7;\n  --sgds-cyan-300: #49d2ef;\n  --sgds-cyan-400: #00b4da;\n  --sgds-cyan-500: #0092b1;\n  --sgds-cyan-600: #00758d;\n  --sgds-cyan-700: #005a6d;\n  --sgds-cyan-800: #004352;\n  --sgds-cyan-900: #002f38;\n\n  /* Primitive - Green Color */\n  --sgds-green-100: #e3f9ed;\n  --sgds-green-200: #b1edcb;\n  --sgds-green-300: #62db96;\n  --sgds-green-400: #16bd5e;\n  --sgds-green-500: #129a4d;\n  --sgds-green-600: #0e7c3d;\n  --sgds-green-700: #0b5e2f;\n  --sgds-green-800: #084523;\n  --sgds-green-900: #063119;\n\n  /* Primitive - Blue Color */\n  --sgds-blue-100: #ecf5fe;\n  --sgds-blue-200: #c8e2fb;\n  --sgds-blue-300: #96c7f7;\n  --sgds-blue-400: #60aaf4;\n  --sgds-blue-500: #1e87ef;\n  --sgds-blue-600: #0269d0;\n  --sgds-blue-700: #0151a0;\n  --sgds-blue-800: #013c77;\n  --sgds-blue-900: #012a54;\n\n  /* Primitive - Yellow Color */\n  --sgds-yellow-100: #fef4cb;\n  --sgds-yellow-200: #fcde63;\n  --sgds-yellow-300: #e5bf29;\n  --sgds-yellow-400: #c2a223;\n  --sgds-yellow-500: #9d841c;\n  --sgds-yellow-600: #7e6917;\n  --sgds-yellow-700: #605111;\n  --sgds-yellow-800: #483c0d;\n  --sgds-yellow-900: #322909;\n\n  /* Primitive - Red Color */\n  --sgds-red-100: #fcf1f1;\n  --sgds-red-200: #f8d7d7;\n  --sgds-red-300: #f1b2b2;\n  --sgds-red-400: #e98b8b;\n  --sgds-red-500: #e05959;\n  --sgds-red-600: #cf2323;\n  --sgds-red-700: #a11b1b;\n  --sgds-red-800: #791414;\n  --sgds-red-900: #550e0e;\n\n  /* Primitive - Gray Color */\n  --sgds-gray-000: #ffffff;\n  --sgds-gray-50: #f7f7f7;\n  --sgds-gray-100: #f3f3f3;\n  --sgds-gray-200: #dfdfdf;\n  --sgds-gray-300: #c6c6c6;\n  --sgds-gray-400: #a5a5a5;\n  --sgds-gray-500: #868686;\n  --sgds-gray-600: #6b6b6b;\n  --sgds-gray-700: #525252;\n  --sgds-gray-800: #3b3b3b;\n  --sgds-gray-900: #2a2a2a;\n  --sgds-gray-1000: #1a1a1a;\n  --sgds-gray-1100: #0e0e0e;\n\n  /* Primitive - Border Width */\n  --sgds-border-width-0: 0px;\n  --sgds-border-width-1: 1px;\n  --sgds-border-width-2: 2px;\n  --sgds-border-width-3: 3px;\n  --sgds-border-width-4: 4px;\n  --sgds-form-border-width-default: var(--sgds-border-width-1);\n  --sgds-form-border-width-thick: var(--sgds-border-width-2);\n\n  /* Primitive - Border Radius */\n  --sgds-border-radius-none: 0px;\n  --sgds-border-radius-xs: 2px;\n  --sgds-border-radius-sm: 4px;\n  --sgds-border-radius-md: 8px;\n  --sgds-border-radius-lg: 12px;\n  --sgds-border-radius-xl: 16px;\n  --sgds-border-radius-2-xl: 24px;\n  --sgds-border-radius-3-xl: 32px;\n  --sgds-border-radius-full: 999px;\n  --sgds-form-border-radius-none: var(--sgds-border-radius-none);\n  --sgds-form-border-radius-xs: var(--sgds-border-radius-xs);\n  --sgds-form-border-radius-sm: var(--sgds-border-radius-sm);\n  --sgds-form-border-radius-md: var(--sgds-border-radius-md);\n  --sgds-form-border-radius-full: var(--sgds-border-radius-full);\n\n  /* Primitive - Breakpoint */\n  --sgds-breakpoint-xs: var(--sgds-dimension-320);\n  --sgds-breakpoint-sm: var(--sgds-dimension-512);\n  --sgds-breakpoint-md: var(--sgds-dimension-768);\n  --sgds-breakpoint-lg: var(--sgds-dimension-1024);\n  --sgds-breakpoint-xl: var(--sgds-dimension-1280);\n  --sgds-breakpoint-2-xl: var(--sgds-dimension-1440);\n\n  /* Primitive - Breakpoint with sticky side bar*/\n  --sgds-breakpoint-sbar-md: var(--sgds-dimension-768);\n  --sgds-breakpoint-sbar-lg: var(--sgds-dimension-1024);\n  --sgds-breakpoint-sbar-xl: var(--sgds-dimension-1280);\n  --sgds-breakpoint-sbar-2-xl: var(--sgds-dimension-1440);\n  --sgds-breakpoint-sbar-3-xl: var(--sgds-dimension-1680px);\n\n  /* Primitive - Font Family */\n  --sgds-font-family-brand: "Inter", system-ui, sans-serif;\n\n  /* Primitive - Font Weight */\n  --sgds-font-weight-light: 300;\n  --sgds-font-weight-regular: 400;\n  --sgds-font-weight-semibold: 600;\n  --sgds-font-weight-bold: 700;\n\n  /* Primitive - Font Size */\n  /* --sgds-font-size-0 to --sgds-font-size-9 is deprecated in v3.7.0 */\n  --sgds-font-size-0: 0.75rem;\n  --sgds-font-size-1: 0.875rem;\n  --sgds-font-size-2: 1rem;\n  --sgds-font-size-3: 1.25rem;\n  --sgds-font-size-4: 1.5rem;\n  --sgds-font-size-5: 1.75rem;\n  --sgds-font-size-6: 2rem;\n  --sgds-font-size-7: 2.5rem;\n  --sgds-font-size-8: 3rem;\n  --sgds-font-size-9: 3.5rem;\n  --sgds-font-size-12: 0.75rem;\n  --sgds-font-size-14: 0.875rem;\n  --sgds-font-size-16: 1rem;\n  --sgds-font-size-18: 1.125rem;\n  --sgds-font-size-20: 1.25rem;\n  --sgds-font-size-22: 1.375rem;\n  --sgds-font-size-24: 1.5rem;\n  --sgds-font-size-26: 1.625rem;\n  --sgds-font-size-28: 1.75rem;\n  --sgds-font-size-30: 1.875rem;\n  --sgds-font-size-32: 2rem;\n  --sgds-font-size-36: 2.25rem;\n  --sgds-font-size-40: 2.5rem;\n  --sgds-font-size-44: 2.75rem;\n  --sgds-font-size-48: 3rem;\n  --sgds-font-size-52: 3.25rem;\n  --sgds-font-size-56: 3.5rem;\n\n  /* Primitive - Icon Size */\n  --sgds-icon-size-xs: 0.75rem;\n  --sgds-icon-size-sm: 1rem;\n  --sgds-icon-size-md: 1.25rem;\n  --sgds-icon-size-lg: 1.5rem;\n  --sgds-icon-size-xl: 2rem;\n  --sgds-icon-size-2-xl: 3rem;\n  --sgds-icon-size-3-xl: 4rem;\n\n  /* Primitive - Letter Spacing */\n  --sgds-letter-spacing-tighter: -1px;\n  --sgds-letter-spacing-tight: -0.4px;\n  --sgds-letter-spacing-normal: 0px;\n  --sgds-letter-spacing-wide: 1px;\n  --sgds-letter-spacing-wider: 2px;\n\n  /* Primitive - Line Height */\n  --sgds-line-height-16: 16px;\n  --sgds-line-height-20: 20px;\n  --sgds-line-height-24: 24px;\n  --sgds-line-height-28: 28px;\n  --sgds-line-height-32: 32px;\n  --sgds-line-height-36: 36px;\n  --sgds-line-height-40: 40px;\n  --sgds-line-height-44: 44px;\n  --sgds-line-height-48: 48px;\n  --sgds-line-height-52: 52px;\n  --sgds-line-height-56: 56px;\n  --sgds-line-height-60: 60px;\n  --sgds-line-height-64: 64px;\n\n  /* Primitive - Opacity */\n  --sgds-opacity-0: 0;\n  --sgds-opacity-3: 0.03;\n  --sgds-opacity-5: 0.05;\n  --sgds-opacity-10: 0.1;\n  --sgds-opacity-20: 0.2;\n  --sgds-opacity-30: 0.3;\n  --sgds-opacity-40: 0.4;\n  --sgds-opacity-50: 0.5;\n  --sgds-opacity-60: 0.6;\n  --sgds-opacity-70: 0.7;\n  --sgds-opacity-80: 0.8;\n  --sgds-opacity-90: 0.9;\n  --sgds-opacity-100: 1;\n\n  /* Primitive - Paragraph Spacing */\n  --sgds-paragraph-spacing-none: 0;\n  --sgds-paragraph-spacing-sm: 0.5rem;\n  --sgds-paragraph-spacing-md: 1rem;\n  --sgds-paragraph-spacing-lg: 1.5rem;\n  --sgds-paragraph-spacing-xl: 2rem;\n\n  /* Primitive - List Spacing */\n  --sgds-list-spacing-sm: 0.5rem;\n  --sgds-list-spacing-md: 0.75rem;\n  --sgds-list-spacing-lg: 1rem;\n\n  /* Primitive - Spacer */\n  --sgds-spacer-0: 0rem;\n  --sgds-spacer-1: 0.125rem;\n  --sgds-spacer-2: 0.25rem;\n  --sgds-spacer-3: 0.5rem;\n  --sgds-spacer-4: 0.75rem;\n  --sgds-spacer-5: 1rem;\n  --sgds-spacer-6: 1.25rem;\n  --sgds-spacer-7: 1.5rem;\n  --sgds-spacer-8: 2rem;\n  --sgds-spacer-9: 3rem;\n  --sgds-spacer-10: 4rem;\n  --sgds-spacer-11: 6rem;\n  --sgds-spacer-12: 8rem;\n\n  /* Primitive - Dimension */\n  --sgds-dimension-0: 0px;\n  --sgds-dimension-1: 1px;\n  --sgds-dimension-2: 2px;\n  --sgds-dimension-4: 4px;\n  --sgds-dimension-8: 8px;\n  --sgds-dimension-12: 12px;\n  --sgds-dimension-16: 16px;\n  --sgds-dimension-20: 20px;\n  --sgds-dimension-24: 24px;\n  --sgds-dimension-28: 28px;\n  --sgds-dimension-32: 32px;\n  --sgds-dimension-40: 40px;\n  --sgds-dimension-48: 48px;\n  --sgds-dimension-52: 52px;\n  --sgds-dimension-56: 56px;\n  --sgds-dimension-60: 60px;\n  --sgds-dimension-64: 64px;\n  --sgds-dimension-68: 68px;\n  --sgds-dimension-72: 72px;\n  --sgds-dimension-76: 76px;\n  --sgds-dimension-80: 80px;\n  --sgds-dimension-88: 88px;\n  --sgds-dimension-96: 96px;\n  --sgds-dimension-112: 112px;\n  --sgds-dimension-120: 120px;\n  --sgds-dimension-128: 128px;\n  --sgds-dimension-132: 132px;\n  --sgds-dimension-136: 136px;\n  --sgds-dimension-144: 144px;\n  --sgds-dimension-160: 160px;\n  --sgds-dimension-168: 168px;\n  --sgds-dimension-192: 192px;\n  --sgds-dimension-224: 224px;\n  --sgds-dimension-256: 256px;\n  --sgds-dimension-280: 280px;\n  --sgds-dimension-288: 288px;\n  --sgds-dimension-320: 320px;\n  --sgds-dimension-328: 328px;\n  --sgds-dimension-332: 332px;\n  --sgds-dimension-340: 340px;\n  --sgds-dimension-344: 344px;\n  --sgds-dimension-360: 360px;\n  --sgds-dimension-384: 384px;\n  --sgds-dimension-400: 400px;\n  --sgds-dimension-480: 480px;\n  --sgds-dimension-512: 512px;\n  --sgds-dimension-640: 640px;\n  --sgds-dimension-688: 688px;\n  --sgds-dimension-768: 768px;\n  --sgds-dimension-800: 800px;\n  --sgds-dimension-840: 840px;\n  --sgds-dimension-864: 864px;\n  --sgds-dimension-872: 872px;\n  --sgds-dimension-888: 888px;\n  --sgds-dimension-960: 960px;\n  --sgds-dimension-1024: 1024px;\n  --sgds-dimension-1168: 1168px;\n  --sgds-dimension-1280: 1280px;\n  --sgds-dimension-1296: 1296px;\n  --sgds-dimension-1312: 1312px;\n  --sgds-dimension-1440: 1440px;\n  --sgds-dimension-1680px: 1680px;\n\n  /* Semantic - Padding */\n  --sgds-padding-none: var(--sgds-spacer-0);\n  --sgds-padding-3-xs: var(--sgds-spacer-1);\n  --sgds-padding-2-xs: var(--sgds-spacer-2);\n  --sgds-padding-xs: var(--sgds-spacer-3);\n  --sgds-padding-sm: var(--sgds-spacer-4);\n  --sgds-padding-md: var(--sgds-spacer-5);\n  --sgds-padding-lg: var(--sgds-spacer-6);\n  --sgds-padding-xl: var(--sgds-spacer-7);\n  --sgds-padding-2-xl: var(--sgds-spacer-8);\n  --sgds-padding-3-xl: var(--sgds-spacer-9);\n  --sgds-padding-4-xl: var(--sgds-spacer-10);\n  --sgds-padding-5-xl: var(--sgds-spacer-11);\n  --sgds-form-padding-x: var(--sgds-padding-md);\n  --sgds-form-padding-y: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xs: var(--sgds-padding-3-xs);\n  --sgds-form-padding-inline-sm: var(--sgds-padding-2-xs);\n  --sgds-form-padding-inline-md: var(--sgds-padding-xs);\n  --sgds-form-padding-inline-lg: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xl: var(--sgds-padding-md);\n\n  /* NEW - MARGIN */\n  --sgds-margin-none: var(--sgds-spacer-0);\n  --sgds-margin-3-xs: var(--sgds-spacer-1);\n  --sgds-margin-2-xs: var(--sgds-spacer-2);\n  --sgds-margin-xs: var(--sgds-spacer-3);\n  --sgds-margin-sm: var(--sgds-spacer-4);\n  --sgds-margin-md: var(--sgds-spacer-5);\n  --sgds-margin-lg: var(--sgds-spacer-6);\n  --sgds-margin-xl: var(--sgds-spacer-7);\n  --sgds-margin-2-xl: var(--sgds-spacer-8);\n  --sgds-margin-3-xl: var(--sgds-spacer-9);\n  --sgds-margin-4-xl: var(--sgds-spacer-10);\n  --sgds-margin-5-xl: var(--sgds-spacer-11);\n\n  --sgds-gutter-sm: var(--sgds-dimension-16);\n  --sgds-gutter-md: var(--sgds-dimension-24);\n  --sgds-gutter-lg: var(--sgds-dimension-32);\n\n  --sgds-gap-none: var(--sgds-spacer-0);\n  --sgds-gap-2-xs: var(--sgds-spacer-2);\n  --sgds-gap-xs: var(--sgds-spacer-3);\n  --sgds-gap-sm: var(--sgds-spacer-4);\n  --sgds-gap-md: var(--sgds-spacer-5);\n  --sgds-gap-lg: var(--sgds-spacer-6);\n  --sgds-gap-xl: var(--sgds-spacer-7);\n  --sgds-gap-2-xl: var(--sgds-spacer-8);\n  --sgds-gap-3-xl: var(--sgds-spacer-9);\n  --sgds-form-gap-sm: var(--sgds-gap-2-xs);\n  --sgds-form-gap-md: var(--sgds-gap-xs);\n  --sgds-form-gap-lg: var(--sgds-gap-sm);\n  --sgds-form-gap-xl: var(--sgds-gap-md);\n  --sgds-form-gap-2-xl: var(--sgds-gap-xl);\n\n  --sgds-form-height-3-xs: var(--sgds-dimension-12);\n  --sgds-form-height-2-xs: var(--sgds-dimension-16);\n  --sgds-form-height-xs: var(--sgds-dimension-20);\n  --sgds-form-height-sm: var(--sgds-dimension-24);\n  --sgds-form-height-md: var(--sgds-dimension-32);\n  --sgds-form-height-lg: var(--sgds-dimension-40);\n  --sgds-form-height-xl: var(--sgds-dimension-48);\n  --sgds-form-height-2-xl: var(--sgds-dimension-56);\n\n  --sgds-form-width-3-xs: var(--sgds-dimension-12);\n  --sgds-form-width-2-xs: var(--sgds-dimension-16);\n  --sgds-form-width-xs: var(--sgds-dimension-24);\n  --sgds-form-width-sm: var(--sgds-dimension-32);\n  --sgds-form-width-md: var(--sgds-dimension-40);\n  --sgds-form-width-lg: var(--sgds-dimension-48);\n  --sgds-form-width-xl: var(--sgds-dimension-56);\n  --sgds-form-width-2-xl: var(--sgds-dimension-64);\n  --sgds-form-width-3-xl: var(--sgds-dimension-72);\n  --sgds-form-width-4-xl: var(--sgds-dimension-80);\n\n  /* Semantic - Form Icon Size */\n  --sgds-form-icon-size-sm: var(--sgds-icon-size-sm);\n  --sgds-form-icon-size-md: var(--sgds-icon-size-md);\n  --sgds-form-icon-size-lg: var(--sgds-icon-size-lg);\n\n  --sgds-outline-focus: var(--sgds-border-width-2) solid var(--sgds-blue-400);\n  --sgds-outline-offset-focus: calc(-1 * var(--sgds-border-width-2));\n  --sgds-form-outline-focus: var(--sgds-outline-focus);\n  --sgds-form-outline-offset-focus: var(--sgds-outline-offset-focus);\n\n  /* Semantic - Text Max Width */\n  --sgds-text-max-width: var(--sgds-dimension-864);\n\n  /* Semantic - Container Max Width */\n  --sgds-container-max-width-md: var(--sgds-dimension-768);\n  --sgds-container-max-width-lg: var(--sgds-dimension-888);\n  --sgds-container-max-width-xl: var(--sgds-dimension-1168);\n  --sgds-container-max-width-2-xl: var(--sgds-dimension-1312);\n  --sgds-container-max-width-3-xl: var(--sgds-dimension-1440);\n\n  /* Masthead and Mainnav Max Width and Padding */\n  --sgds-mainnav-max-width: 1440px;\n  --sgds-mainnav-padding-x: 2rem;\n  --sgds-mainnav-mobile-padding-x: 1.25rem;\n\n  /* Foundation - Motion Easing  */\n  --sgds-motion-easing-enter: cubic-bezier(0.1, 0, 0.5, 0);\n  --sgds-motion-easing-exit: cubic-bezier(0.15, 0.6, 0.6, 1);\n  --sgds-motion-easing-standard: cubic-bezier(0.25, 0, 0.25, 1);\n\n  /* Foundation - Motion Duration  */\n  --sgds-motion-duration-faster: 100ms;\n  --sgds-motion-duration-fast: 200ms;\n  --sgds-motion-duration-standard: 300ms;\n  --sgds-motion-duration-slow: 400ms;\n  --sgds-motion-duration-slower: 500ms;\n\n  /* Foundation - Z-Index Primitive */\n  --sgds-z-index-0: 0;\n  --sgds-z-index-100: 100;\n  --sgds-z-index-200: 200;\n  --sgds-z-index-400: 400;\n  --sgds-z-index-800: 800;\n  --sgds-z-index-1600: 1600;\n\n  /* Semantic - Z-Index */\n  --sgds-z-index-base: var(--sgds-z-index-0);\n  --sgds-z-index-raised: var(--sgds-z-index-100);\n  --sgds-z-index-sticky: var(--sgds-z-index-200);\n  --sgds-z-index-floating: var(--sgds-z-index-400);\n  --sgds-z-index-overlay: var(--sgds-z-index-800);\n  --sgds-z-index-modal: var(--sgds-z-index-1600);\n  /* Elevation */\n  --sgds-elevation-surface-1: 0 0 2px 0 rgba(14, 14, 14, 0.16);\n  --sgds-elevation-surface-2: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 2px 4px 0 rgba(14, 14, 14, 0.08);\n  --sgds-elevation-surface-3: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 4px 8px 0 rgba(14, 14, 14, 0.08);\n  --sgds-elevation-surface-4: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 8px 16px 0 rgba(14, 14, 14, 0.08);\n  --sgds-elevation-surface-5: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 16px 32px 0 rgba(14, 14, 14, 0.08);\n  --sgds-elevation-edge-top: 0 -2px 4px 0 rgba(14, 14, 14, 0.08);\n  --sgds-elevation-edge-bottom: 0 2px 4px 0 rgba(14, 14, 14, 0.08);\n}\n:root.sgds-night-theme {\n  color-scheme: only dark;\n  --sgds-color-scheme: only dark;\n\n  /* Semantic - Default Colors */\n  --sgds-bg-default: var(--sgds-gray-1100);\n  --sgds-bg-alternate: var(--sgds-gray-1000);\n  --sgds-bg-fixed-light: var(--sgds-gray-000);\n  --sgds-bg-fixed-dark: var(--sgds-gray-1100);\n  --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.5);\n  --sgds-bg-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-bg-transparent: transparent;\n  --sgds-bg-translucent-inverse: oklch(from var(--sgds-gray-1100) l c h / 0.2);\n  --sgds-bg-translucent-fixed-dark: oklch(from var(--sgds-gray-1100) l c h / 0.2);\n  --sgds-bg-translucent-fixed-light: oklch(from var(--sgds-gray-000) l c h / 0.2);\n  --sgds-surface-default: var(--sgds-gray-900);\n  --sgds-surface-raised: var(--sgds-gray-800);\n  --sgds-surface-inverse: var(--sgds-gray-000);\n  --sgds-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-color-default: var(--sgds-gray-100);\n  --sgds-color-subtle: var(--sgds-gray-400);\n  --sgds-color-muted: var(--sgds-gray-800);\n  --sgds-color-inverse: var(--sgds-gray-1000);\n  --sgds-color-fixed-light: var(--sgds-gray-100);\n  --sgds-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-color-transparent: transparent;\n  --sgds-border-color-default: var(--sgds-gray-500);\n  --sgds-border-color-emphasis: var(--sgds-gray-200);\n  --sgds-border-color-muted: var(--sgds-gray-800);\n  --sgds-border-color-fixed-light: var(--sgds-gray-000);\n  --sgds-border-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-border-color-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);\n  --sgds-border-color-transparent: transparent;\n\n  /* Semantic - Primary Colors */\n  --sgds-primary-bg-default: var(--sgds-product-primary-600);\n  --sgds-primary-bg-muted: var(--sgds-product-primary-200);\n  --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.05);\n  --sgds-primary-surface-default: var(--sgds-product-primary-600);\n  --sgds-primary-surface-emphasis: var(--sgds-product-primary-700);\n  --sgds-primary-surface-muted: var(--sgds-product-primary-100);\n  --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.1);\n  --sgds-primary-color-default: var(--sgds-product-primary-400);\n  --sgds-primary-color-emphasis: var(--sgds-product-primary-300);\n  --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);\n  --sgds-primary-color-fixed-dark: var(--sgds-product-primary-600);\n  --sgds-primary-border-color-default: var(--sgds-product-primary-400);\n  --sgds-primary-border-color-emphasis: var(--sgds-product-primary-200);\n  --sgds-primary-border-color-muted: var(--sgds-product-primary-700);\n\n  /* Semantic - Accent Colors */\n  --sgds-accent-bg-default: var(--sgds-blue-600);\n  --sgds-accent-bg-muted: var(--sgds-blue-200);\n  --sgds-accent-surface-default: var(--sgds-blue-600);\n  --sgds-accent-surface-emphasis: var(--sgds-blue-700);\n  --sgds-accent-surface-muted: var(--sgds-blue-100);\n  --sgds-accent-color-default: var(--sgds-blue-400);\n  --sgds-accent-color-emphasis: var(--sgds-blue-300);\n  --sgds-accent-color-fixed-light: var(--sgds-blue-400);\n  --sgds-accent-color-fixed-dark: var(--sgds-blue-600);\n  --sgds-accent-border-color-default: var(--sgds-blue-500);\n  --sgds-accent-border-color-emphasis: var(--sgds-blue-200);\n  --sgds-accent-border-color-muted: var(--sgds-blue-700);\n\n  /* Semantic - Success Colors */\n  --sgds-success-bg-default: var(--sgds-green-600);\n  --sgds-success-bg-muted: var(--sgds-green-200);\n  --sgds-success-surface-default: var(--sgds-green-600);\n  --sgds-success-surface-emphasis: var(--sgds-green-700);\n  --sgds-success-surface-muted: var(--sgds-green-100);\n  --sgds-success-color-default: var(--sgds-green-400);\n  --sgds-success-color-emphasis: var(--sgds-green-300);\n  --sgds-success-color-fixed-light: var(--sgds-green-400);\n  --sgds-success-color-fixed-dark: var(--sgds-green-600);\n  --sgds-success-border-color-default: var(--sgds-green-400);\n  --sgds-success-border-color-emphasis: var(--sgds-green-200);\n  --sgds-success-border-color-muted: var(--sgds-green-700);\n\n  /* Semantic - Danger Colors */\n  --sgds-danger-bg-default: var(--sgds-red-600);\n  --sgds-danger-bg-muted: var(--sgds-red-200);\n  --sgds-danger-surface-default: var(--sgds-red-600);\n  --sgds-danger-surface-emphasis: var(--sgds-red-700);\n  --sgds-danger-surface-muted: var(--sgds-red-100);\n  --sgds-danger-surface-translucent: oklch(from var(--sgds-red-100) l c h / 0.08);\n  --sgds-danger-color-default: var(--sgds-red-400);\n  --sgds-danger-color-emphasis: var(--sgds-red-300);\n  --sgds-danger-color-fixed-light: var(--sgds-red-400);\n  --sgds-danger-color-fixed-dark: var(--sgds-red-600);\n  --sgds-danger-border-color-default: var(--sgds-red-400);\n  --sgds-danger-border-color-emphasis: var(--sgds-red-200);\n  --sgds-danger-border-color-muted: var(--sgds-red-700);\n\n  /* Semantic - Warning Colors */\n  --sgds-warning-bg-default: var(--sgds-yellow-300);\n  --sgds-warning-bg-muted: var(--sgds-yellow-200);\n  --sgds-warning-surface-default: var(--sgds-yellow-200);\n  --sgds-warning-surface-emphasis: var(--sgds-yellow-600);\n  --sgds-warning-surface-muted: var(--sgds-yellow-100);\n  --sgds-warning-color-default: var(--sgds-yellow-300);\n  --sgds-warning-color-emphasis: var(--sgds-yellow-200);\n  --sgds-warning-color-fixed-light: var(--sgds-yellow-300);\n  --sgds-warning-color-fixed-dark: var(--sgds-yellow-600);\n  --sgds-warning-border-color-default: var(--sgds-yellow-400);\n  --sgds-warning-border-color-emphasis: var(--sgds-yellow-200);\n  --sgds-warning-border-color-muted: var(--sgds-yellow-700);\n  \n  /* Semantic - Purple Colors */\n  --sgds-purple-bg-default: var(--sgds-purple-600);\n  --sgds-purple-bg-muted: var(--sgds-purple-200);\n  --sgds-purple-surface-default: var(--sgds-purple-600);\n  --sgds-purple-surface-emphasis: var(--sgds-purple-700);\n  --sgds-purple-surface-muted: var(--sgds-purple-100);\n  --sgds-purple-color-default: var(--sgds-purple-400);\n  --sgds-purple-color-emphasis: var(--sgds-purple-300);\n  --sgds-purple-color-fixed-light: var(--sgds-purple-400);\n  --sgds-purple-color-fixed-dark: var(--sgds-purple-600);\n  --sgds-purple-border-color-default: var(--sgds-purple-500);\n  --sgds-purple-border-color-emphasis: var(--sgds-purple-200);\n  --sgds-purple-border-color-muted: var(--sgds-purple-700);\n  \n  /* Semantic - Cyan Colors */\n  --sgds-cyan-bg-default: var(--sgds-cyan-600);\n  --sgds-cyan-bg-muted: var(--sgds-cyan-200);\n  --sgds-cyan-surface-default: var(--sgds-cyan-600);\n  --sgds-cyan-surface-emphasis: var(--sgds-cyan-700);\n  --sgds-cyan-surface-muted: var(--sgds-cyan-100);\n  --sgds-cyan-color-default: var(--sgds-cyan-400);\n  --sgds-cyan-color-emphasis: var(--sgds-cyan-300);\n  --sgds-cyan-color-fixed-light: var(--sgds-cyan-400);\n  --sgds-cyan-color-fixed-dark: var(--sgds-cyan-600);\n  --sgds-cyan-border-color-default: var(--sgds-cyan-500);\n  --sgds-cyan-border-color-emphasis: var(--sgds-cyan-200);\n  --sgds-cyan-border-color-muted: var(--sgds-cyan-700);\n\n  /* Semantic - Neutral Colors */\n  --sgds-neutral-bg-default: var(--sgds-gray-600);\n  --sgds-neutral-bg-muted: var(--sgds-gray-200);\n  --sgds-neutral-surface-default: var(--sgds-gray-600);\n  --sgds-neutral-surface-emphasis: var(--sgds-gray-700);\n  --sgds-neutral-surface-muted: var(--sgds-gray-200);\n  --sgds-neutral-surface-translucent: oklch(from var(--sgds-gray-000) l c h / 0.15);\n  --sgds-neutral-color-default: var(--sgds-gray-400);\n  --sgds-neutral-color-emphasis: var(--sgds-gray-300);\n  --sgds-neutral-color-fixed-light: var(--sgds-gray-400);\n  --sgds-neutral-color-fixed-dark: var(--sgds-gray-600);\n  --sgds-neutral-border-color-default: var(--sgds-gray-400);\n  --sgds-neutral-border-color-emphasis: var(--sgds-gray-200);\n  --sgds-neutral-border-color-muted: var(--sgds-gray-700);\n\n  /* Semantic - Display Colors */\n  --sgds-display-color-default: var(--sgds-gray-000);\n  --sgds-display-color-subtle: var(--sgds-gray-200);\n\n  /* Semantic - Heading Colors */\n  --sgds-heading-color-default: var(--sgds-gray-100);\n  --sgds-heading-color-subtle: var(--sgds-gray-200);\n\n  /* Semantic - Body Colors */\n  --sgds-body-color-default: var(--sgds-gray-000);\n  --sgds-body-color-subtle: var(--sgds-gray-300);\n\n  /* Semantic - Label Colors */\n  --sgds-label-color-default: var(--sgds-gray-100);\n  --sgds-label-color-subtle: var(--sgds-gray-300);\n\n  /* Semantic - Link Color */\n  --sgds-link-color-default: var(--sgds-blue-400);\n  --sgds-link-color-emphasis: var(--sgds-blue-300);\n\n  /* Semantic - Form Color */\n  --sgds-form-surface-default: var(--sgds-gray-900);\n  --sgds-form-surface-raised: var(--sgds-gray-800);\n  --sgds-form-surface-emphasis: var(--sgds-gray-200);\n  --sgds-form-surface-subtle: var(--sgds-gray-500);\n  --sgds-form-surface-muted: var(--sgds-gray-700);\n  --sgds-form-surface-inverse: var(--sgds-gray-000);\n  --sgds-form-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-form-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-form-color-default: var(--sgds-gray-100);\n  --sgds-form-color-subtle: var(--sgds-gray-300);\n  --sgds-form-color-muted: var(--sgds-gray-700);\n  --sgds-form-color-inverse: var(--sgds-gray-900);\n  --sgds-form-color-fixed-light: var(--sgds-gray-000);\n  --sgds-form-color-fixed-dark: var(--sgds-gray-1100);\n  --sgds-form-primary-surface-default: var(--sgds-product-primary-600);\n  --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-700);\n  --sgds-form-primary-color-default: var(--sgds-product-primary-400);\n  --sgds-form-success-surface-default: var(--sgds-green-600);\n  --sgds-form-success-color-default: var(--sgds-green-500);\n  --sgds-form-success-border-color-default: var(--sgds-green-500);\n  --sgds-form-danger-surface-default: var(--sgds-red-600);\n  --sgds-form-danger-color-default: var(--sgds-red-500);\n  --sgds-form-danger-border-color-default: var(--sgds-red-500);\n}\n',"lifesg-ds-masthead-stylesheet-night");
 //# sourceMappingURL=night.css.js.map

package/external/@govtechsg/sgds-web-component/utils/ce-registry.js

@@ -0,0 +1,2 @@
+function e(e,t){customElements.get(e)||customElements.define(e,t)}export{e as register};
+//# sourceMappingURL=ce-registry.js.map

package/external/@govtechsg/sgds-web-component/utils/ce-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ce-registry.js","sources":["../../../../../node_modules/@govtechsg/sgds-web-component/utils/ce-registry.js"],"sourcesContent":["/**\n *\n * @param name tagname of custom element\n * @returns boolean\n */\nfunction isRegistered(name) {\n    return !!customElements.get(name);\n}\nfunction register(name, constructor) {\n    if (!customElements.get(name)) {\n        customElements.define(name, constructor);\n    }\n}\nfunction warnUnregisteredElements(name) {\n    if (isRegistered(name)) {\n        return true;\n    }\n    else {\n        console.error(`Custom element of name : ${name} is not registered. Remember to import the component file for custom element registration`);\n        return false;\n    }\n}\n\nexport { isRegistered, register, warnUnregisteredElements };\n//# sourceMappingURL=ce-registry.js.map\n"],"names":["register","name","constructor","customElements","get","define"],"mappings":"AAQA,SAASA,EAASC,EAAMC,GACfC,eAAeC,IAAIH,IACpBE,eAAeE,OAAOJ,EAAMC,EAEpC","x_google_ignoreList":[0]}

package/external/@lit/reactive-element/css-tag.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const S=t=>new n("string"==typeof t?t:t+"",void 0,s),r=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n(o,t,s)},c=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},a=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return S(e)})(t):t;export{n as CSSResult,c as adoptStyles,r as css,a as getCompatibleStyle,e as supportsAdoptingStyleSheets,S as unsafeCSS};
+//# sourceMappingURL=css-tag.js.map

package/external/@lit/reactive-element/css-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-tag.js","sources":["../../../../node_modules/@lit/reactive-element/css-tag.js"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1]),t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n"],"names":["t","globalThis","e","ShadowRoot","ShadyCSS","nativeShadow","Document","prototype","CSSStyleSheet","s","Symbol","o","WeakMap","n","constructor","this","_$cssResult$","Error","cssText","styleSheet","length","get","replaceSync","set","toString","r","i","reduce","S","adoptedStyleSheets","map","document","createElement","litNonce","setAttribute","textContent","appendChild","c","cssRules"],"mappings":";;;;;AAKK,MAACA,EAAEC,WAAWC,EAAEF,EAAEG,kBAAa,IAASH,EAAEI,UAAUJ,EAAEI,SAASC,eAAe,uBAAuBC,SAASC,WAAW,YAAYC,cAAcD,UAAUE,EAAEC,SAASC,EAAE,IAAIC,QAAQ,MAAMC,EAAE,WAAAC,CAAYd,EAAEE,EAAES,GAAG,GAAGI,KAAKC,cAAa,EAAGL,IAAIF,EAAE,MAAMQ,MAAM,qEAAqEF,KAAKG,QAAQlB,EAAEe,KAAKf,EAAEE,CAAC,CAAC,cAAIiB,GAAa,IAAInB,EAAEe,KAAKJ,EAAE,MAAMF,EAAEM,KAAKf,EAAE,GAAGE,QAAG,IAASF,EAAE,CAAC,MAAME,OAAE,IAASO,GAAG,IAAIA,EAAEW,OAAOlB,IAAIF,EAAEW,EAAEU,IAAIZ,SAAI,IAAST,KAAKe,KAAKJ,EAAEX,EAAE,IAAIQ,eAAec,YAAYP,KAAKG,SAAShB,GAAGS,EAAEY,IAAId,EAAET,GAAG,CAAC,OAAOA,CAAC,CAAC,QAAAwB,GAAW,OAAOT,KAAKG,OAAO,EAAO,MAACO,EAAEzB,GAAG,IAAIa,EAAE,iBAAiBb,EAAEA,EAAEA,EAAE,QAAG,EAAOS,GAAGiB,EAAE,CAAC1B,KAAKE,KAAK,MAAMS,EAAE,IAAIX,EAAEoB,OAAOpB,EAAE,GAAGE,EAAEyB,SAASzB,EAAEO,EAAEE,IAAIT,EAAE,CAACF,IAAI,IAAG,IAAKA,EAAEgB,aAAa,OAAOhB,EAAEkB,QAAQ,GAAG,iBAAiBlB,EAAE,OAAOA,EAAE,MAAMiB,MAAM,mEAAmEjB,EAAE,uFAAwF,EAArP,CAAuPS,GAAGT,EAAEW,EAAE,IAAIX,EAAE,IAAI,OAAO,IAAIa,EAAEF,EAAEX,EAAES,EAAC,EAAGmB,EAAE,CAACnB,EAAEE,KAAK,GAAGT,EAAEO,EAAEoB,mBAAmBlB,EAAEmB,KAAK9B,GAAGA,aAAaQ,cAAcR,EAAEA,EAAEmB,kBAAkB,IAAI,MAAMjB,KAAKS,EAAE,CAAC,MAAMA,EAAEoB,SAASC,cAAc,SAASnB,EAAEb,EAAEiC,cAAS,IAASpB,GAAGF,EAAEuB,aAAa,QAAQrB,GAAGF,EAAEwB,YAAYjC,EAAEgB,QAAQT,EAAE2B,YAAYzB,EAAE,GAAG0B,EAAEnC,EAAEF,GAAGA,EAAEA,GAAGA,aAAaQ,cAAc,CAACR,IAAI,IAAIE,EAAE,GAAG,IAAI,MAAMO,KAAKT,EAAEsC,SAASpC,GAAGO,EAAES,QAAQ,OAAOO,EAAEvB,EAAG,EAAjE,CAAmEF,GAAGA","x_google_ignoreList":[0]}

package/external/@lit/reactive-element/decorators/property.js

@@ -0,0 +1,7 @@
+import{notEqual as t,defaultConverter as e}from"../reactive-element.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r={attribute:!0,type:String,converter:e,reflect:!1,hasChanged:t},o=(t=r,e,o)=>{const{kind:a,metadata:s}=o;let n=globalThis.litPropertyMetadata.get(s);if(void 0===n&&globalThis.litPropertyMetadata.set(s,n=new Map),"setter"===a&&((t=Object.create(t)).wrapped=!0),n.set(o.name,t),"accessor"===a){const{name:r}=o;return{set(o){const a=e.get.call(this);e.set.call(this,o),this.requestUpdate(r,a,t)},init(e){return void 0!==e&&this.C(r,void 0,t,e),e}}}if("setter"===a){const{name:r}=o;return function(o){const a=this[r];e.call(this,o),this.requestUpdate(r,a,t)}}throw Error("Unsupported decorator location: "+a)};function a(t){return(e,r)=>"object"==typeof r?o(t,e,r):((t,e,r)=>{const o=e.hasOwnProperty(r);return e.constructor.createProperty(r,t),o?Object.getOwnPropertyDescriptor(e,r):void 0})(t,e,r)}export{a as property,o as standardProperty};
+//# sourceMappingURL=property.js.map

package/external/@lit/reactive-element/decorators/property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property.js","sources":["../../../../../node_modules/@lit/reactive-element/decorators/property.js"],"sourcesContent":["import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n"],"names":["o","attribute","type","String","converter","t","reflect","hasChanged","e","r","kind","n","metadata","i","s","globalThis","litPropertyMetadata","get","set","Map","Object","create","wrapped","name","call","this","requestUpdate","init","C","Error","hasOwnProperty","constructor","createProperty","getOwnPropertyDescriptor"],"mappings":";;;;;GAKQ,MAACA,EAAE,CAACC,WAAU,EAAGC,KAAKC,OAAOC,UAAUC,EAAEC,SAAQ,EAAGC,WAAWC,GAAGC,EAAE,CAACJ,EAAEL,EAAEQ,EAAEC,KAAK,MAAMC,KAAKC,EAAEC,SAASC,GAAGJ,EAAE,IAAIK,EAAEC,WAAWC,oBAAoBC,IAAIJ,GAAG,QAAG,IAASC,GAAGC,WAAWC,oBAAoBE,IAAIL,EAAEC,EAAE,IAAIK,KAAK,WAAWR,KAAKN,EAAEe,OAAOC,OAAOhB,IAAIiB,SAAQ,GAAIR,EAAEI,IAAIT,EAAEc,KAAKlB,GAAG,aAAaM,EAAE,CAAC,MAAMY,KAAKvB,GAAGS,EAAE,MAAM,CAAC,GAAAS,CAAIT,GAAG,MAAME,EAAEH,EAAES,IAAIO,KAAKC,MAAMjB,EAAEU,IAAIM,KAAKC,KAAKhB,GAAGgB,KAAKC,cAAc1B,EAAEW,EAAEN,EAAE,EAAE,IAAAsB,CAAKnB,GAAG,YAAO,IAASA,GAAGiB,KAAKG,EAAE5B,OAAE,EAAOK,EAAEG,GAAGA,CAAC,EAAE,CAAC,GAAG,WAAWG,EAAE,CAAC,MAAMY,KAAKvB,GAAGS,EAAE,OAAO,SAASA,GAAG,MAAME,EAAEc,KAAKzB,GAAGQ,EAAEgB,KAAKC,KAAKhB,GAAGgB,KAAKC,cAAc1B,EAAEW,EAAEN,EAAE,CAAC,CAAC,MAAMwB,MAAM,mCAAmClB,EAAC,EAAG,SAASA,EAAEN,GAAG,MAAM,CAACG,EAAER,IAAI,iBAAiBA,EAAES,EAAEJ,EAAEG,EAAER,GAAG,EAAEK,EAAEG,EAAER,KAAK,MAAMS,EAAED,EAAEsB,eAAe9B,GAAG,OAAOQ,EAAEuB,YAAYC,eAAehC,EAAEK,GAAGI,EAAEW,OAAOa,yBAAyBzB,EAAER,QAAG,CAAO,EAA9H,CAAgIK,EAAEG,EAAER,EAAE","x_google_ignoreList":[0]}

package/external/@lit/reactive-element/decorators/state.js

@@ -0,0 +1,7 @@
+import{property as t}from"./property.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};
+//# sourceMappingURL=state.js.map

package/external/@lit/reactive-element/decorators/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sources":["../../../../../node_modules/@lit/reactive-element/decorators/state.js"],"sourcesContent":["import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n"],"names":["r","t","state","attribute"],"mappings":";;;;;GAKG,SAASA,EAAEA,GAAG,OAAOC,EAAE,IAAID,EAAEE,OAAM,EAAGC,WAAU,GAAI","x_google_ignoreList":[0]}

package/external/@lit/reactive-element/reactive-element.js

@@ -0,0 +1,7 @@
+import{getCompatibleStyle as t,adoptStyles as e}from"./css-tag.js";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from"./css-tag.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:s,defineProperty:i,getOwnPropertyDescriptor:r,getOwnPropertyNames:o,getOwnPropertySymbols:a,getPrototypeOf:n}=Object,h=globalThis,c=h.trustedTypes,p=c?c.emptyScript:"",l=h.reactiveElementPolyfillSupport,d=(t,e)=>t,u={toAttribute(t,e){switch(e){case Boolean:t=t?p:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},f=(t,e)=>!s(t,e),E={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol("metadata"),h.litPropertyMetadata??=new WeakMap;class _ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=E){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);void 0!==r&&i(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=r(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const r=i?.call(this);o?.call(this,e),this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??E}static _$Ei(){if(this.hasOwnProperty(d("elementProperties")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d("properties"))){const t=this.properties,e=[...o(t),...a(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const s=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)s.unshift(t(e))}else void 0!==e&&s.push(t(e));return s}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return e(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:u).toAttribute(e,s.type);this._$Em=t,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=i;const o=r.fromAttribute(e,t.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){const i=this.constructor,r=this[t];if(s??=i.getPropertyOptions(t),!((s.hasChanged??f)(r,e)||s.useDefault&&s.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:r},o){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==r||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,s,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[d("elementProperties")]=new Map,_[d("finalized")]=new Map,l?.({ReactiveElement:_}),(h.reactiveElementVersions??=[]).push("2.1.1");export{_ as ReactiveElement,e as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};
+//# sourceMappingURL=reactive-element.js.map

package/external/@lit/reactive-element/reactive-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-element.js","sources":["../../../../node_modules/@lit/reactive-element/reactive-element.js"],"sourcesContent":["import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.1\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n"],"names":["is","i","defineProperty","e","getOwnPropertyDescriptor","h","getOwnPropertyNames","r","getOwnPropertySymbols","o","getPrototypeOf","n","Object","a","globalThis","c","trustedTypes","l","emptyScript","p","reactiveElementPolyfillSupport","d","t","s","u","toAttribute","Boolean","Array","JSON","stringify","fromAttribute","Number","parse","f","b","attribute","type","String","converter","reflect","useDefault","hasChanged","Symbol","metadata","litPropertyMetadata","WeakMap","y","HTMLElement","addInitializer","this","_$Ei","push","observedAttributes","finalize","_$Eh","keys","createProperty","state","prototype","hasOwnProperty","create","wrapped","elementProperties","set","noAccessor","getPropertyDescriptor","get","call","requestUpdate","configurable","enumerable","getPropertyOptions","Map","finalized","properties","_$Eu","elementStyles","finalizeStyles","styles","isArray","Set","flat","reverse","unshift","toLowerCase","constructor","super","_$Ep","isUpdatePending","hasUpdated","_$Em","_$Ev","_$ES","Promise","enableUpdating","_$AL","_$E_","forEach","addController","_$EO","add","renderRoot","isConnected","hostConnected","removeController","delete","size","createRenderRoot","shadowRoot","attachShadow","shadowRootOptions","connectedCallback","disconnectedCallback","hostDisconnected","attributeChangedCallback","_$AK","_$ET","removeAttribute","setAttribute","_$Ej","hasAttribute","C","_$EP","has","_$Eq","reject","scheduleUpdate","performUpdate","shouldUpdate","willUpdate","hostUpdate","update","_$EM","_$AE","hostUpdated","firstUpdated","updated","updateComplete","getUpdateComplete","mode","ReactiveElement","reactiveElementVersions"],"mappings":"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","x_google_ignoreList":[0]}

package/external/lit-element/lit-element.js

@@ -0,0 +1,7 @@
+import{ReactiveElement as e}from"../@lit/reactive-element/reactive-element.js";export{defaultConverter,notEqual}from"../@lit/reactive-element/reactive-element.js";import{render as t,noChange as n}from"../lit-html/lit-html.js";export{html,nothing}from"../lit-html/lit-html.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=globalThis;class s extends e{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const n=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=t(n,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return n}}s._$litElement$=!0,s.finalized=!0,r.litElementHydrateSupport?.({LitElement:s});const i=r.litElementPolyfillSupport;i?.({LitElement:s}),(r.litElementVersions??=[]).push("4.2.1");export{s as LitElement,e as ReactiveElement,n as noChange,t as render};
+//# sourceMappingURL=lit-element.js.map

package/external/lit-element/lit-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-element.js","sources":["../../../node_modules/lit-element/lit-element.js"],"sourcesContent":["import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.1\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n"],"names":["s","globalThis","i","t","constructor","super","arguments","this","renderOptions","host","_$Do","createRenderRoot","renderBefore","firstChild","update","r","render","hasUpdated","isConnected","e","renderRoot","connectedCallback","setConnected","disconnectedCallback","_$litElement$","litElementHydrateSupport","LitElement","o","litElementPolyfillSupport","litElementVersions","push"],"mappings":";;;;;GAKG,MAAMA,EAAEC,WAAW,MAAMC,UAAUC,EAAE,WAAAC,GAAcC,SAASC,WAAWC,KAAKC,cAAc,CAACC,KAAKF,MAAMA,KAAKG,UAAK,CAAM,CAAC,gBAAAC,GAAmB,MAAMR,EAAEE,MAAMM,mBAAmB,OAAOJ,KAAKC,cAAcI,eAAeT,EAAEU,WAAWV,CAAC,CAAC,MAAAW,CAAOX,GAAG,MAAMY,EAAER,KAAKS,SAAST,KAAKU,aAAaV,KAAKC,cAAcU,YAAYX,KAAKW,aAAab,MAAMS,OAAOX,GAAGI,KAAKG,KAAKS,EAAEJ,EAAER,KAAKa,WAAWb,KAAKC,cAAc,CAAC,iBAAAa,GAAoBhB,MAAMgB,oBAAoBd,KAAKG,MAAMY,cAAa,EAAG,CAAC,oBAAAC,GAAuBlB,MAAMkB,uBAAuBhB,KAAKG,MAAMY,cAAa,EAAG,CAAC,MAAAN,GAAS,OAAOD,CAAC,EAAEb,EAAEsB,eAAc,EAAGtB,EAAa,WAAE,EAAGF,EAAEyB,2BAA2B,CAACC,WAAWxB,IAAI,MAAMyB,EAAE3B,EAAE4B,0BAA0BD,IAAI,CAACD,WAAWxB,KAA0DF,EAAE6B,qBAAqB,IAAIC,KAAK","x_google_ignoreList":[0]}

package/external/lit-html/lit-html.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,e=t.trustedTypes,s=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,i="$lit$",n=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+n,r=`<${o}>`,h=document,l=()=>h.createComment(""),$=t=>null===t||"object"!=typeof t&&"function"!=typeof t,A=Array.isArray,_="[ \t\n\f\r]",a=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,c=/-->/g,d=/>/g,p=RegExp(`>|${_}(?:([^\\s"'>=/]+)(${_}*=${_}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),u=/'/g,g=/"/g,v=/^(?:script|style|textarea|title)$/i,f=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),m=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),x=new WeakMap,H=h.createTreeWalker(h,129);function N(t,e){if(!A(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(e):e}const T=(t,e)=>{const s=t.length-1,o=[];let h,l=2===e?"<svg>":3===e?"<math>":"",$=a;for(let e=0;e<s;e++){const s=t[e];let A,_,f=-1,m=0;for(;m<s.length&&($.lastIndex=m,_=$.exec(s),null!==_);)m=$.lastIndex,$===a?"!--"===_[1]?$=c:void 0!==_[1]?$=d:void 0!==_[2]?(v.test(_[2])&&(h=RegExp("</"+_[2],"g")),$=p):void 0!==_[3]&&($=p):$===p?">"===_[0]?($=h??a,f=-1):void 0===_[1]?f=-2:(f=$.lastIndex-_[2].length,A=_[1],$=void 0===_[3]?p:'"'===_[3]?g:u):$===g||$===u?$=p:$===c||$===d?$=a:($=p,h=void 0);const y=$===p&&t[e+1].startsWith("/>")?" ":"";l+=$===a?s+r:f>=0?(o.push(A),s.slice(0,f)+i+s.slice(f)+n+y):s+n+(-2===f?e:y)}return[N(t,l+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class b{constructor({strings:t,_$litType$:s},r){let h;this.parts=[];let $=0,A=0;const _=t.length-1,a=this.parts,[c,d]=T(t,s);if(this.el=b.createElement(c,r),H.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(h=H.nextNode())&&a.length<_;){if(1===h.nodeType){if(h.hasAttributes())for(const t of h.getAttributeNames())if(t.endsWith(i)){const e=d[A++],s=h.getAttribute(t).split(n),i=/([.?@])?(.*)/.exec(e);a.push({type:1,index:$,name:i[2],strings:s,ctor:"."===i[1]?E:"?"===i[1]?I:"@"===i[1]?B:S}),h.removeAttribute(t)}else t.startsWith(n)&&(a.push({type:6,index:$}),h.removeAttribute(t));if(v.test(h.tagName)){const t=h.textContent.split(n),s=t.length-1;if(s>0){h.textContent=e?e.emptyScript:"";for(let e=0;e<s;e++)h.append(t[e],l()),H.nextNode(),a.push({type:2,index:++$});h.append(t[s],l())}}}else if(8===h.nodeType)if(h.data===o)a.push({type:2,index:$});else{let t=-1;for(;-1!==(t=h.data.indexOf(n,t+1));)a.push({type:7,index:$}),t+=n.length-1}$++}}static createElement(t,e){const s=h.createElement("template");return s.innerHTML=t,s}}function C(t,e,s=t,i){if(e===m)return e;let n=void 0!==i?s._$Co?.[i]:s._$Cl;const o=$(e)?void 0:e._$litDirective$;return n?.constructor!==o&&(n?._$AO?.(!1),void 0===o?n=void 0:(n=new o(t),n._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=n:s._$Cl=n),void 0!==n&&(e=C(t,n._$AS(t,e.values),n,i)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??h).importNode(e,!0);H.currentNode=i;let n=H.nextNode(),o=0,r=0,l=s[0];for(;void 0!==l;){if(o===l.index){let e;2===l.type?e=new w(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new U(n,this,t)),this._$AV.push(e),l=s[++r]}o!==l?.index&&(n=H.nextNode(),o++)}return H.currentNode=h,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=C(this,t,e),$(t)?t===y||null==t||""===t?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==m&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>A(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==y&&$(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=b.createElement(N(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new M(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=x.get(t.strings);return void 0===e&&x.set(t.strings,e=new b(t)),e}k(t){A(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new w(this.O(l()),this.O(l()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class S{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=y}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(void 0===n)t=C(this,t,e,0),o=!$(t)||t!==this._$AH&&t!==m,o&&(this._$AH=t);else{const i=t;let r,h;for(t=n[0],r=0;r<n.length-1;r++)h=C(this,i[s+r],e,r),h===m&&(h=this._$AH[r]),o||=!$(h)||h!==this._$AH[r],h===y?t=y:t!==y&&(t+=(h??"")+n[r+1]),this._$AH[r]=h}o&&!i&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class E extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}}class I extends S{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==y)}}class B extends S{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=C(this,t,e,0)??y)===m)return;const s=this._$AH,i=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==y&&(s===y||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){C(this,t)}}const O=t.litHtmlPolyfillSupport;O?.(b,w),(t.litHtmlVersions??=[]).push("3.3.1");const P=(t,e,s)=>{const i=s?.renderBefore??e;let n=i._$litPart$;if(void 0===n){const t=s?.renderBefore??null;i._$litPart$=n=new w(e.insertBefore(l(),t),t,void 0,s??{})}return n._$AI(t),n};export{f as html,m as noChange,y as nothing,P as render};
+//# sourceMappingURL=lit-html.js.map

package/external/lit-html/lit-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-html.js","sources":["../../../node_modules/lit-html/lit-html.js"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,i=t.trustedTypes,s=i?i.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,e=\"$lit$\",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o=\"?\"+h,n=`<${o}>`,r=document,l=()=>r.createComment(\"\"),c=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,a=Array.isArray,u=t=>a(t)||\"function\"==typeof t?.[Symbol.iterator],d=\"[ \\t\\n\\f\\r]\",f=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\\\s\"'>=/]+)(${d}*=${d}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),p=/'/g,g=/\"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),b=y(2),w=y(3),T=Symbol.for(\"lit-noChange\"),E=Symbol.for(\"lit-nothing\"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?\"<svg>\":3===i?\"<math>\":\"\",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?\"!--\"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp(\"</\"+u[2],\"g\")),c=m):void 0!==u[3]&&(c=m):c===m?\">\"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'\"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith(\"/>\")?\" \":\"\";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e+s.slice(d)+h+x):s+h+(-2===d?i:x)}return[P(t,l+(t[s]||\"<?>\")+(2===i?\"</svg>\":3===i?\"</math>\":\"\")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:\".\"===e[1]?H:\"?\"===e[1]?I:\"@\"===e[1]?L:k}),r.removeAttribute(t)}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i?i.emptyScript:\"\";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l())}}}else if(8===r.nodeType)if(r.data===o)d.push({type:2,index:c});else{let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1}c++}}static createElement(t,i){const s=r.createElement(\"template\");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,!0);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n]}o!==l?.index&&(h=C.nextNode(),o++)}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||\"\"===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:s}=t,e=\"number\"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else{const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??\"\")+h[n+1]),this._$AH[n]=r}o&&!e&&this.j(t)}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??\"\")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===E?void 0:t}}class I extends k{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E)}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){\"function\"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const Z={M:e,P:h,A:o,C:1,L:V,R:M,D:u,V:S,I:R,H:k,N:I,U:L,B:H,F:z},j=t.litHtmlPolyfillSupport;j?.(N,R),(t.litHtmlVersions??=[]).push(\"3.3.1\");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{})}return h._$AI(t),h};export{Z as _$LH,x as html,w as mathml,T as noChange,E as nothing,B as render,b as svg};\n//# sourceMappingURL=lit-html.js.map\n"],"names":["t","globalThis","i","trustedTypes","s","createPolicy","createHTML","e","h","Math","random","toFixed","slice","o","n","r","document","l","createComment","c","a","Array","isArray","d","f","v","_","m","RegExp","p","g","$","x","_$litType$","strings","values","y","T","Symbol","for","E","A","WeakMap","C","createTreeWalker","P","hasOwnProperty","Error","V","length","u","lastIndex","exec","test","startsWith","push","N","constructor","this","parts","el","createElement","currentNode","content","firstChild","replaceWith","childNodes","nextNode","nodeType","hasAttributes","getAttributeNames","endsWith","getAttribute","split","type","index","name","ctor","H","I","L","k","removeAttribute","tagName","textContent","emptyScript","append","data","indexOf","innerHTML","S","_$Co","_$Cl","_$litDirective$","_$AO","_$AT","_$AS","M","_$AV","_$AN","_$AD","_$AM","parentNode","_$AU","creationScope","importNode","R","nextSibling","z","_$AI","_$Cv","_$AH","_$AA","_$AB","options","isConnected","startNode","endNode","_$AR","iterator","O","insertBefore","createTextNode","_$AC","get","set","_$AP","remove","setConnected","element","fill","String","j","setAttribute","super","arguments","toggleAttribute","capture","once","passive","removeEventListener","addEventListener","handleEvent","call","host","litHtmlPolyfillSupport","litHtmlVersions","B","renderBefore","_$litPart$"],"mappings":"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","x_google_ignoreList":[0]}

package/file-download/file-download.d.ts

@@ -1,2 +1,2 @@
 import { FileDownloadProps } from "./types";
-export declare const FileDownload: ({ id, fileItems, title, description, onDownload, "data-testid": testId, className, styleType, }: FileDownloadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileDownload: ({ id, fileItems, title, description, onDownload, onClick, "data-testid": testId, className, styleType, }: FileDownloadProps) => import("react/jsx-runtime").JSX.Element;

package/file-download/file-download.js

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../_virtual/_tslib.js";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Container as t,TextContainer as d,ListWrapper as l,Title as r,TitleContainer as n,Description as s,DescriptionContainer as a}from"./file-download.styles.js";import{FileListCard as c}from"./file-list-card/file-list-card.js";const f=({id:f,fileItems:m,title:p,description:h,onDownload:u,"data-testid":y,className:w,styleType:b="bordered"})=>{const j=i=>e(void 0,void 0,void 0,(function*(){u&&(yield u(i))}));return i(t,{id:f?`${f}-file-download`:"file-download",className:w,"data-testid":y,$border:"bordered"===b,children:[(p||h)&&i(d,{children:[p?o("string"==typeof p?r:n,{children:p}):null,h?o("string"==typeof h?s:a,{children:h}):null]}),o(l,{children:m&&m.length>0&&m.map((e=>o(c,{fileItem:e,onDownload:j},e.id)))})]})};export{f as FileDownload};
+import{__awaiter as i}from"../_virtual/_tslib.js";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Container as l,TextContainer as t,ListWrapper as d,Title as r,TitleContainer as n,Description as s,DescriptionContainer as a}from"./file-download.styles.js";import{FileListCard as c}from"./file-list-card/file-list-card.js";const f=({id:f,fileItems:m,title:p,description:h,onDownload:u,onClick:y,"data-testid":w,className:b,styleType:j="bordered"})=>{const v=e=>i(void 0,void 0,void 0,(function*(){u&&(yield u(e))}));return e(l,{id:f?`${f}-file-download`:"file-download",className:b,"data-testid":w,$border:"bordered"===j,children:[(p||h)&&e(t,{children:[p?o("string"==typeof p?r:n,{children:p}):null,h?o("string"==typeof h?s:a,{children:h}):null]}),o(d,{children:m&&m.length>0&&m.map((i=>o(c,{fileItem:i,onDownload:v,onClick:y},i.id)))})]})};export{f as FileDownload};
 //# sourceMappingURL=file-download.js.map

package/file-download/file-download.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-download.js","sources":["../../src/file-download/file-download.tsx"],"sourcesContent":["import {\n    Container,\n    Description,\n    DescriptionContainer,\n    ListWrapper,\n    TextContainer,\n    Title,\n    TitleContainer,\n} from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\nexport const FileDownload = ({\n    id,\n    fileItems,\n    title,\n    description,\n    onDownload,\n    \"data-testid\": testId,\n    className,\n    styleType = \"bordered\",\n}: FileDownloadProps) => {\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownloadItem = async (item: FileItemDownloadProps) => {\n        if (onDownload) {\n            await onDownload(item);\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderTitle = () => {\n        if (!title) {\n            return null;\n        }\n\n        if (typeof title === \"string\") {\n            return <Title>{title}</Title>;\n        }\n\n        return <TitleContainer>{title}</TitleContainer>;\n    };\n\n    const renderDescription = () => {\n        if (!description) {\n            return null;\n        }\n\n        if (typeof description === \"string\") {\n            return <Description>{description}</Description>;\n        }\n\n        return <DescriptionContainer>{description}</DescriptionContainer>;\n    };\n\n    return (\n        <Container\n            id={id ? `${id}-file-download` : \"file-download\"}\n            className={className}\n            data-testid={testId}\n            $border={styleType === \"bordered\"}\n        >\n            {(title || description) && (\n                <TextContainer>\n                    {renderTitle()}\n                    {renderDescription()}\n                </TextContainer>\n            )}\n            <ListWrapper>\n                {fileItems &&\n                    fileItems.length > 0 &&\n                    fileItems.map((item) => (\n                        <FileListCard\n                            key={item.id}\n                            fileItem={item}\n                            onDownload={handleDownloadItem}\n                        />\n                    ))}\n            </ListWrapper>\n        </Container>\n    );\n};\n"],"names":["FileDownload","id","fileItems","title","description","onDownload","testId","className","styleType","handleDownloadItem","item","__awaiter","_jsxs","Container","$border","TextContainer","_jsx","Title","TitleContainer","children","Description","DescriptionContainer","ListWrapper","length","map","FileListCard","fileItem"],"mappings":"0UAYO,MAAMA,EAAe,EACxBC,KACAC,YACAC,QACAC,cACAC,aACA,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,OAAA,OAAA,OAAA,GAAA,YACzDN,UACMA,EAAWK,GAEzB,IA6BA,OACIE,EAACC,EAAS,CACNZ,GAAIA,EAAK,GAAGA,kBAAqB,gBACjCM,UAAWA,EAAS,cACPD,EAAMQ,QACI,aAAdN,aAEPL,GAASC,IACPQ,EAACG,aA/BJZ,EAKMa,EADU,iBAAVb,EACCc,EAGJC,EAHS,CAAAC,SAAEhB,IAJR,KAWNC,EAKMY,EADgB,iBAAhBZ,EACCgB,EAGJC,EAHe,CAAAF,SAAEf,IAJd,QAuBPY,EAACM,EAAW,CAAAH,SACPjB,GACGA,EAAUqB,OAAS,GACnBrB,EAAUsB,KAAKd,GACXM,EAACS,EAAY,CAETC,SAAUhB,EACVL,WAAYI,GAFPC,EAAKT,UAMlB"}
+{"version":3,"file":"file-download.js","sources":["../../src/file-download/file-download.tsx"],"sourcesContent":["import {\n    Container,\n    Description,\n    DescriptionContainer,\n    ListWrapper,\n    TextContainer,\n    Title,\n    TitleContainer,\n} from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\nexport const FileDownload = ({\n    id,\n    fileItems,\n    title,\n    description,\n    onDownload,\n    onClick,\n    \"data-testid\": testId,\n    className,\n    styleType = \"bordered\",\n}: FileDownloadProps) => {\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownloadItem = async (item: FileItemDownloadProps) => {\n        if (onDownload) {\n            await onDownload(item);\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderTitle = () => {\n        if (!title) {\n            return null;\n        }\n\n        if (typeof title === \"string\") {\n            return <Title>{title}</Title>;\n        }\n\n        return <TitleContainer>{title}</TitleContainer>;\n    };\n\n    const renderDescription = () => {\n        if (!description) {\n            return null;\n        }\n\n        if (typeof description === \"string\") {\n            return <Description>{description}</Description>;\n        }\n\n        return <DescriptionContainer>{description}</DescriptionContainer>;\n    };\n\n    return (\n        <Container\n            id={id ? `${id}-file-download` : \"file-download\"}\n            className={className}\n            data-testid={testId}\n            $border={styleType === \"bordered\"}\n        >\n            {(title || description) && (\n                <TextContainer>\n                    {renderTitle()}\n                    {renderDescription()}\n                </TextContainer>\n            )}\n            <ListWrapper>\n                {fileItems &&\n                    fileItems.length > 0 &&\n                    fileItems.map((item) => (\n                        <FileListCard\n                            key={item.id}\n                            fileItem={item}\n                            onDownload={handleDownloadItem}\n                            onClick={onClick}\n                        />\n                    ))}\n            </ListWrapper>\n        </Container>\n    );\n};\n"],"names":["FileDownload","id","fileItems","title","description","onDownload","onClick","testId","className","styleType","handleDownloadItem","item","__awaiter","_jsxs","Container","$border","TextContainer","_jsx","Title","TitleContainer","children","Description","DescriptionContainer","ListWrapper","length","map","FileListCard","fileItem"],"mappings":"0UAYO,MAAMA,EAAe,EACxBC,KACAC,YACAC,QACAC,cACAC,aACAC,UACA,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,OAAA,OAAA,OAAA,GAAA,YACzDP,UACMA,EAAWM,GAEzB,IA6BA,OACIE,EAACC,EAAS,CACNb,GAAIA,EAAK,GAAGA,kBAAqB,gBACjCO,UAAWA,EAAS,cACPD,EAAMQ,QACI,aAAdN,aAEPN,GAASC,IACPS,EAACG,aA/BJb,EAKMc,EADU,iBAAVd,EACCe,EAGJC,EAHS,CAAAC,SAAEjB,IAJR,KAWNC,EAKMa,EADgB,iBAAhBb,EACCiB,EAGJC,EAHe,CAAAF,SAAEhB,IAJd,QAuBPa,EAACM,EAAW,CAAAH,SACPlB,GACGA,EAAUsB,OAAS,GACnBtB,EAAUuB,KAAKd,GACXM,EAACS,EAAY,CAETC,SAAUhB,EACVN,WAAYK,EACZJ,QAASA,GAHJK,EAAKV,UAOlB"}

package/file-download/file-list-card/file-list-card.d.ts

@@ -1,2 +1,2 @@
 import { FileListItemProps } from "./types";
-export declare const FileListCard: import("react").MemoExoticComponent<({ fileItem, onDownload }: FileListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FileListCard: import("react").MemoExoticComponent<({ fileItem, onDownload, onClick }: FileListItemProps) => import("react/jsx-runtime").JSX.Element>;

package/file-download/file-list-card/file-list-card.js

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as r,jsxs as i,Fragment as t}from"react/jsx-runtime";import{DownloadIcon as n}from"@lifesg/react-icons";import{memo as l,useState as a,useContext as o,useRef as d,useEffect as s}from"react";import{r as m}from"../../external/react-responsive/dist/react-responsive.js";import{ThemeContext as c}from"styled-components";import{FileUploadHelper as h}from"../../file-upload/helper.js";import{Breakpoint as p}from"../../theme/index.js";import"../../util/calendar-helper.js";import"../../util/date-helper.js";import"../../util/date-input-helper.js";import"../../util/simple-id-generator.js";import{StringHelper as u}from"../../util/string-helper.js";import"@react-aria/live-announcer";import{Item as f,Box as g,ContentSection as y,ActionContainer as j,IconButton as w,Spinner as b,ThumbnailContainer as v,Thumbnail as x,ExtendedNameSection as $,NameSection as T,FileSizeSection as z,MobileErrorMessage as S,ErrorIcon as D,ItemNameText as C,DesktopErrorMessage as I}from"./file-list-card.styles.js";const M=l((({fileItem:l,onDownload:M})=>{const{id:_,name:k,size:B,errorMessage:F,thumbnailImageDataUrl:L,truncateText:Q=!0,ready:R=!0}=l,[U,W]=a(!1),[q,A]=a(!1),E=h.formatFileSizeDisplay(B),G=o(c),H=p["sm-max"]({theme:G}),J=m.useMediaQuery({maxWidth:H}),[K,N]=a(),O=d(null);s((()=>{O.current&&N(J?P(k):k)}),[k,J]);const P=e=>{if(!Q)return e;const r=O&&O.current?O.current.getBoundingClientRect().width:0;return u.truncateTwoLines(e,r,16,1.5)},V=()=>i(t,{children:[r(C,{ref:O,children:K}),q&&i(I,{children:[r(D,{"aria-hidden":!0}),F||"Something went wrong"]})]});return r(f,{"data-testid":_,children:i(g,{onClick:()=>e(void 0,void 0,void 0,(function*(){if(R&&!U){W(!0);try{A(!1),yield M(l)}catch(e){A(!0)}finally{W(!1)}}})),$error:q,children:[(()=>{let e;return e=i(t,L?{children:[r(v,{"data-testid":`${_}-thumbnail`,children:r(x,{"data-testid":`${_}-thumbnail-image`,src:L})}),i($,{children:[r(T,{children:V()}),r(z,{children:E||"-"}),q&&i(S,{children:[r(D,{"aria-hidden":!0}),F||"Something went wrong"]})]})]}:{children:[r(T,{children:V()}),r(z,{children:E||"-"}),q&&i(S,{children:[r(D,{"aria-hidden":!0}),F||"Something went wrong"]})]}),r(y,{$hasThumbnail:!!L,children:e})})(),r(j,{children:r(w,{"data-testid":`${_}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${k}`,children:U||!R?r(b,{size:16,"aria-hidden":!0}):r(n,{"aria-hidden":!0})})})]})})}));export{M as FileListCard};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as t,Fragment as r}from"react/jsx-runtime";import{DownloadIcon as n}from"@lifesg/react-icons";import{memo as a,useState as l,useContext as o,useRef as d,useEffect as s}from"react";import{r as c}from"../../external/react-responsive/dist/react-responsive.js";import{ThemeContext as m}from"styled-components";import{FileUploadHelper as p}from"../../file-upload/helper.js";import{VisuallyHidden as h}from"../../shared/accessibility/index.js";import{Breakpoint as u}from"../../theme/index.js";import"../../util/calendar-helper.js";import"../../util/date-helper.js";import"../../util/date-input-helper.js";import"../../util/simple-id-generator.js";import{StringHelper as f}from"../../util/string-helper.js";import"@react-aria/live-announcer";import{Item as y,Box as b,ContentSection as g,ExtendedNameSection as j,CardButton as w,ActionContainer as v,IconButton as x,Spinner as $,ThumbnailContainer as T,PdfThumbnail as C,Thumbnail as k,NameSection as D,FileSizeSection as z,MobileErrorMessage as _,ErrorIcon as I,ItemNameText as L,DesktopErrorMessage as P}from"./file-list-card.styles.js";const S=a((({fileItem:a,onDownload:S,onClick:F})=>{const{id:M,name:R,mimeType:U,size:B,errorMessage:N,thumbnailImageDataUrl:O,truncateText:Q=!0,ready:W=!0,clickLabel:q}=a,[A,E]=l(!1),[G,H]=l(!1),J=p.formatFileSizeDisplay(B),K=p.resolveThumbnailDisplay(U,O),V="none"!==K.type,X=o(m),Y=u["sm-max"]({theme:X}),Z=c.useMediaQuery({maxWidth:Y}),[ee,ie]=l(),te=d(null);s((()=>{te.current&&ie(Z?oe(R):R)}),[R,Z]);const re=()=>e(void 0,void 0,void 0,(function*(){if(W&&!A){E(!0);try{H(!1),yield S(a)}catch(e){H(!0)}finally{E(!1)}}})),ne=()=>{W&&(F?F(a):re())},ae=e=>{e.stopPropagation(),ne()},le=e=>{e.stopPropagation(),re()},oe=e=>{if(!Q)return e;const i=te&&te.current?te.current.getBoundingClientRect().width:0;return f.truncateTwoLines(e,i,16,1.5)},de=()=>t(r,{children:[i(D,{children:t(r,{children:[i(L,{ref:te,children:ee}),G&&t(P,{children:[i(I,{"aria-hidden":!0}),N||"Something went wrong"]})]})}),i(z,{children:J||"-"}),G&&t(_,{children:[i(I,{"aria-hidden":!0}),N||"Something went wrong"]})]});return i(y,{"data-testid":M,children:t(b,{onClick:ne,$error:G,children:[t(g,{$hasThumbnail:V,children:["none"===K.type?null:i(T,{"data-testid":`${M}-thumbnail`,children:"pdf-icon"===K.type?i(C,{"data-testid":`${M}-thumbnail-image`,src:p.PDF_ICON_URL}):i(k,{"data-testid":`${M}-thumbnail-image`,src:K.src})}),V?i(j,{children:de()}):de()]}),F?i(h,{children:i(w,{type:"button","data-testid":`${M}-card-button`,"aria-label":null!=q?q:R,disabled:!W,onClick:ae})}):null,i(v,{children:i(x,{"data-testid":`${M}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${R}`,onClick:le,children:A||!W?i($,{size:16,"aria-hidden":!0}):i(n,{"aria-hidden":!0})})})]})})}));export{S as FileListCard};
 //# sourceMappingURL=file-list-card.js.map

package/file-download/file-list-card/file-list-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-card.js","sources":["../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { Breakpoint } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport {\n    ActionContainer,\n    Box,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    Spinner,\n    Thumbnail,\n    ThumbnailContainer,\n} from \"./file-list-card.styles\";\nimport { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon aria-hidden />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                <Thumbnail\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </ThumbnailContainer>\n            <ExtendedNameSection>\n                <NameSection>{renderNameDescription()}</NameSection>\n                <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n                {isError && (\n                    <MobileErrorMessage>\n                        <ErrorIcon aria-hidden />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </MobileErrorMessage>\n                )}\n            </ExtendedNameSection>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon aria-hidden />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n                {content}\n            </ContentSection>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                >\n                    {isLoading || !ready ? (\n                        <Spinner size={16} aria-hidden />\n                    ) : (\n                        <DownloadIcon aria-hidden />\n                    )}\n                </IconButton>\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleDownload} $error={isError}>\n                {renderContents()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","theme","useContext","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ItemNameText","ref","children","DesktopErrorMessage","ErrorIcon","Item","Box","onClick","__awaiter","_a","$error","content","_Fragment","ThumbnailContainer","Thumbnail","src","ExtendedNameSection","NameSection","FileSizeSection","MobileErrorMessage","ContentSection","$hasThumbnail","renderContents","ActionContainer","IconButton","type","styleType","sizeType","Spinner","DownloadIcon"],"mappings":"8hCA0BA,MAoKaA,EAAeC,GApKV,EAAGC,WAAUC,iBAI3B,MAAMC,GACFA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,aACJA,EAAYC,sBACZA,EAAqBC,aACrBA,GAAe,EAAIC,MACnBA,GAAQ,GACRR,GAGGS,EAAWC,GAAgBC,GAAkB,IAC7CC,EAASC,GAAcF,GAAkB,GAC1CG,EAAWC,EAAiBC,sBAAsBZ,GAClDa,EAAQC,EAAWC,GACnBC,EAAmBC,EAAW,UAAU,CAAEJ,UAC1CK,EAAWC,EAAAA,cAAc,CAAEC,SAAUJ,KACpCK,EAAaC,GAAkBf,IAChCgB,EAAeC,EAAuB,MAK5CC,GAAU,KACDF,EAAaG,SAEdJ,EADAJ,EACeS,EAAiB5B,GAEjBA,EACnB,GACD,CAACA,EAAMmB,IAKV,MAmBMS,EAAoBC,IACtB,IAAKzB,EAAc,OAAOyB,EAE1B,MAAMC,EACFN,GAAgBA,EAAaG,QACvBH,EAAaG,QAAQI,wBAAwBC,MAC7C,EAEV,OAAOC,EAAaC,iBAAiBL,EAAOC,EAAgB,GAAI,IAAI,EAMlEK,EAAwB,IAC1BC,eACIC,EAACC,EAAY,CAACC,IAAKf,EAAYgB,SAAGlB,IACjCb,GACG2B,EAACK,aACGJ,EAACK,sBACAxC,GAA8B,6BA4E/C,OACImC,EAACM,EAAI,CAAA,cAAc5C,EAAEyC,SACjBJ,EAACQ,EAAG,CAACC,QArHU,IAAWC,OAAA,OAAA,OAAA,GAAA,YAC9B,GAAKzC,IAASC,EAAd,CAIAC,GAAa,GACb,IACIG,GAAW,SACLZ,EAAWD,EACrB,CAAE,MAAAkD,GACErC,GAAW,EACf,SACIH,GAAa,EACjB,CAVA,CAWJ,IAuGoCyC,OAAUvC,EAAO+B,SAAA,CAtC9B,MACnB,IAAIS,EAQJ,OALIA,EArCJb,EAAAc,EAoCI/C,EApCJ,CAAAqC,SAAA,CACIH,EAACc,EAAkB,CAAA,cAAc,GAAGpD,uBAChCsC,EAACe,EAAS,CAAA,cACO,GAAGrD,oBAChBsD,IAiCsBlD,MA9B9BiC,EAACkB,EAAmB,CAAAd,SAAA,CAChBH,EAACkB,EAAW,CAAAf,SAAEL,MACdE,EAACmB,EAAe,CAAAhB,SAAE7B,GAAsB,MACvCF,GACG2B,EAACqB,EAAkB,CAAAjB,SAAA,CACfH,EAACK,EAAS,CAAA,eAAA,IACTxC,GAA8B,+BAQ/C,CAAAsC,SAAA,CACIH,EAACkB,EAAW,CAAAf,SAAEL,MACdE,EAACmB,EAAe,CAAAhB,SAAE7B,GAAsB,MACvCF,GACG2B,EAACqB,EAAkB,CAAAjB,SAAA,CACfH,EAACK,EAAS,CAAA,eAAA,IACTxC,GAA8B,6BAgBvCmC,EAACqB,EAAc,CAAAC,gBAAkBxD,EAAqBqC,SACjDS,GACY,EA2BZW,GArBLvB,EAACwB,EAAe,CAAArB,SACZH,EAACyB,EAAU,CAAA,cACM,GAAG/D,oBAChBgE,KAAK,SACLC,UAAU,QACVC,SAAS,QAAO,aACJ,YAAYjE,IAAMwC,SAE7BlC,IAAcD,EACXgC,EAAC6B,EAAO,CAACjE,KAAM,sBAEfoC,EAAC8B,EAAY,CAAA,eAAA,YAatB"}
+{"version":3,"file":"file-list-card.js","sources":["../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { VisuallyHidden } from \"../../shared/accessibility\";\nimport { Breakpoint } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport {\n    ActionContainer,\n    Box,\n    CardButton,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    PdfThumbnail,\n    Spinner,\n    Thumbnail,\n    ThumbnailContainer,\n} from \"./file-list-card.styles\";\nimport { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload, onClick }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        mimeType,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n        clickLabel,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const thumbnailDisplay = FileUploadHelper.resolveThumbnailDisplay(\n        mimeType,\n        thumbnailImageDataUrl\n    );\n    const hasThumbnail = thumbnailDisplay.type !== \"none\";\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const handleCardClick = () => {\n        if (!ready) {\n            return;\n        }\n\n        if (onClick) {\n            onClick(fileItem);\n            return;\n        }\n\n        handleDownload();\n    };\n\n    const handleCardButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement>\n    ) => {\n        // The button sits inside Box, which also handles clicks. Without this,\n        // both handlers fire and the action runs twice.\n        event.stopPropagation();\n        handleCardClick();\n    };\n\n    const handleDownloadButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement>\n    ) => {\n        // Same reason as above: stop the click from also reaching Box.\n        event.stopPropagation();\n        handleDownload();\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon aria-hidden />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderThumbnail = () => {\n        if (thumbnailDisplay.type === \"none\") {\n            return null;\n        }\n\n        return (\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                {thumbnailDisplay.type === \"pdf-icon\" ? (\n                    <PdfThumbnail\n                        data-testid={`${id}-thumbnail-image`}\n                        src={FileUploadHelper.PDF_ICON_URL}\n                    />\n                ) : (\n                    <Thumbnail\n                        data-testid={`${id}-thumbnail-image`}\n                        src={thumbnailDisplay.src}\n                    />\n                )}\n            </ThumbnailContainer>\n        );\n    };\n\n    const renderNameSizeError = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon aria-hidden />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => (\n        <ContentSection $hasThumbnail={hasThumbnail}>\n            {renderThumbnail()}\n            {hasThumbnail ? (\n                <ExtendedNameSection>\n                    {renderNameSizeError()}\n                </ExtendedNameSection>\n            ) : (\n                renderNameSizeError()\n            )}\n        </ContentSection>\n    );\n\n    const renderCardButton = () => {\n        if (!onClick) {\n            return null;\n        }\n\n        return (\n            <VisuallyHidden>\n                <CardButton\n                    type=\"button\"\n                    data-testid={`${id}-card-button`}\n                    aria-label={clickLabel ?? name}\n                    disabled={!ready}\n                    onClick={handleCardButtonClick}\n                />\n            </VisuallyHidden>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    onClick={handleDownloadButtonClick}\n                >\n                    {isLoading || !ready ? (\n                        <Spinner size={16} aria-hidden />\n                    ) : (\n                        <DownloadIcon aria-hidden />\n                    )}\n                </IconButton>\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleCardClick} $error={isError}>\n                {renderContents()}\n                {renderCardButton()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","onClick","id","name","mimeType","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","clickLabel","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","thumbnailDisplay","resolveThumbnailDisplay","hasThumbnail","type","theme","useContext","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","handleDownload","__awaiter","_a","handleCardClick","handleCardButtonClick","event","stopPropagation","handleDownloadButtonClick","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameSizeError","_jsxs","_Fragment","children","_jsx","NameSection","ItemNameText","ref","DesktopErrorMessage","ErrorIcon","FileSizeSection","MobileErrorMessage","Item","Box","$error","ContentSection","$hasThumbnail","ThumbnailContainer","PdfThumbnail","src","PDF_ICON_URL","Thumbnail","ExtendedNameSection","VisuallyHidden","CardButton","disabled","ActionContainer","IconButton","styleType","sizeType","Spinner","DownloadIcon"],"mappings":"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"}

package/file-download/file-list-card/file-list-card.styles.d.ts

@@ -5,6 +5,7 @@ interface ContentSectionStyleProps {
     $hasThumbnail?: boolean | undefined;
 }
 export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
+export declare const CardButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
 export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$error"> & BoxStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$error"> & BoxStyleProps, never>>> & string;
 export declare const ContentSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasThumbnail"> & ContentSectionStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasThumbnail"> & ContentSectionStyleProps, never>>> & string;
 export declare const NameSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
@@ -57,4 +58,11 @@ export declare const ActionContainer: import("styled-components/dist/types").ISt
 export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
 export declare const ThumbnailContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const Thumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never> & Partial<Pick<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never>>> & string & Omit<({ src, alt, className, "data-testid": testId, }: import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const PdfThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never> & Partial<Pick<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never> & Partial<Pick<import("../../shared/image-with-fallback/image-with-fallback").ImageWithFallbackProps, never>> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
 export {};