Upload 159 files

.gitattributes

@@ -33,3 +33,36 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+w-312356-main/bun.lockb filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/Cellmolecules[[:space:]]Logo[[:space:]]No[[:space:]]bg.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/078a129e-0f98-4d91-af61-873687db1a04.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/11e92b89-ed02-453a-9888-56cd91807f2d.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/1cd5a3da-7a58-4374-abc1-d7b02b0c5fd5.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/30473baa-85f4-4931-aad9-c722ae7a4918.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/39605e90-8478-4fee-b1b9-cee41df66f10.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/4187f423-ba69-4043-be76-c43098488348.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/48e540e5-6a25-44e4-b3f7-80f3bfc2777a.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/48ecf6e2-5a98-4a9d-af6f-ae2265cd4098.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/4bfa0d71-3ed2-4693-90b6-35142468907f.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/5262afdb-dd24-4d5e-be66-7c6717adbca9.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/526dc38a-25fa-40d4-b520-425b23ae0464.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/5463c9c5-0946-4280-a14b-17636ff69a98.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/6739bd63-bf19-4abd-bb23-0b613bbf7ac8.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/6b0637e9-4a7b-40d0-b219-c8b7f879f93e.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/6fdd3d0d-5dca-470a-a845-bd7b07bff599.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/700e27d7-0513-4bfa-8ac4-f7fd6087594c.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/7293c494-769c-421b-9028-d8ccb0bdd80a.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/761e2d9d-3a1c-458b-9848-dd1d7b42d1b9.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/843446fe-638e-4efb-b885-ed3cd505325a.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/927dae7e-6aaf-4b76-add2-1287a1dd9dc0.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/a1ef45a0-dde4-4b30-856f-8032dd58247e.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/a9bb9110-964a-43b0-a5ab-7162140cd133.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/af5ee2ce-3942-48bb-a2ad-3b49b419daf9.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/b0622048-17b4-4c75-a3f0-6c9e17de1d09.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/b862d5ae-6abb-44da-84f0-00a222f62906.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/c30e0487-2fa0-41d1-9a0b-699cb2855388.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/c5f8ee24-9815-4ebe-b65d-6f3d449feb8b.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/cf8966e3-de0d-445f-9fbd-ee6c48daa7ff.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/d5ce901e-2ce0-4f2a-bce1-f0ca5d6192df.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/e2f944f7-0d40-4c33-8ce1-30ef7cd3a4b0.png filter=lfs diff=lfs merge=lfs -text
+w-312356-main/public/lovable-uploads/e502f601-c519-43a8-86f5-5fa89ae50d2f.png filter=lfs diff=lfs merge=lfs -text

w-312356-main/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

w-312356-main/README.md

@@ -0,0 +1 @@
+

w-312356-main/bun.lockb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a3c575fd4a99dc9d1d74a4a7a31b979d577c15f379bc5cb0dd7e823586e98c23
+size 198351

w-312356-main/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

w-312356-main/eslint.config.js

@@ -0,0 +1,29 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+      "@typescript-eslint/no-unused-vars": "off",
+    },
+  }
+);

w-312356-main/index.html

@@ -0,0 +1,72 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- Consent Management - Silktide -->
+    <script>
+      // Initialize the dataLayer
+      window.dataLayer = window.dataLayer || [];
+
+      // Create the gtag function that pushes to the dataLayer
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+
+      // Set consent defaults
+      gtag('consent', 'default', {
+        analytics_storage: localStorage.getItem('silktideCookieChoice_analytics') === 'true' ? 'granted' : 'denied',
+        ad_storage: localStorage.getItem('silktideCookieChoice_marketing') === 'true' ? 'granted' : 'denied',
+        ad_user_data: localStorage.getItem('silktideCookieChoice_marketing') === 'true' ? 'granted' : 'denied',
+        ad_personalization: localStorage.getItem('silktideCookieChoice_marketing') === 'true' ? 'granted' : 'denied',
+        functionality_storage: localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied',
+        security_storage: localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied'
+      });
+    </script>
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-TZ8DHWCH');</script>
+    <!-- End Google Tag Manager -->
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+    <title>Cellmolecules - Advanced Medical Diagnostics</title>
+    <meta name="description" content="Cellmolecules provides cutting-edge medical diagnostic solutions with advanced testing capabilities for healthcare professionals and patients." />
+    <meta name="author" content="Cellmolecules" />
+    <meta name="keywords" content="medical diagnostics, healthcare testing, laboratory services, diagnostic solutions, medical technology, clinical testing, health screening, diagnostic equipment" />
+    <meta property="og:title" content="Cellmolecules - Advanced Medical Diagnostics" />
+    <meta property="og:description" content="Leading provider of cutting-edge medical diagnostic solutions and testing services for healthcare professionals." />
+    <meta property="og:image" content="/placeholder.svg" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:url" content="" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Cellmolecules" />
+    <meta property="og:locale" content="en_US" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Cellmolecules - Advanced Medical Diagnostics" />
+    <meta name="twitter:description" content="Leading provider of cutting-edge medical diagnostic solutions and testing services." />
+    <meta name="twitter:image" content="/placeholder.svg" />
+    <meta name="twitter:site" content="" />
+    <!-- LinkedIn specific -->
+    <meta property="og:image:secure_url" content="/placeholder.svg" />
+    <!-- Pinterest specific -->
+    <meta name="pinterest:description" content="Leading provider of cutting-edge medical diagnostic solutions and testing services." />
+    <meta name="pinterest:image" content="/placeholder.svg" />
+    <link rel="canonical" href="" />
+    <!-- Robots directive -->
+    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
+  </head>
+
+  <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TZ8DHWCH"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    <div id="root"></div>
+    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

w-312356-main/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "vite_react_shadcn_ts",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:dev": "vite build --mode development",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^4.1.3",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.1",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-context-menu": "^2.2.1",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.1.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.4",
+    "@tanstack/react-query": "^5.56.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
+    "date-fns": "^3.6.0",
+    "emailjs-com": "^3.2.0",
+    "embla-carousel-react": "^8.5.2",
+    "framer-motion": "^12.6.2",
+    "input-otp": "^1.2.4",
+    "lucide-react": "^0.462.0",
+    "next-themes": "^0.3.0",
+    "react": "^18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.3.1",
+    "react-helmet-async": "^2.0.5",
+    "react-hook-form": "^7.53.0",
+    "react-resizable-panels": "^2.1.3",
+    "react-router-dom": "^6.26.2",
+    "recharts": "^2.12.7",
+    "sonner": "^1.5.0",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^0.9.3",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.9.0",
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/node": "^22.5.5",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.9.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "globals": "^15.9.0",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.11",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.0.1",
+    "vite": "^5.4.1"
+  }
+}

w-312356-main/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

w-312356-main/public/cookie-banner/README.txt

@@ -0,0 +1,88 @@
+Consent Manager Installation Instructions
+
+1. Extract the contents of this zip file
+2. Place the files in your website directory
+3. Add the following code to your HTML page, inside the <head> tag:
+
+<link rel="stylesheet" id="silktide-consent-manager-css" href="path-to-css/silktide-consent-manager.css">
+<script src="path-to-js/silktide-consent-manager.js"></script>
+<script>
+silktideCookieBannerManager.updateCookieBannerConfig({
+  background: {
+    showBackground: true
+  },
+  cookieIcon: {
+    position: "bottomLeft"
+  },
+  cookieTypes: [
+    {
+      id: "necessary",
+      name: "Necessary",
+      description: "<p>These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in and setting your privacy preferences.</p>",
+      required: true,
+      onAccept: function() {
+        console.log('Add logic for the required Necessary here');
+      }
+    },
+    {
+      id: "analytical",
+      name: "Analytical",
+      description: "<p>These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site.</p>",
+      required: false,
+      onAccept: function() {
+        gtag('consent', 'update', {
+          analytics_storage: 'granted',
+        });
+        dataLayer.push({
+          'event': 'consent_accepted_analytical',
+        });
+      },
+      onReject: function() {
+        gtag('consent', 'update', {
+          analytics_storage: 'denied',
+        });
+      }
+    },
+    {
+      id: "advertising",
+      name: "Advertising",
+      description: "<p>These cookies provide extra features and personalization to improve your experience. They may be set by us or by partners whose services we use.</p>",
+      required: false,
+      onAccept: function() {
+        gtag('consent', 'update', {
+          ad_storage: 'granted',
+          ad_user_data: 'granted',
+          ad_personalization: 'granted',
+        });
+        dataLayer.push({
+          'event': 'consent_accepted_advertising',
+        });
+      },
+      onReject: function() {
+        gtag('consent', 'update', {
+          ad_storage: 'denied',
+          ad_user_data: 'denied',
+          ad_personalization: 'denied',
+        });
+      }
+    }
+  ],
+  text: {
+    banner: {
+      description: "<p>We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic. <a href=\"https://your-website.com/cookie-policy\" target=\"_blank\">Cookie Policy.</a></p>",
+      acceptAllButtonText: "Accept all",
+      acceptAllButtonAccessibleLabel: "Accept all cookies",
+      rejectNonEssentialButtonText: "Reject non-essential",
+      rejectNonEssentialButtonAccessibleLabel: "Reject non-essential",
+      preferencesButtonText: "Preferences",
+      preferencesButtonAccessibleLabel: "Toggle preferences"
+    },
+    preferences: {
+      title: "Customize your cookie preferences",
+      description: "<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>",
+      creditLinkText: "Get this banner for free",
+      creditLinkAccessibleLabel: "Get this banner for free"
+    }
+  }
+});
+</script>

w-312356-main/public/cookie-banner/silktide-consent-manager.css

@@ -0,0 +1,565 @@
+/* 
+  Silktide Consent Manager - https://silktide.com/consent-manager/  
+
+  Styles are at risked of being overridden by styles coming from the site the consent manager is used on.
+  To help prevent this, global wrapper elements are prefixed with "#silktide-"
+*/
+
+/* --------------------------------
+  Global Styles - These elements exist in the main DOM and styling is limited to positioning and animation
+-------------------------------- */
+/* Wrapper (Global) */
+#silktide-wrapper {
+              --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
+              --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
+              --fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
+              --primaryColor: #000000;
+              --backgroundColor: #ffffff;
+              --textColor: #4b494b;
+              --backdropBackgroundColor: #00000033;
+              --backdropBackgroundBlur: 0px;
+              --cookieIconColor: #000000;
+              --cookieIconBackgroundColor: #ffffff;
+              position: fixed;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99999;
+  pointer-events: none;
+  border: 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center
+            }
+
+/* Backdrop (Global) */
+#silktide-backdrop-global {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+  border: 0px;
+  display: none;
+}
+
+/* --------------------------------
+  Links
+-------------------------------- */
+#silktide-wrapper a {
+  all: unset;
+  display: inline-block;
+  color: var(--primaryColor);
+  text-decoration: underline;
+}
+
+#silktide-wrapper a:hover {
+  cursor: pointer;
+  color: var(--textColor);
+}
+
+/* --------------------------------
+  Focus Styles
+-------------------------------- */
+#silktide-wrapper a:focus,
+#silktide-wrapper #silktide-banner button:focus,
+#silktide-wrapper #silktide-modal button:focus,
+#silktide-wrapper #silktide-cookie-icon:focus {
+  outline: none;
+  box-shadow: var(--focus);
+  border-radius: 5px;
+}
+
+#silktide-wrapper #silktide-cookie-icon:focus {
+  border-radius: 50%;
+}
+
+/* --------------------------------
+  General Styles
+-------------------------------- */
+
+#silktide-wrapper .st-button {
+  color: var(--backgroundColor);
+  background-color: var(--primaryColor);
+  border: 2px solid var(--primaryColor);
+  padding: 10px 20px;
+  text-decoration: none;
+  text-align: center;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 24px;
+  cursor: pointer;
+  border-radius: 5px;
+}
+
+#silktide-wrapper .st-button--primary {
+}
+
+#silktide-wrapper .st-button--primary:hover {
+  background-color: var(--backgroundColor);
+  color: var(--primaryColor);
+}
+
+#silktide-wrapper .st-button--secondary {
+  background-color: var(--backgroundColor);
+  color: var(--primaryColor);
+}
+
+#silktide-wrapper .st-button--secondary:hover {
+  background-color: var(--primaryColor);
+  color: var(--backgroundColor);
+}
+
+/* --------------------------------
+  Banner
+-------------------------------- */
+#silktide-banner {
+  font-family: var(--fontFamily);
+  color: var(--textColor);
+  background-color: var(--backgroundColor);
+  box-sizing: border-box;
+  padding: 32px;
+  border-radius: 5px;
+  pointer-events: auto;
+  border: 0px;
+  position: fixed;
+  bottom: 16px;
+  right: 16px;
+  width: 600px;
+  max-width: calc(100% - 32px);
+  transform: translate(0, -20px);
+  opacity: 0;
+  animation: silktide-slideInDown 350ms ease-out forwards;
+  animation-delay: 0.3s;
+  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
+}
+
+#silktide-banner:focus {
+  border-radius: 50%;
+}
+
+#silktide-banner.center {
+  top: 50%;
+  left: 50%;
+  bottom: auto;
+  right: auto;
+  position: fixed;
+  transform: translate(-50%, calc(-50% - 20px));
+  animation: silktide-slideInDown-center 350ms ease-out forwards;
+}
+
+#silktide-banner.bottomLeft {
+  bottom: 16px;
+  left: 16px;
+  position: fixed;
+}
+
+#silktide-banner.bottomCenter {
+  bottom: 16px;
+  left: 50%;
+  position: fixed;
+  transform: translate(-50%, -20px);
+  animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards;
+}
+
+#silktide-banner .preferences {
+  display: flex;
+  gap: 5px;
+  border: none;
+  padding: 0px;
+  background-color: transparent;
+  color: var(--primaryColor);
+  cursor: pointer;
+  font-size: 16px;
+}
+
+#silktide-banner .preferences span {
+  display: block;
+  white-space: nowrap;
+  text-decoration: underline;
+}
+
+#silktide-banner .preferences span:hover {
+  color: var(--textColor);
+}
+
+#silktide-banner .preferences:after {
+  display: block;
+  content: '>';
+  text-decoration: none;
+}
+
+#silktide-banner p {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0px 0px 15px;
+}
+
+#silktide-banner a {
+  display: inline-block;
+  color: var(--primaryColor);
+  text-decoration: underline;
+  background-color: var(--backgroundColor);
+}
+
+#silktide-banner a:hover {
+  color: var(--textColor);
+}
+
+#silktide-banner a.silktide-logo {
+  display: block;
+  fill: var(--primaryColor); /* passed down to svg > path */
+  margin-left: auto;
+  width: 24px;
+  height: 24px;
+}
+
+
+#silktide-banner .actions {
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
+  margin-top: 24px;
+}
+
+@media (min-width: 600px) {
+  #silktide-banner .actions {
+    flex-direction: row;
+    align-items: center;
+  }
+}
+
+#silktide-banner .actions-row {
+  display: flex;
+  gap: 16px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  flex-grow: 1;
+}
+
+/* --------------------------------
+  Modal
+-------------------------------- */
+#silktide-modal {
+  display: none;
+  pointer-events: auto;
+  width: 800px;
+  max-width: 100%;
+  max-height: 100%;
+  border: 0px;
+  transform: translate(0px, -20px);
+  opacity: 0;
+  animation: silktide-slideInUp-center 350ms ease-out forwards;
+  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
+  font-family: var(--fontFamily);
+  color: var(--textColor);
+  flex-direction: column;
+  padding: 30px;
+  background-color: var(--backgroundColor);
+  border-radius: 5px;
+  box-sizing: border-box;
+}
+
+/* --------------------------------
+  Modal - Header
+-------------------------------- */
+#silktide-modal header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  gap: 16px;
+}
+
+#silktide-modal h1 {
+  font-family: var(--fontFamily);
+  color: var(--textColor);
+  font-size: 24px;
+  font-weight: 500;
+  margin: 0px;
+}
+
+#silktide-modal .modal-close {
+  display: inline-flex;
+  border: none;
+  padding: 10px;
+  border: 0px;
+  cursor: pointer;
+  background: var(--backgroundColor);
+  color: var(--primaryColor);
+}
+
+#silktide-modal .modal-close svg {
+  fill: var(--primaryColor);
+}
+
+/* --------------------------------
+  Modal - Content
+-------------------------------- */
+
+#silktide-modal section {
+  flex: 1;
+  overflow-y: auto;
+  margin-top: 32px;
+  padding-right: 7px; /* Prevents scrollbar from appearing over the switches */
+}
+
+#silktide-modal section::-webkit-scrollbar {
+  display: block; /* Force scrollbars to show */
+  width: 5px; /* Width of the scrollbar */
+}
+
+#silktide-modal section::-webkit-scrollbar-thumb {
+  background-color: var(--textColor); /* Color of the scrollbar thumb */
+  border-radius: 10px; /* Rounded corners for the thumb */
+}
+
+#silktide-modal p {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--textColor);
+  margin: 0px 0px 15px;
+}
+
+#silktide-modal p:last-of-type {
+  margin: 0px;
+}
+
+#silktide-modal fieldset {
+  padding: 0px;
+  border: none;
+  margin: 0px 0px 32px;
+}
+
+#silktide-modal fieldset:last-of-type {
+  margin: 0px;
+}
+
+#silktide-modal legend {
+  padding: 0px;
+  margin: 0px 0px 10px;
+  font-weight: 700;
+  color: var(--textColor);
+  font-size: 16px;
+}
+
+#silktide-modal .cookie-type-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 24px;  
+}
+
+/* --------------------------------
+  Modal - Switches
+-------------------------------- */
+#silktide-modal .switch {
+  flex-shrink: 0;
+  position: relative;
+  display: inline-block;
+  height: 34px;
+  width: 74px;
+  cursor: pointer;
+}
+
+#silktide-modal .switch:focus-within {
+  outline: none;
+  box-shadow: var(--focus);
+  border-radius: 25px;
+}
+
+#silktide-modal .switch input {
+  opacity: 0;
+  position: absolute;
+}
+
+/* Unchecked Switch Styles */
+#silktide-modal .switch__pill {
+  position: relative;
+  display: block;
+  height: 34px;
+  width: 74px;
+  background: var(--textColor);
+  border-radius: 25px;
+}
+
+#silktide-modal .switch__dot {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  display: block;
+  height: 30px;
+  width: 30px;
+  background: var(--backgroundColor);
+  border-radius: 50%;
+  transition: left 150ms ease-out;
+}
+
+#silktide-modal .switch__off,
+#silktide-modal .switch__on {
+  text-transform: uppercase;
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--backgroundColor);
+  position: absolute;
+  top: 7px;
+  right: 8px;
+  transition: right 150ms ease-out, opacity 150ms ease-out;
+}
+
+#silktide-modal .switch__off {
+  opacity: 1;
+}
+
+#silktide-modal .switch__on {
+  opacity: 0;
+}
+
+/* Checked Switch Styles */
+#silktide-modal .switch input:checked + .switch__pill {
+  background: var(--primaryColor);
+}
+
+#silktide-modal .switch input:checked ~ .switch__dot {
+  left: calc(100% - 32px);
+}
+
+#silktide-modal .switch input:checked ~ .switch__off {
+  right: calc(100% - 32px);
+  opacity: 0;
+}
+
+#silktide-modal .switch input:checked ~ .switch__on {
+  right: calc(100% - 34px);
+  opacity: 1;
+}
+
+/* Disabled Switch Styles */
+#silktide-modal .switch input:disabled + .switch__pill {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+/* --------------------------------
+  Modal - Footer
+-------------------------------- */
+#silktide-modal footer {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 24px;
+}
+
+@media (min-width: 600px) {
+  #silktide-modal footer {
+    flex-direction: row;
+    align-items: center;
+  }
+}
+
+#silktide-modal footer a {
+  margin-left: auto;
+}
+
+/* Cookie Icon */
+#silktide-cookie-icon {
+  display: none;
+  position: fixed;
+  bottom: 10px;
+  left: 10px;
+  justify-content: center;
+  align-items: center;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  padding: 0px;
+  border: none;
+  background-color: var(--cookieIconColor);
+  cursor: pointer;
+  box-shadow: 0px 0px 6px 0px #0000001a;
+  pointer-events: auto;
+  animation: silktide-fadeIn 0.3s ease-in-out forwards;
+}
+
+#silktide-cookie-icon.bottomRight {
+  left: auto;
+  right: 10px;
+}
+
+#silktide-cookie-icon svg {
+  fill: var(--cookieIconBackgroundColor);
+}
+
+/* --------------------------------
+  Backdrop
+-------------------------------- */
+#silktide-backdrop {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--backdropBackgroundColor);
+  backdrop-filter: blur(var(--backdropBackgroundBlur));
+  pointer-events: all;
+}
+
+/* --------------------------------
+  Animations
+-------------------------------- */
+@keyframes silktide-fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes silktide-slideInDown {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes silktide-slideInDown-center {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-50% - 20px));
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+}
+
+@keyframes silktide-slideInDown-bottomCenter {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -20px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0);
+  }
+}
+
+@keyframes silktide-slideInUp-center {
+  from {
+    opacity: 0;
+    transform: translate(0px, 20px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0px, 0px);
+  }
+}

w-312356-main/public/cookie-banner/silktide-consent-manager.js

@@ -0,0 +1,850 @@
+// Silktide Consent Manager - https://silktide.com/consent-manager/  
+
+class SilktideCookieBanner {
+  constructor(config) {
+    this.config = config; // Save config to the instance
+
+    this.wrapper = null;
+    this.banner = null;
+    this.modal = null;
+    this.cookieIcon = null;
+    this.backdrop = null;
+
+    this.createWrapper();
+
+    if (this.shouldShowBackdrop()) {
+      this.createBackdrop();
+    }
+
+    this.createCookieIcon();
+    this.createModal();
+
+    if (this.shouldShowBanner()) {
+      this.createBanner();
+      this.showBackdrop();
+    } else {
+      this.showCookieIcon();
+    }
+
+    this.setupEventListeners();
+
+    if (this.hasSetInitialCookieChoices()) {
+      this.loadRequiredCookies();
+      this.runAcceptedCookieCallbacks();
+    }
+  }
+
+  destroyCookieBanner() {
+    // Remove all cookie banner elements from the DOM
+    if (this.wrapper && this.wrapper.parentNode) {
+      this.wrapper.parentNode.removeChild(this.wrapper);
+    }
+
+    // Restore scrolling
+    this.allowBodyScroll();
+
+    // Clear all references
+    this.wrapper = null;
+    this.banner = null;
+    this.modal = null;
+    this.cookieIcon = null;
+    this.backdrop = null;
+  }
+
+  // ----------------------------------------------------------------
+  // Wrapper
+  // ----------------------------------------------------------------
+  createWrapper() {
+    this.wrapper = document.createElement('div');
+    this.wrapper.id = 'silktide-wrapper';
+    document.body.insertBefore(this.wrapper, document.body.firstChild);
+  }
+
+  // ----------------------------------------------------------------
+  // Wrapper Child Generator
+  // ----------------------------------------------------------------
+  createWrapperChild(htmlContent, id) {
+    // Create child element
+    const child = document.createElement('div');
+    child.id = id;
+    child.innerHTML = htmlContent;
+
+    // Ensure wrapper exists
+    if (!this.wrapper || !document.body.contains(this.wrapper)) {
+      this.createWrapper();
+    }
+
+    // Append child to wrapper
+    this.wrapper.appendChild(child);
+    return child;
+  }
+
+  // ----------------------------------------------------------------
+  // Backdrop
+  // ----------------------------------------------------------------
+  createBackdrop() {
+    this.backdrop = this.createWrapperChild(null, 'silktide-backdrop');
+  }
+
+  showBackdrop() {
+    if (this.backdrop) {
+      this.backdrop.style.display = 'block';
+    }
+    // Trigger optional onBackdropOpen callback
+    if (typeof this.config.onBackdropOpen === 'function') {
+      this.config.onBackdropOpen();
+    }
+  }
+
+  hideBackdrop() {
+    if (this.backdrop) {
+      this.backdrop.style.display = 'none';
+    }
+
+    // Trigger optional onBackdropClose callback
+    if (typeof this.config.onBackdropClose === 'function') {
+      this.config.onBackdropClose();
+    }
+  }
+
+  shouldShowBackdrop() {
+    return this.config?.background?.showBackground || false;
+  }
+
+  // update the checkboxes in the modal with the values from localStorage
+  updateCheckboxState(saveToStorage = false) {
+    const preferencesSection = this.modal.querySelector('#cookie-preferences');
+    const checkboxes = preferencesSection.querySelectorAll('input[type="checkbox"]');
+
+    checkboxes.forEach((checkbox) => {
+      const [, cookieId] = checkbox.id.split('cookies-');
+      const cookieType = this.config.cookieTypes.find(type => type.id === cookieId);
+      
+      if (!cookieType) return;
+
+      if (saveToStorage) {
+        // Save the current state to localStorage and run callbacks
+        const currentState = checkbox.checked;
+        
+        if (cookieType.required) {
+          localStorage.setItem(
+            `silktideCookieChoice_${cookieId}${this.getBannerSuffix()}`,
+            'true'
+          );
+        } else {
+          localStorage.setItem(
+            `silktideCookieChoice_${cookieId}${this.getBannerSuffix()}`,
+            currentState.toString()
+          );
+          
+          // Run appropriate callback
+          if (currentState && typeof cookieType.onAccept === 'function') {
+            cookieType.onAccept();
+          } else if (!currentState && typeof cookieType.onReject === 'function') {
+            cookieType.onReject();
+          }
+        }
+      } else {
+        // When reading values (opening modal)
+        if (cookieType.required) {
+          checkbox.checked = true;
+          checkbox.disabled = true;
+        } else {
+          const storedValue = localStorage.getItem(
+            `silktideCookieChoice_${cookieId}${this.getBannerSuffix()}`
+          );
+          
+          if (storedValue !== null) {
+            checkbox.checked = storedValue === 'true';
+          } else {
+            checkbox.checked = !!cookieType.defaultValue;
+          }
+        }
+      }
+    });
+  }
+
+  setInitialCookieChoiceMade() {
+    window.localStorage.setItem(`silktideCookieBanner_InitialChoice${this.getBannerSuffix()}`, 1);
+  }
+
+  // ----------------------------------------------------------------
+  // Consent Handling
+  // ----------------------------------------------------------------
+  handleCookieChoice(accepted) {
+    // We set that an initial choice was made regardless of what it was so we don't show the banner again
+    this.setInitialCookieChoiceMade();
+
+    this.removeBanner();
+    this.hideBackdrop();
+    this.toggleModal(false);
+    this.showCookieIcon();
+
+    this.config.cookieTypes.forEach((type) => {
+      // Set localStorage and run accept/reject callbacks
+      if (type.required == true) {
+        localStorage.setItem(`silktideCookieChoice_${type.id}${this.getBannerSuffix()}`, 'true');
+        if (typeof type.onAccept === 'function') { type.onAccept() }
+      } else {
+        localStorage.setItem(
+          `silktideCookieChoice_${type.id}${this.getBannerSuffix()}`,
+          accepted.toString(),
+        );
+
+        if (accepted) {
+          if (typeof type.onAccept === 'function') { type.onAccept(); }
+        } else {
+          if (typeof type.onReject === 'function') { type.onReject(); }
+        }
+      }
+    });
+
+    // Trigger optional onAcceptAll/onRejectAll callbacks
+    if (accepted && typeof this.config.onAcceptAll === 'function') {
+      if (typeof this.config.onAcceptAll === 'function') { this.config.onAcceptAll(); }
+    } else if (typeof this.config.onRejectAll === 'function') {
+      if (typeof this.config.onRejectAll === 'function') { this.config.onRejectAll(); }
+    }
+
+    // finally update the checkboxes in the modal with the values from localStorage
+    this.updateCheckboxState();
+  }
+
+  getAcceptedCookies() {
+    return (this.config.cookieTypes || []).reduce((acc, cookieType) => {
+      acc[cookieType.id] =
+        localStorage.getItem(`silktideCookieChoice_${cookieType.id}${this.getBannerSuffix()}`) ===
+        'true';
+      return acc;
+    }, {});
+  }
+
+  runAcceptedCookieCallbacks() {
+    if (!this.config.cookieTypes) return;
+
+    const acceptedCookies = this.getAcceptedCookies();
+    this.config.cookieTypes.forEach((type) => {
+      if (type.required) return; // we run required cookies separately in loadRequiredCookies
+      if (acceptedCookies[type.id] && typeof type.onAccept === 'function') {
+        if (typeof type.onAccept === 'function') { type.onAccept(); }
+      }
+    });
+  }
+
+  runRejectedCookieCallbacks() {
+    if (!this.config.cookieTypes) return;
+
+    const rejectedCookies = this.getRejectedCookies();
+    this.config.cookieTypes.forEach((type) => {
+      if (rejectedCookies[type.id] && typeof type.onReject === 'function') {
+        if (typeof type.onReject === 'function') { type.onReject(); }
+      }
+    });
+  }
+
+  /**
+   * Run through all of the cookie callbacks based on the current localStorage values
+   */
+  runStoredCookiePreferenceCallbacks() {
+    this.config.cookieTypes.forEach((type) => {
+      const accepted =
+        localStorage.getItem(`silktideCookieChoice_${type.id}${this.getBannerSuffix()}`) === 'true';
+      // Set localStorage and run accept/reject callbacks
+      if (accepted) {
+        if (typeof type.onAccept === 'function') { type.onAccept(); }
+      } else {
+        if (typeof type.onReject === 'function') { type.onReject(); }
+      }
+    });
+  }
+
+  loadRequiredCookies() {
+    if (!this.config.cookieTypes) return;
+    this.config.cookieTypes.forEach((cookie) => {
+      if (cookie.required && typeof cookie.onAccept === 'function') {
+        if (typeof cookie.onAccept === 'function') { cookie.onAccept(); }
+      }
+    });
+  }
+
+  // ----------------------------------------------------------------
+  // Banner
+  // ----------------------------------------------------------------
+  getBannerContent() {
+    const bannerDescription =
+      this.config.text?.banner?.description ||
+      `We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic.`;
+
+    // Accept button
+    const acceptAllButtonText = this.config.text?.banner?.acceptAllButtonText || 'Accept all';
+    const acceptAllButtonLabel = this.config.text?.banner?.acceptAllButtonAccessibleLabel;
+    const acceptAllButton = `<button class="accept-all st-button st-button--primary"${
+      acceptAllButtonLabel && acceptAllButtonLabel !== acceptAllButtonText 
+        ? ` aria-label="${acceptAllButtonLabel}"` 
+        : ''
+    }>${acceptAllButtonText}</button>`;
+    
+    // Reject button
+    const rejectNonEssentialButtonText = this.config.text?.banner?.rejectNonEssentialButtonText || 'Reject non-essential';
+    const rejectNonEssentialButtonLabel = this.config.text?.banner?.rejectNonEssentialButtonAccessibleLabel;
+    const rejectNonEssentialButton = `<button class="reject-all st-button st-button--primary"${
+      rejectNonEssentialButtonLabel && rejectNonEssentialButtonLabel !== rejectNonEssentialButtonText 
+        ? ` aria-label="${rejectNonEssentialButtonLabel}"` 
+        : ''
+    }>${rejectNonEssentialButtonText}</button>`;
+
+    // Preferences button
+    const preferencesButtonText = this.config.text?.banner?.preferencesButtonText || 'Preferences';
+    const preferencesButtonLabel = this.config.text?.banner?.preferencesButtonAccessibleLabel;
+    const preferencesButton = `<button class="preferences"${
+      preferencesButtonLabel && preferencesButtonLabel !== preferencesButtonText 
+        ? ` aria-label="${preferencesButtonLabel}"` 
+        : ''
+    }><span>${preferencesButtonText}</span></button>`;
+    
+
+    // Silktide logo link
+    const silktideLogo = `
+      <a class="silktide-logo" href="https://silktide.com/consent-manager" aria-label="Visit the Silktide Consent Manager page">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="inherit">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1096 16.7745C13.8895 17.2055 13.3537 17.3805 12.9129 17.1653L8.28443 14.9055L2.73192 17.7651L11.1025 21.9814C11.909 22.3876 12.8725 22.3591 13.6524 21.9058L20.4345 17.9645C21.2845 17.4704 21.7797 16.5522 21.7164 15.5872L21.7088 15.4704C21.6487 14.5561 21.0962 13.7419 20.2579 13.3326L15.6793 11.0972L10.2283 13.9045L13.71 15.6043C14.1507 15.8195 14.3297 16.3434 14.1096 16.7745ZM8.2627 12.9448L13.7136 10.1375L10.2889 8.46543C9.84803 8.25021 9.66911 7.72629 9.88916 7.29524C10.1093 6.86417 10.6451 6.68921 11.0859 6.90442L15.6575 9.13647L21.2171 6.27325L12.8808 2.03496C12.0675 1.62147 11.0928 1.65154 10.3078 2.11432L3.54908 6.09869C2.70732 6.59492 2.21846 7.50845 2.28139 8.46761L2.29003 8.59923C2.35002 9.51362 2.9026 10.3278 3.7409 10.7371L8.2627 12.9448ZM6.31884 13.9458L2.94386 12.2981C1.53727 11.6113 0.610092 10.2451 0.509431 8.71094L0.500795 8.57933C0.3952 6.96993 1.21547 5.4371 2.62787 4.60447L9.38662 0.620092C10.7038 -0.156419 12.3392 -0.206861 13.7039 0.486938L23.3799 5.40639C23.4551 5.44459 23.5224 5.4918 23.5811 5.54596C23.7105 5.62499 23.8209 5.73754 23.897 5.87906C24.1266 6.30534 23.9594 6.83293 23.5234 7.05744L17.6231 10.0961L21.0549 11.7716C22.4615 12.4583 23.3887 13.8245 23.4893 15.3587L23.497 15.4755C23.6033 17.0947 22.7724 18.6354 21.346 19.4644L14.5639 23.4057C13.2554 24.1661 11.6386 24.214 10.2854 23.5324L0.621855 18.6649C0.477299 18.592 0.361696 18.4859 0.279794 18.361C0.210188 18.2968 0.150054 18.2204 0.10296 18.133C-0.126635 17.7067 0.0406445 17.1792 0.47659 16.9546L6.31884 13.9458Z" fill="inherit"/>
+        </svg>
+      </a>
+    `;
+
+    const bannerContent = `
+      ${bannerDescription}
+      <div class="actions">                               
+        ${acceptAllButton}
+        ${rejectNonEssentialButton}
+        <div class="actions-row">
+          ${preferencesButton}
+          ${silktideLogo}
+        </div>
+      </div>
+    `;
+
+    return bannerContent;
+  }
+
+  hasSetInitialCookieChoices() {
+    return !!localStorage.getItem(`silktideCookieBanner_InitialChoice${this.getBannerSuffix()}`);
+  }
+
+  createBanner() {
+    // Create banner element
+    this.banner = this.createWrapperChild(this.getBannerContent(), 'silktide-banner');
+
+    // Add positioning class from config
+    if (this.banner && this.config.position?.banner) {
+      this.banner.classList.add(this.config.position.banner);
+    }
+
+    // Trigger optional onBannerOpen callback
+    if (this.banner && typeof this.config.onBannerOpen === 'function') {
+      this.config.onBannerOpen();
+    }
+  }
+
+  removeBanner() {
+    if (this.banner && this.banner.parentNode) {
+      this.banner.parentNode.removeChild(this.banner);
+      this.banner = null;
+
+      // Trigger optional onBannerClose callback
+      if (typeof this.config.onBannerClose === 'function') {
+        this.config.onBannerClose();
+      }
+    }
+  }
+
+  shouldShowBanner() {
+    if (this.config.showBanner === false) {
+      return false;
+    }
+    return (
+      localStorage.getItem(`silktideCookieBanner_InitialChoice${this.getBannerSuffix()}`) === null
+    );
+  }
+
+  // ----------------------------------------------------------------
+  // Modal
+  // ----------------------------------------------------------------
+  getModalContent() {
+    const preferencesTitle =
+      this.config.text?.preferences?.title || 'Customize your cookie preferences';
+    
+    const preferencesDescription =
+      this.config.text?.preferences?.description ||
+      '<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>';
+    
+    // Preferences button
+    const preferencesButtonLabel = this.config.text?.banner?.preferencesButtonAccessibleLabel;
+
+    const closeModalButton = `<button class="modal-close"${preferencesButtonLabel ? ` aria-label="${preferencesButtonLabel}"` : ''}>
+      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M19.4081 3.41559C20.189 2.6347 20.189 1.36655 19.4081 0.585663C18.6272 -0.195221 17.3591 -0.195221 16.5782 0.585663L10 7.17008L3.41559 0.59191C2.6347 -0.188974 1.36655 -0.188974 0.585663 0.59191C-0.195221 1.37279 -0.195221 2.64095 0.585663 3.42183L7.17008 10L0.59191 16.5844C-0.188974 17.3653 -0.188974 18.6335 0.59191 19.4143C1.37279 20.1952 2.64095 20.1952 3.42183 19.4143L10 12.8299L16.5844 19.4081C17.3653 20.189 18.6335 20.189 19.4143 19.4081C20.1952 18.6272 20.1952 17.3591 19.4143 16.5782L12.8299 10L19.4081 3.41559Z"/>
+      </svg>
+    </button>`;
+    
+
+    const cookieTypes = this.config.cookieTypes || [];
+    const acceptedCookieMap = this.getAcceptedCookies();
+
+    // Accept button
+    const acceptAllButtonText = this.config.text?.banner?.acceptAllButtonText || 'Accept all';
+    const acceptAllButtonLabel = this.config.text?.banner?.acceptAllButtonAccessibleLabel;
+    const acceptAllButton = `<button class="preferences-accept-all st-button st-button--primary"${
+      acceptAllButtonLabel && acceptAllButtonLabel !== acceptAllButtonText 
+        ? ` aria-label="${acceptAllButtonLabel}"` 
+        : ''
+    }>${acceptAllButtonText}</button>`;
+    
+    // Reject button
+    const rejectNonEssentialButtonText = this.config.text?.banner?.rejectNonEssentialButtonText || 'Reject non-essential';
+    const rejectNonEssentialButtonLabel = this.config.text?.banner?.rejectNonEssentialButtonAccessibleLabel;
+    const rejectNonEssentialButton = `<button class="preferences-reject-all st-button st-button--primary"${
+      rejectNonEssentialButtonLabel && rejectNonEssentialButtonLabel !== rejectNonEssentialButtonText 
+        ? ` aria-label="${rejectNonEssentialButtonLabel}"` 
+        : ''
+    }>${rejectNonEssentialButtonText}</button>`;
+    
+    // Credit link
+    const creditLinkText = this.config.text?.preferences?.creditLinkText || 'Get this banner for free';
+    const creditLinkAccessibleLabel = this.config.text?.preferences?.creditLinkAccessibleLabel;
+    const creditLink = `<a href="https://silktide.com/consent-manager"${
+      creditLinkAccessibleLabel && creditLinkAccessibleLabel !== creditLinkText
+        ? ` aria-label="${creditLinkAccessibleLabel}"`
+        : ''
+    }>${creditLinkText}</a>`;
+    
+    
+
+    const modalContent = `
+      <header>
+        <h1>${preferencesTitle}</h1>                    
+        ${closeModalButton}
+      </header>
+      ${preferencesDescription}
+      <section id="cookie-preferences">
+        ${cookieTypes
+          .map((type) => {
+            const accepted = acceptedCookieMap[type.id];
+            let isChecked = false;
+
+            // if it's accepted then show as checked
+            if (accepted) {
+              isChecked = true;
+            }
+
+            // if nothing has been accepted / rejected yet, then show as checked if the default value is true
+            if (!accepted && !this.hasSetInitialCookieChoices()) {
+              isChecked = type.defaultValue;
+            }
+
+            return `
+            <fieldset>
+                <legend>${type.name}</legend>
+                <div class="cookie-type-content">
+                    <div class="cookie-type-description">${type.description}</div>
+                    <label class="switch" for="cookies-${type.id}">
+                        <input type="checkbox" id="cookies-${type.id}" ${
+              type.required ? 'checked disabled' : isChecked ? 'checked' : ''
+            } />
+                        <span class="switch__pill" aria-hidden="true"></span>
+                        <span class="switch__dot" aria-hidden="true"></span>
+                        <span class="switch__off" aria-hidden="true">Off</span>
+                        <span class="switch__on" aria-hidden="true">On</span>
+                    </label>
+                </div>
+            </fieldset>
+        `;
+          })
+          .join('')}
+      </section>
+      <footer>
+        ${acceptAllButton}
+        ${rejectNonEssentialButton}
+        ${creditLink}
+      </footer>
+    `;
+
+    return modalContent;
+  }
+
+  createModal() {
+    // Create banner element
+    this.modal = this.createWrapperChild(this.getModalContent(), 'silktide-modal');
+  }
+
+  toggleModal(show) {
+    if (!this.modal) return;
+
+    this.modal.style.display = show ? 'flex' : 'none';
+
+    if (show) {
+      this.showBackdrop();
+      this.hideCookieIcon();
+      this.removeBanner();
+      this.preventBodyScroll();
+
+      // Focus the close button
+      const modalCloseButton = this.modal.querySelector('.modal-close');
+      modalCloseButton.focus();
+
+      // Trigger optional onPreferencesOpen callback
+      if (typeof this.config.onPreferencesOpen === 'function') {
+        this.config.onPreferencesOpen();
+      }
+
+      this.updateCheckboxState(false); // read from storage when opening
+    } else {
+      // Set that an initial choice was made when closing the modal
+      this.setInitialCookieChoiceMade();
+      
+      // Save current checkbox states to storage
+      this.updateCheckboxState(true);
+
+      this.hideBackdrop();
+      this.showCookieIcon();
+      this.allowBodyScroll();
+
+      // Trigger optional onPreferencesClose callback
+      if (typeof this.config.onPreferencesClose === 'function') {
+        this.config.onPreferencesClose();
+      }
+    }
+  }
+
+  // ----------------------------------------------------------------
+  // Cookie Icon
+  // ----------------------------------------------------------------
+  getCookieIconContent() {
+    return `
+      <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M19.1172 1.15625C19.0547 0.734374 18.7344 0.390624 18.3125 0.328124C16.5859 0.0859365 14.8281 0.398437 13.2813 1.21875L7.5 4.30469C5.96094 5.125 4.71875 6.41406 3.95313 7.98437L1.08594 13.8906C0.320314 15.4609 0.0703136 17.2422 0.375001 18.9609L1.50781 25.4297C1.8125 27.1562 2.64844 28.7344 3.90625 29.9531L8.61719 34.5156C9.875 35.7344 11.4766 36.5156 13.2031 36.7578L19.6875 37.6719C21.4141 37.9141 23.1719 37.6016 24.7188 36.7812L30.5 33.6953C32.0391 32.875 33.2813 31.5859 34.0469 30.0078L36.9141 24.1094C37.6797 22.5391 37.9297 20.7578 37.625 19.0391C37.5547 18.625 37.2109 18.3125 36.7969 18.25C32.7734 17.6094 29.5469 14.5703 28.6328 10.6406C28.4922 10.0469 28.0078 9.59375 27.4063 9.5C23.1406 8.82031 19.7734 5.4375 19.1094 1.15625H19.1172ZM15.25 10.25C15.913 10.25 16.5489 10.5134 17.0178 10.9822C17.4866 11.4511 17.75 12.087 17.75 12.75C17.75 13.413 17.4866 14.0489 17.0178 14.5178C16.5489 14.9866 15.913 15.25 15.25 15.25C14.587 15.25 13.9511 14.9866 13.4822 14.5178C13.0134 14.0489 12.75 13.413 12.75 12.75C12.75 12.087 13.0134 11.4511 13.4822 10.9822C13.9511 10.5134 14.587 10.25 15.25 10.25ZM10.25 25.25C10.25 24.587 10.5134 23.9511 10.9822 23.4822C11.4511 23.0134 12.087 22.75 12.75 22.75C13.413 22.75 14.0489 23.0134 14.5178 23.4822C14.9866 23.9511 15.25 24.587 15.25 25.25C15.25 25.913 14.9866 26.5489 14.5178 27.0178C14.0489 27.4866 13.413 27.75 12.75 27.75C12.087 27.75 11.4511 27.4866 10.9822 27.0178C10.5134 26.5489 10.25 25.913 10.25 25.25ZM27.75 20.25C28.413 20.25 29.0489 20.5134 29.5178 20.9822C29.9866 21.4511 30.25 22.087 30.25 22.75C30.25 23.413 29.9866 24.0489 29.5178 24.5178C29.0489 24.9866 28.413 25.25 27.75 25.25C27.087 25.25 26.4511 24.9866 25.9822 24.5178C25.5134 24.0489 25.25 23.413 25.25 22.75C25.25 22.087 25.5134 21.4511 25.9822 20.9822C26.4511 20.5134 27.087 20.25 27.75 20.25Z" />
+      </svg>
+    `;
+  }
+
+  createCookieIcon() {
+    this.cookieIcon = document.createElement('button');
+    this.cookieIcon.id = 'silktide-cookie-icon';
+    this.cookieIcon.innerHTML = this.getCookieIconContent();
+
+    if (this.config.text?.banner?.preferencesButtonAccessibleLabel) {
+      this.cookieIcon.ariaLabel = this.config.text?.banner?.preferencesButtonAccessibleLabel;
+    }
+
+    // Ensure wrapper exists
+    if (!this.wrapper || !document.body.contains(this.wrapper)) {
+      this.createWrapper();
+    }
+
+    // Append child to wrapper
+    this.wrapper.appendChild(this.cookieIcon);
+
+    // Add positioning class from config
+    if (this.cookieIcon && this.config.cookieIcon?.position) {
+      this.cookieIcon.classList.add(this.config.cookieIcon.position);
+    }
+
+    // Add color scheme class from config
+    if (this.cookieIcon && this.config.cookieIcon?.colorScheme) {
+      this.cookieIcon.classList.add(this.config.cookieIcon.colorScheme);
+    }
+  }
+
+  showCookieIcon() {
+    if (this.cookieIcon) {
+      this.cookieIcon.style.display = 'flex';
+    }
+  }
+
+  hideCookieIcon() {
+    if (this.cookieIcon) {
+      this.cookieIcon.style.display = 'none';
+    }
+  }
+
+  /**
+   * This runs if the user closes the modal without making a choice for the first time
+   * We apply the default values and the necessary values as default
+   */
+  handleClosedWithNoChoice() {
+    this.config.cookieTypes.forEach((type) => {
+      let accepted = true;
+      // Set localStorage and run accept/reject callbacks
+      if (type.required == true) {
+        localStorage.setItem(
+          `silktideCookieChoice_${type.id}${this.getBannerSuffix()}`,
+          accepted.toString(),
+        );
+      } else if (type.defaultValue) {
+        localStorage.setItem(
+          `silktideCookieChoice_${type.id}${this.getBannerSuffix()}`,
+          accepted.toString(),
+        );
+      } else {
+        accepted = false;
+        localStorage.setItem(
+          `silktideCookieChoice_${type.id}${this.getBannerSuffix()}`,
+          accepted.toString(),
+        );
+      }
+
+      if (accepted) {
+        if (typeof type.onAccept === 'function') { type.onAccept(); }
+      } else {
+        if (typeof type.onReject === 'function') { type.onReject(); }
+      }
+      // set the flag to say that the cookie choice has been made
+      this.setInitialCookieChoiceMade();
+      this.updateCheckboxState();
+    });
+  }
+
+  // ----------------------------------------------------------------
+  // Focusable Elements
+  // ----------------------------------------------------------------
+  getFocusableElements(element) {
+    return element.querySelectorAll(
+      'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
+    );
+  }
+
+  // ----------------------------------------------------------------
+  // Event Listeners
+  // ----------------------------------------------------------------
+  setupEventListeners() {
+    // Check Banner exists before trying to add event listeners
+    if (this.banner) {
+      // Get the buttons
+      const acceptButton = this.banner.querySelector('.accept-all');
+      const rejectButton = this.banner.querySelector('.reject-all');
+      const preferencesButton = this.banner.querySelector('.preferences');
+
+      // Add event listeners to the buttons
+      acceptButton?.addEventListener('click', () => this.handleCookieChoice(true));
+      rejectButton?.addEventListener('click', () => this.handleCookieChoice(false));
+      preferencesButton?.addEventListener('click', () => {
+        this.showBackdrop();
+        this.toggleModal(true);
+      });
+
+      // Focus Trap
+      const focusableElements = this.getFocusableElements(this.banner);
+      const firstFocusableEl = focusableElements[0];
+      const lastFocusableEl = focusableElements[focusableElements.length - 1];
+
+      // Add keydown event listener to handle tab navigation
+      this.banner.addEventListener('keydown', (e) => {
+        if (e.key === 'Tab') {
+          if (e.shiftKey) {
+            if (document.activeElement === firstFocusableEl) {
+              lastFocusableEl.focus();
+              e.preventDefault();
+            }
+          } else {
+            if (document.activeElement === lastFocusableEl) {
+              firstFocusableEl.focus();
+              e.preventDefault();
+            }
+          }
+        }
+      });
+
+      // Set initial focus
+      if (this.config.mode !== 'wizard') {
+        acceptButton?.focus();
+      }
+    }
+
+    // Check Modal exists before trying to add event listeners
+    if (this.modal) {
+      const closeButton = this.modal.querySelector('.modal-close');
+      const acceptAllButton = this.modal.querySelector('.preferences-accept-all');
+      const rejectAllButton = this.modal.querySelector('.preferences-reject-all');
+
+      closeButton?.addEventListener('click', () => {
+        this.toggleModal(false);
+
+        const hasMadeFirstChoice = this.hasSetInitialCookieChoices();
+
+        if (hasMadeFirstChoice) {
+          // run through the callbacks based on the current localStorage state
+          this.runStoredCookiePreferenceCallbacks();
+        } else {
+          // handle the case where the user closes without making a choice for the first time
+          this.handleClosedWithNoChoice();
+        }
+      });
+      acceptAllButton?.addEventListener('click', () => this.handleCookieChoice(true));
+      rejectAllButton?.addEventListener('click', () => this.handleCookieChoice(false));
+
+      // Banner Focus Trap
+      const focusableElements = this.getFocusableElements(this.modal);
+      const firstFocusableEl = focusableElements[0];
+      const lastFocusableEl = focusableElements[focusableElements.length - 1];
+
+      this.modal.addEventListener('keydown', (e) => {
+        if (e.key === 'Tab') {
+          if (e.shiftKey) {
+            if (document.activeElement === firstFocusableEl) {
+              lastFocusableEl.focus();
+              e.preventDefault();
+            }
+          } else {
+            if (document.activeElement === lastFocusableEl) {
+              firstFocusableEl.focus();
+              e.preventDefault();
+            }
+          }
+        }
+        if (e.key === 'Escape') {
+          this.toggleModal(false);
+        }
+      });
+
+      closeButton?.focus();
+
+      // Update the checkbox event listeners
+      const preferencesSection = this.modal.querySelector('#cookie-preferences');
+      const checkboxes = preferencesSection.querySelectorAll('input[type="checkbox"]');
+      
+      checkboxes.forEach(checkbox => {
+        checkbox.addEventListener('change', (event) => {
+          const [, cookieId] = event.target.id.split('cookies-');
+          const isAccepted = event.target.checked;
+          const previousValue = localStorage.getItem(
+            `silktideCookieChoice_${cookieId}${this.getBannerSuffix()}`
+          ) === 'true';
+          
+          // Only proceed if the value has actually changed
+          if (isAccepted !== previousValue) {
+            // Find the corresponding cookie type
+            const cookieType = this.config.cookieTypes.find(type => type.id === cookieId);
+            
+            if (cookieType) {
+              // Update localStorage
+              localStorage.setItem(
+                `silktideCookieChoice_${cookieId}${this.getBannerSuffix()}`,
+                isAccepted.toString()
+              );
+              
+              // Run the appropriate callback only if the value changed
+              if (isAccepted && typeof cookieType.onAccept === 'function') {
+                cookieType.onAccept();
+              } else if (!isAccepted && typeof cookieType.onReject === 'function') {
+                cookieType.onReject();
+              }
+            }
+          }
+        });
+      });
+    }
+
+    // Check Cookie Icon exists before trying to add event listeners
+    if (this.cookieIcon) {
+
+      this.cookieIcon.addEventListener('click', () => {
+        // If modal is not found, create it
+        if (!this.modal) {
+          this.createModal();
+          this.toggleModal(true);
+          this.hideCookieIcon();
+        }
+        // If modal is hidden, show it
+        else if (this.modal.style.display === 'none' || this.modal.style.display === '') {
+          this.toggleModal(true);
+          this.hideCookieIcon();
+        }
+        // If modal is visible, hide it
+        else {
+          this.toggleModal(false);
+        }
+      });
+    }
+  }
+
+  getBannerSuffix() {
+    if (this.config.bannerSuffix) {
+      return '_' + this.config.bannerSuffix;
+    }
+    return '';
+  }
+
+  preventBodyScroll() {
+    document.body.style.overflow = 'hidden';
+    // Prevent iOS Safari scrolling
+    document.body.style.position = 'fixed';
+    document.body.style.width = '100%';
+  }
+
+  allowBodyScroll() {
+    document.body.style.overflow = '';
+    document.body.style.position = '';
+    document.body.style.width = '';
+  }
+}
+
+(function () {
+  window.silktideCookieBannerManager = {};
+
+  let config = {};
+  let cookieBanner;
+
+  function updateCookieBannerConfig(userConfig = {}) {
+    config = {...config, ...userConfig};
+
+    // If cookie banner exists, destroy and recreate it with new config
+    if (cookieBanner) {
+      cookieBanner.destroyCookieBanner(); // We'll need to add this method
+      cookieBanner = null;
+    }
+
+    // Only initialize if document.body exists
+    if (document.body) {
+      initCookieBanner();
+    } else {
+      // Wait for DOM to be ready
+      document.addEventListener('DOMContentLoaded', initCookieBanner, {once: true});
+    }
+  }
+
+  function initCookieBanner() {
+    if (!cookieBanner) {
+      cookieBanner = new SilktideCookieBanner(config); // Pass config to the CookieBanner instance
+    }
+  }
+
+  function injectScript(url, loadOption) {
+    // Check if script with this URL already exists
+    const existingScript = document.querySelector(`script[src="${url}"]`);
+    if (existingScript) {
+      return; // Script already exists, don't add it again
+    }
+
+    const script = document.createElement('script');
+    script.src = url;
+
+    // Apply the async or defer attribute based on the loadOption parameter
+    if (loadOption === 'async') {
+      script.async = true;
+    } else if (loadOption === 'defer') {
+      script.defer = true;
+    }
+
+    document.head.appendChild(script);
+  }
+
+  window.silktideCookieBannerManager.initCookieBanner = initCookieBanner;
+  window.silktideCookieBannerManager.updateCookieBannerConfig = updateCookieBannerConfig;
+  window.silktideCookieBannerManager.injectScript = injectScript;
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initCookieBanner, {once: true});
+  } else {
+    initCookieBanner();
+  }
+})();