@waaelg/dga-design-system 0.4.9 → 0.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wael Alghamdi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -26,20 +26,6 @@ The published package includes compiled assets from the `dist` folder:
 
 ---
 
-## Skills for AI coding tools
-
-This repo has three parts: the **package** (`src/`, compiled to `dist/`), the **docs site** (`docs/`, VitePress), and **`skills/`** — Claude Skills that teach an AI coding assistant the actual class names, component patterns, and JS API documented above, grounded in `docs/` rather than guessed.
-
-| Skill | Covers |
-|-------|--------|
-| [`dga-vue-component`](skills/dga-vue-component/SKILL.md) | Generating Vue 3 SFCs styled with DGA |
-| [`dga-web-components`](skills/dga-web-components/SKILL.md) | `<dga-*>` elements and the JS class API outside Vue (plain HTML, Razor, PHP) |
-| [`dga-foundations`](skills/dga-foundations/SKILL.md) | Color/spacing/typography/radius/grid utility reference |
-
-If you clone this repo with **Claude Code**, these are picked up automatically via the `.claude/skills` symlink — no setup needed. Any other AI tool can be pointed directly at the `skills/<name>/SKILL.md` files.
-
----
-
 ## Quick start
 
 ### 1. Import the stylesheet
@@ -487,6 +473,20 @@ Documentation:
 
 ---
 
+## Skills for AI coding tools
+
+This repo has three parts: the **package** (`src/`, compiled to `dist/`), the **docs site** (`docs/`, VitePress), and **`skills/`** — Claude Skills that teach an AI coding assistant the actual class names, component patterns, and JS API documented above, grounded in `docs/` rather than guessed.
+
+| Skill | Covers |
+|-------|--------|
+| [`dga-vue-component`](skills/dga-vue-component/SKILL.md) | Generating Vue 3 SFCs styled with DGA |
+| [`dga-web-components`](skills/dga-web-components/SKILL.md) | `<dga-*>` elements and the JS class API outside Vue (plain HTML, Razor, PHP) |
+| [`dga-foundations`](skills/dga-foundations/SKILL.md) | Color/spacing/typography/radius/grid utility reference |
+
+If you clone this repo with **Claude Code**, these are picked up automatically via the `.claude/skills` symlink — no setup needed. Any other AI tool can be pointed directly at the `skills/<name>/SKILL.md` files.
+
+---
+
 ## License
 
 MIT — Wael Alghamdi

package/dist/index.js

@@ -32,7 +32,7 @@ class c {
     this.root.removeEventListener("click", this.handleClick), this.root.removeEventListener("keydown", this.handleKeydown);
   }
 }
-class x {
+class $ {
   constructor(t) {
     this.accordion = t, this.controller = new c(t);
   }
@@ -52,7 +52,7 @@ class x {
     this.controller.destroy();
   }
 }
-class D {
+class B {
   constructor(t = document) {
     this.root = t, this.handleCloseClick = this.handleCloseClick.bind(this), this.init();
   }
@@ -63,41 +63,41 @@ class D {
     const e = t.target.closest("[data-alert-close]");
     if (!e)
       return;
-    const i = e.closest(".dga-alert");
-    i && (i.style.display = "none");
+    const s = e.closest(".dga-alert");
+    s && (s.style.display = "none");
   }
   destroy() {
     this.root.removeEventListener("click", this.handleCloseClick);
   }
 }
-function h(s) {
-  return s.startsWith("#") || s.startsWith("var(") ? s : `var(--${s})`;
+function h(i) {
+  return i.startsWith("#") || i.startsWith("var(") ? i : `var(--${i})`;
 }
-function u(s = []) {
-  return `conic-gradient(${s.map(
+function u(i = []) {
+  return `conic-gradient(${i.map(
     (e) => `${h(e.color)} ${e.from} ${e.to}`
   ).join(", ")})`;
 }
-function g(s = []) {
-  return `<div class="dga-pie-chart__labels">${s.map(
+function g(i = []) {
+  return `<div class="dga-pie-chart__labels">${i.map(
     (e) => `<span class="dga-pie-chart__label"><span class="dga-pie-chart__circle" style="background-color: ${h(
       e.color
     )}"></span>${e.label}</span>`
   ).join("")}</div>`;
 }
-function y(s) {
-  if (!s) return [];
+function A(i) {
+  if (!i) return [];
   try {
-    const t = JSON.parse(s);
+    const t = JSON.parse(i);
     return Array.isArray(t) ? t : [];
   } catch {
     return console.warn("dga-pie-chart: invalid data attribute JSON"), [];
   }
 }
-function p(s, t = [], { hole: e = !1 } = {}) {
-  s && (s.classList.add("dga-pie-chart"), s.setAttribute("data-hole", e ? "true" : "false"), s.style.background = u(t), s.innerHTML = g(t));
+function p(i, t = [], { hole: e = !1 } = {}) {
+  i && (i.classList.add("dga-pie-chart"), i.setAttribute("data-hole", e ? "true" : "false"), i.style.background = u(t), i.innerHTML = g(t));
 }
-class T {
+class H {
   constructor(t, e = []) {
     this.chart = t, this.data = e, this.init();
   }
@@ -112,14 +112,14 @@ class T {
     return g(this.data);
   }
 }
-async function b(s) {
+async function b(i) {
   try {
     if (navigator.clipboard?.writeText)
-      return await navigator.clipboard.writeText(s), !0;
+      return await navigator.clipboard.writeText(i), !0;
   } catch {
   }
   const t = document.createElement("textarea");
-  t.value = s, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+  t.value = i, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.left = "-9999px", document.body.appendChild(t), t.select();
   const e = document.execCommand("copy");
   return document.body.removeChild(t), e;
 }
@@ -127,13 +127,13 @@ const d = `<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
   <rect x="9" y="9" width="11" height="11" rx="2" stroke-width="1.75"></rect>
   <path d="M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1" stroke-width="1.75" stroke-linecap="round"></path>
 </svg>`;
-async function m(s, t = 1200) {
-  const e = s.getAttribute("aria-label") || "Copy code";
-  s.setAttribute("aria-label", "Copied"), s.setAttribute("data-copied", "true"), window.setTimeout(() => {
-    s.setAttribute("aria-label", e), s.setAttribute("data-copied", "false");
+async function m(i, t = 1200) {
+  const e = i.getAttribute("aria-label") || "Copy code";
+  i.setAttribute("aria-label", "Copied"), i.setAttribute("data-copied", "true"), window.setTimeout(() => {
+    i.setAttribute("aria-label", e), i.setAttribute("data-copied", "false");
   }, t);
 }
-class S {
+class M {
   constructor(t = document) {
     this.root = t, this.handleCopyClick = this.handleCopyClick.bind(this), this.init();
   }
@@ -145,9 +145,9 @@ class S {
       ".dga-code-snippet-inline__copy, .dga-code-snippet-multiline__copy"
     );
     if (!e) return;
-    const i = e.closest(".dga-code-snippet-inline"), n = e.closest(".dga-code-snippet-multiline");
+    const s = e.closest(".dga-code-snippet-inline"), n = e.closest(".dga-code-snippet-multiline");
     let o = "";
-    i ? o = i.querySelector(
+    s ? o = s.querySelector(
       ".dga-code-snippet-inline__content"
     )?.textContent?.trim() || "" : n && (o = n.querySelector(
       ".dga-code-snippet-multiline__code code"
@@ -157,7 +157,7 @@ class S {
     this.root.removeEventListener("click", this.handleCopyClick);
   }
 }
-class B {
+class O {
   constructor(t = {}) {
     if (this.navbar = t.navbar || document.querySelector(".dga-navbar"), this.verifyBar = t.verifyBar || null, !this.navbar) {
       console.warn("DGA Navbar elements not found");
@@ -184,8 +184,8 @@ class B {
   }
   toggleDropdown(t) {
     t.preventDefault(), t.stopPropagation(), this.verifyBar && this.verifyBar.isOpen && this.verifyBar.closePanel();
-    const e = t.currentTarget, i = e.parentElement, n = i.classList.contains("active");
-    this.closeAllDropdowns(), n || (i.classList.add("active"), e.classList.add("dga-menu-item-selected"), e.setAttribute("aria-expanded", "true"), i.querySelector(".dga-dropdown").style.top = `${this.navbarHeight + this.navbarTop}px`);
+    const e = t.currentTarget, s = e.parentElement, n = s.classList.contains("active");
+    this.closeAllDropdowns(), n || (s.classList.add("active"), e.classList.add("dga-menu-item-selected"), e.setAttribute("aria-expanded", "true"), s.querySelector(".dga-dropdown").style.top = `${this.navbarHeight + this.navbarTop}px`);
   }
   toggleMobileMenu(t) {
     t.stopPropagation(), this.verifyBar && this.verifyBar.isOpen && this.verifyBar.closePanel(), this.menu.classList.toggle("dga-menu-open"), this.menu.classList.contains("dga-menu-open") ? (document.body.classList.add("no-scroll"), this.menu.style.height = `calc(100vh - ${this.navbarHeight}px - ${this.navbarTop}px)`) : (document.body.classList.remove("no-scroll"), this.menu.style.height = "0px"), this.menu.style.top = `${this.navbarTop + this.navbarHeight}px`;
@@ -202,9 +202,9 @@ class B {
   closeAllDropdowns(t) {
     if (t && t.target.closest(".dga-dropdown-content"))
       return;
-    this.navbar.querySelectorAll(".dga-menu > li.active").forEach((i) => {
-      i.classList.remove("active");
-      const n = i.querySelector(".dga-menu-item");
+    this.navbar.querySelectorAll(".dga-menu > li.active").forEach((s) => {
+      s.classList.remove("active");
+      const n = s.querySelector(".dga-menu-item");
       n?.classList.remove("dga-menu-item-selected"), n?.setAttribute("aria-expanded", "false");
     });
   }
@@ -232,7 +232,7 @@ class B {
     return this.navbar.querySelectorAll(".dga-menu > li.active").length > 0;
   }
 }
-class M {
+class G {
   constructor(t = {}) {
     if (this.isOpen = !1, this.verifyBar = document.getElementById("dga-verify-bar"), this.menu = t.menu || null, this.btn = document.getElementById("dga-verifyBtn"), this.content = document.getElementById("dga-verify-bar_content"), this.boundToggle = () => {
       this.isOpen ? this.closePanel() : this.openPanel();
@@ -255,11 +255,11 @@ class M {
     this.btn?.removeEventListener("click", this.boundToggle);
   }
 }
-function a(s = "") {
-  return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function a(i = "") {
+  return String(i).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const f = "info-color";
-class _ extends HTMLElement {
+const C = "info-color";
+class k extends HTMLElement {
   static get observedAttributes() {
     return ["variant", "title", "dismissible"];
   }
@@ -287,9 +287,9 @@ class _ extends HTMLElement {
     this.isConnected && this._render();
   }
   _render() {
-    const t = this.getAttribute("variant") || f, e = this.getAttribute("title") || "", i = this.hasAttribute("dismissible"), n = this._bodyContent || "";
+    const t = this.getAttribute("variant") || C, e = this.getAttribute("title") || "", s = this.hasAttribute("dismissible"), n = this._bodyContent || "";
     this.classList.add("dga-alert"), this.setAttribute("data-variant", t);
-    const o = e ? `<h4 class="dga-alert-title">${a(e)}</h4>` : "", r = i ? '<button class="dga-alert-close" type="button" data-alert-close aria-label="Dismiss alert">×</button>' : "";
+    const o = e ? `<h4 class="dga-alert-title">${a(e)}</h4>` : "", r = s ? '<button class="dga-alert-close" type="button" data-alert-close aria-label="Dismiss alert">×</button>' : "";
     this.innerHTML = `
       <span class="dga-alert-icon" aria-hidden="true"></span>
       <div class="dga-alert-content">
@@ -305,8 +305,8 @@ class _ extends HTMLElement {
     );
   }
 }
-customElements.define("dga-alert", _);
-class C extends HTMLElement {
+customElements.define("dga-alert", k);
+class w extends HTMLElement {
   static get observedAttributes() {
     return ["title", "size", "open"];
   }
@@ -317,10 +317,10 @@ class C extends HTMLElement {
     this.isConnected && this._render();
   }
   _render() {
-    const t = this.getAttribute("title") || "", e = this.getAttribute("size") || "md", i = this.hasAttribute("open"), n = this._bodyContent || "";
+    const t = this.getAttribute("title") || "", e = this.getAttribute("size") || "md", s = this.hasAttribute("open"), n = this._bodyContent || "";
     this.innerHTML = `
-      <div class="dga-acc-item${i ? " dga-acc-item--active" : ""}">
-        <button class="dga-acc-header" data-size="${a(e)}" aria-expanded="${i ? "true" : "false"}">
+      <div class="dga-acc-item${s ? " dga-acc-item--active" : ""}">
+        <button class="dga-acc-header" data-size="${a(e)}" aria-expanded="${s ? "true" : "false"}">
           <span>${a(t)}</span>
         </button>
         <div class="dga-acc-content">
@@ -330,7 +330,7 @@ class C extends HTMLElement {
     `;
   }
 }
-class A extends HTMLElement {
+class L extends HTMLElement {
   constructor() {
     super(), this._controller = null;
   }
@@ -341,9 +341,9 @@ class A extends HTMLElement {
     this._controller?.destroy(), this._controller = null;
   }
 }
-customElements.define("dga-accordion-item", C);
-customElements.define("dga-accordion", A);
-class k extends HTMLElement {
+customElements.define("dga-accordion-item", w);
+customElements.define("dga-accordion", L);
+class E extends HTMLElement {
   static get observedAttributes() {
     return ["code", "multiline"];
   }
@@ -386,8 +386,8 @@ class k extends HTMLElement {
     ));
   }
 }
-customElements.define("dga-code-snippet", k);
-class L extends HTMLElement {
+customElements.define("dga-code-snippet", E);
+class x extends HTMLElement {
   static get observedAttributes() {
     return ["data", "hole"];
   }
@@ -398,18 +398,43 @@ class L extends HTMLElement {
     this.isConnected && this._render();
   }
   _render() {
-    const t = y(this.getAttribute("data")), e = this.hasAttribute("hole") && this.getAttribute("hole") !== "false";
+    const t = A(this.getAttribute("data")), e = this.hasAttribute("hole") && this.getAttribute("hole") !== "false";
     p(this, t, { hole: e });
   }
 }
-customElements.define("dga-pie-chart", L);
-const E = {
+customElements.define("dga-pie-chart", x);
+const S = {
   "flag-src": "saudiFlag.svg",
   "link-icon-src": "link-icon.svg",
   "lock-icon-src": "square-lock-password.svg",
   "logo-src": "DGA-logo-icon.svg"
+}, D = {
+  ar: {
+    flagAlt: "علم المملكة العربية السعودية",
+    banner: "موقع حكومي رسمي تابع لحكومة المملكة العربية السعودية",
+    cta: "كيف تتحقق",
+    domainHeading: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ",
+    domainBody: "جميع روابط المواقع الرسمية التابعة للجهات الحكومية في المملكة العربية السعودية تنتهي بـ",
+    httpsHeading: "المواقع الالكترونية الحكومية تستخدم بروتوكول",
+    httpsHeadingSuffix: "للتشفير و الأمان.",
+    httpsBody: "المواقع الالكترونية الآمنة في المملكة العربية السعودية تستخدم بروتوكول HTTPS للتشفير.",
+    logoAlt: "شعار هيئة الحكومة الرقمية",
+    registeredWith: "مسجل لدى هيئة الحكومة الرقمية برقم :"
+  },
+  en: {
+    flagAlt: "Flag of the Kingdom of Saudi Arabia",
+    banner: "This is an official government website of the Kingdom of Saudi Arabia",
+    cta: "How to verify",
+    domainHeading: "Official Saudi government website links end with",
+    domainBody: "All official website links belonging to government entities in the Kingdom of Saudi Arabia end with",
+    httpsHeading: "Government websites use the",
+    httpsHeadingSuffix: "protocol for encryption and security.",
+    httpsBody: "Secure websites in the Kingdom of Saudi Arabia use the HTTPS protocol for encryption.",
+    logoAlt: "Digital Government Authority logo",
+    registeredWith: "Registered with the Digital Government Authority under number:"
+  }
 };
-class w extends HTMLElement {
+class T extends HTMLElement {
   static get observedAttributes() {
     return [
       "registration-number",
@@ -419,7 +444,8 @@ class w extends HTMLElement {
       "flag-src",
       "link-icon-src",
       "lock-icon-src",
-      "logo-src"
+      "logo-src",
+      "lang"
     ];
   }
   constructor() {
@@ -435,20 +461,20 @@ class w extends HTMLElement {
     this.isConnected && this._render();
   }
   _render() {
-    const t = a(
+    const t = this.getAttribute("lang") === "en" ? "en" : "ar", e = t === "en" ? "ltr" : "rtl", s = D[t], n = a(
       this.getAttribute("registration-number") || "20250105758"
-    ), e = this.getAttribute("registration-link") || "https://raqmi.dga.gov.sa/platforms/platforms/9ebc5e60-9081-4653-bfb9-08dd2a2f8633/platform-license", i = a(this._normalizeLink(e)), n = a(this.getAttribute("domain") || ".edu.sa"), o = a(this._imageSrc("flag-src")), r = a(this._imageSrc("link-icon-src")), l = a(this._imageSrc("lock-icon-src")), v = a(this._imageSrc("logo-src"));
+    ), o = this.getAttribute("registration-link") || "https://raqmi.dga.gov.sa/platforms/platforms/9ebc5e60-9081-4653-bfb9-08dd2a2f8633/platform-license", r = a(this._normalizeLink(o)), l = a(this.getAttribute("domain") || ".edu.sa"), v = a(this._imageSrc("flag-src")), y = a(this._imageSrc("link-icon-src")), f = a(this._imageSrc("lock-icon-src")), _ = a(this._imageSrc("logo-src"));
     this.innerHTML = `
-      <div id="dga-verify-bar" class="dga-bg-gray-100 closed">
+      <div id="dga-verify-bar" dir="${e}" class="dga-bg-gray-100 closed">
       <div class="dga-container dga-py-2">
         <div id="dga-verify-bar_bar" class="dga-row">
           <div class="dga-col">
             <div class="dga-d-flex dga-align-items-center dga-gap-2">
-              <span><img src="${o}" alt="علم المملكة العربية السعودية" /></span>
-              <span class="dga-text-sm">موقع حكومي رسمي تابع لحكومة المملكة العربية السعودية</span>
+              <span><img src="${v}" alt="${s.flagAlt}" /></span>
+              <span class="dga-text-sm">${s.banner}</span>
               <span>
                 <button id="dga-verifyBtn" class="dga-btn dga-btn-subtle dga-text-primary-500" data-verify-toggle aria-expanded="false">
-                  كيف تتحقق
+                  ${s.cta}
                 </button>
               </span>
             </div>
@@ -458,15 +484,14 @@ class w extends HTMLElement {
         <div id="dga-verify-bar_content" class="dga-row dga-pt-10 dga-pb-8" data-verify-content style="display: ${this.isOpen ? "flex" : "none"};">
           <div class="dga-col-md-6 dga-pb-8">
             <div class="dga-d-flex dga-gap-4">
-              <div><img src="${r}" alt="" /></div>
+              <div><img src="${y}" alt="" /></div>
               <div class="dga-w-full dga-d-flex dga-flex-col dga-gap-2">
                 <h3 class="dga-text-xl dga-fw-bold">
-                  روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ
-                  <span class="dga-text-primary-500">${n}</span>
+                  ${s.domainHeading}
+                  <span class="dga-text-primary-500">${l}</span>
                 </h3>
                 <p>
-                  جميع روابط المواقع الرسمية التابعة للجهات الحكومية في المملكة
-                  العربية السعودية تنتهي بـ ${n}
+                  ${s.domainBody} ${l}
                 </p>
               </div>
             </div>
@@ -474,15 +499,14 @@ class w extends HTMLElement {
 
           <div class="dga-col-md-6 dga-pb-8">
             <div class="dga-d-flex dga-gap-4">
-              <div><img src="${l}" alt="" /></div>
+              <div><img src="${f}" alt="" /></div>
               <div class="dga-w-full dga-d-flex dga-flex-col dga-gap-2">
                 <h3 class="dga-text-xl dga-fw-bold">
-                  المواقع الالكترونية الحكومية تستخدم بروتوكول
-                  <span class="dga-text-primary-500">HTTPS</span> للتشفير و الأمان.
+                  ${s.httpsHeading}
+                  <span class="dga-text-primary-500">HTTPS</span> ${s.httpsHeadingSuffix}
                 </h3>
                 <p>
-                  المواقع الالكترونية الآمنة في المملكة العربية السعودية تستخدم
-                  بروتوكول HTTPS للتشفير.
+                  ${s.httpsBody}
                 </p>
               </div>
             </div>
@@ -490,9 +514,9 @@ class w extends HTMLElement {
 
           <div class="dga-col-12">
             <div class="dga-d-flex dga-align-items-center dga-gap-3 dga-bg-white dga-text-md dga-rounded-md dga-py-2 dga-px-7">
-              <img src="${v}" alt="شعار هيئة الحكومة الرقمية" />
-              مسجل لدى هيئة الحكومة الرقمية برقم :
-              <a href="${i}" class="dga-link">${t}</a>
+              <img src="${_}" alt="${s.logoAlt}" />
+              ${s.registeredWith}
+              <a href="${r}" class="dga-link">${n}</a>
             </div>
           </div>
         </div>
@@ -503,8 +527,8 @@ class w extends HTMLElement {
   _imageSrc(t) {
     const e = this.getAttribute(t);
     if (e) return e;
-    const i = E[t], n = this.getAttribute("assets-base") || "/";
-    return `${n.endsWith("/") ? n : `${n}/`}${i}`;
+    const s = S[t], n = this.getAttribute("assets-base") || "/";
+    return `${n.endsWith("/") ? n : `${n}/`}${s}`;
   }
   _open() {
     this._content.style.display = "flex", this.isOpen = !0, this._btn?.setAttribute("aria-expanded", "true"), this._wrapper?.classList.replace("closed", "opend");
@@ -520,15 +544,15 @@ class w extends HTMLElement {
     }
   }
 }
-customElements.define("dga-verify-bar", w);
-const $ = !0;
+customElements.define("dga-verify-bar", T);
+const q = !0;
 export {
-  x as DGAAccordion,
-  D as DGAAlert,
-  T as DGAChart,
-  S as DGACodeSnippet,
-  B as DGAMenuDropDown,
-  M as DGAVerifyBar,
-  $ as DGA_WEB_COMPONENTS_REGISTERED
+  $ as DGAAccordion,
+  B as DGAAlert,
+  H as DGAChart,
+  M as DGACodeSnippet,
+  O as DGAMenuDropDown,
+  G as DGAVerifyBar,
+  q as DGA_WEB_COMPONENTS_REGISTERED
 };
 //# sourceMappingURL=index.js.map