@clickhouse/click-ui 0.10.0-rc2 → 0.11.0-rc1

package/dist/cjs/click-ui.css

@@ -972,6 +972,26 @@
   width: 100%;
 }
 
+.text_wrap_wrap__RR--m {
+  white-space: normal;
+}
+
+.text_wrap_nowrap__DCK82 {
+  white-space: nowrap;
+}
+
+.text_wrap_break-word__Oc5qD {
+  white-space: normal;
+  /* `anywhere` rather than `break-word` so long words also shrink the
+   min-content width, which is what flex and table layouts measure. */
+  overflow-wrap: anywhere;
+}
+
+.text_wrap_break-all__EdYJs {
+  white-space: normal;
+  word-break: break-all;
+}
+
 /* font shorthand depends on both size and weight; one class per pairing
    emits a single `font:` declaration. */
 
@@ -1356,6 +1376,11 @@
   cursor: pointer;
 }
 
+.iconbutton__G-cEu:focus-visible {
+  outline: 2px solid var(--click-global-color-outline-default);
+  outline-offset: 2px;
+}
+
 .iconbutton_size_sm__tT3BV {
   padding: var(--click-button-iconButton-sm-space-y)
     var(--click-button-iconButton-sm-space-x);
@@ -4208,9 +4233,12 @@ div:active + .topbadge__E79OZ {
      colors are set inline per state via --codeblock-button, matching the
      --codeblock-numbers pattern so both track the ThemeProvider runtime. */
   --codeblock-button: initial;
+  /* assign context to be above pseudo-element 
+     can be cleaned up when background is a regular color variable with alpha */
+  z-index: 1;
   padding: 0;
   border: 0;
-  color: var(--codeblock-button, inherit);
+  color: var(--codeblock-button, inherit); 
 }
 
 .codeblock__highlighter__t4Xol {
@@ -4226,13 +4254,42 @@ div:active + .topbadge__E79OZ {
 
 .codeblock__button-container__D6yob {
   display: flex;
+  opacity: 0;
   position: absolute;
   top: var(--click-codeblock-space-y);
   right: var(--click-codeblock-space-x);
-  gap: 0.625rem;
+  padding: var(--spaces-1);
+  gap: var(--spaces-1);
+  pointer-events: none;
+  transition: opacity 200ms ease-in-out;
 }
+
+.codeblock__pRWOC:hover .codeblock__button-container__D6yob,
+.codeblock__pRWOC:focus-within .codeblock__button-container__D6yob {
+  opacity: 1;
+  pointer-events: auto;
+  transition-duration: 150ms;
 }
-@layer clickui {.content__fI-1- {
+
+/* this element can be refactored to a color var with alpha when available */
+.codeblock__button-container__D6yob::before {
+  content: "";
+  opacity: 0.85;
+  position: absolute;  
+  z-index: 0;
+  inset: 0;
+  border-radius: var(--spaces-1); 
+}
+
+/* custom conditional theming can be later replaced with semantic color tokens */
+[data-cui-theme="light"] .codeblock__button-container__D6yob::before {
+  background: var(--palette-indigo-100);
+}
+
+[data-cui-theme="dark"] .codeblock__button-container__D6yob::before {
+  background: var(--palette-neutral-900);
+}
+}@layer clickui {.content__fI-1- {
   display: flex;
   overflow: hidden;
   flex-direction: column;
@@ -4772,7 +4829,9 @@ div:active + .topbadge__E79OZ {
   }
 }
 }
-@layer clickui {.menu-panel__-IeVm {
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
+
+.menu-panel__-IeVm {
   display: block;
   padding: var(--click-popover-space-y) var(--click-popover-space-x);
   border: 1px solid var(--click-popover-color-panel-stroke-default);
@@ -4797,18 +4856,16 @@ div:active + .topbadge__E79OZ {
   cursor: pointer;
 }
 
-.close-button__fpjhc {
+.menu-panel__-IeVm .close-button__fpjhc {
+  /* Offset by the button's own padding so the cross sits at the panel inset */
   position: absolute;
-  top: var(--click-popover-space-y);
-  right: var(--click-popover-space-x);
-  width: var(--click-popover-icon-size-width);
-  height: var(--click-popover-icon-size-height);
+  top: calc(var(--click-popover-space-y) - var(--click-button-iconButton-sm-space-y));
+  right: calc(var(--click-popover-space-x) - var(--click-button-iconButton-sm-space-x));
 }
 }
 @layer clickui {.link__Ly-e3 {
   display: inline-flex;
   margin: 0;
-  margin-right: var(--link-gap);
   align-items: center;
   gap: var(--link-gap);
   color: var(--click-global-color-text-link-default);

package/dist/cjs/components/Assets/Flags/Austria.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Austria = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#Austria__a)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#fff",
+            d: "M0 6.6665H30V13.3332H0V6.6665Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#C8102E",
+            d: "M0 0H30V6.66667H0V0ZM0 13.3333H30V20H0V13.3333Z"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Austria__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = Austria;
+//# sourceMappingURL=Austria.cjs.map

package/dist/cjs/components/Assets/Flags/Austria.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Austria.cjs","sources":["../../../../../src/components/Assets/Flags/Austria.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Austria = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#Austria__a)\">\n      <path\n        fill=\"#fff\"\n        d=\"M0 6.6665H30V13.3332H0V6.6665Z\"\n      />\n      <path\n        fill=\"#C8102E\"\n        d=\"M0 0H30V6.66667H0V0ZM0 13.3333H30V20H0V13.3333Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"Austria__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Austria;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,OAAA,GAAU,CAAC,KAAA,qBACfA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,kBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,YAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/Bahrain.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Bahrain = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#Bahrain__a)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#fff",
+            d: "M0 0H30V20H0"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#CE1126",
+            d: "M30 0H4.5L9.68906 2L4.5 4L9.68906 6L4.5 8L9.68906 10L4.5 12L9.68906 14L4.5 16L9.68906 18L4.5 20H30"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Bahrain__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = Bahrain;
+//# sourceMappingURL=Bahrain.cjs.map

package/dist/cjs/components/Assets/Flags/Bahrain.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bahrain.cjs","sources":["../../../../../src/components/Assets/Flags/Bahrain.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Bahrain = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#Bahrain__a)\">\n      <path\n        fill=\"#fff\"\n        d=\"M0 0H30V20H0\"\n      />\n      <path\n        fill=\"#CE1126\"\n        d=\"M30 0H4.5L9.68906 2L4.5 4L9.68906 6L4.5 8L9.68906 10L4.5 12L9.68906 14L4.5 16L9.68906 18L4.5 20H30\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"Bahrain__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Bahrain;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,OAAA,GAAU,CAAC,KAAA,qBACfA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,kBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,YAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/Belgium.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Belgium = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "g",
+        {
+          fillRule: "evenodd",
+          clipPath: "url(#Belgium__a)",
+          clipRule: "evenodd",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fill: "#000001",
+                d: "M0 0H9.99844V20H0V0Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fill: "#FFD90C",
+                d: "M9.99805 0H20.0012V20H9.99805V0Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fill: "#F31830",
+                d: "M20.002 0H30.0004V20H20.002V0Z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Belgium__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = Belgium;
+//# sourceMappingURL=Belgium.cjs.map

package/dist/cjs/components/Assets/Flags/Belgium.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Belgium.cjs","sources":["../../../../../src/components/Assets/Flags/Belgium.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Belgium = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g\n      fillRule=\"evenodd\"\n      clipPath=\"url(#Belgium__a)\"\n      clipRule=\"evenodd\"\n    >\n      <path\n        fill=\"#000001\"\n        d=\"M0 0H9.99844V20H0V0Z\"\n      />\n      <path\n        fill=\"#FFD90C\"\n        d=\"M9.99805 0H20.0012V20H9.99805V0Z\"\n      />\n      <path\n        fill=\"#F31830\"\n        d=\"M20.002 0H30.0004V20H20.002V0Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"Belgium__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Belgium;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,OAAA,GAAU,CAAC,KAAA,qBACfA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAS,SAAA;AAAA,UACT,QAAA,EAAS,kBAAA;AAAA,UACT,QAAA,EAAS,SAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAAC,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,SAAA;AAAA,gBACL,CAAA,EAAE;AAAA;AAAA,aACJ;AAAA,4BACAA,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,SAAA;AAAA,gBACL,CAAA,EAAE;AAAA;AAAA,aACJ;AAAA,4BACAA,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,SAAA;AAAA,gBACL,CAAA,EAAE;AAAA;AAAA;AACJ;AAAA;AAAA,OACF;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,YAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/Canada.cjs

@@ -8,43 +8,35 @@ const Canada = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: "30",
-    height: "20",
-    viewBox: "0 0 30 20",
+    width: 30,
+    height: 20,
     fill: "none",
+    viewBox: "0 0 30 20",
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_3880_12442)", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            width: "30",
-            height: "20",
-            rx: "1",
-            fill: "#FF0000"
-          }
-        ),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#Canada__a)", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M4.56641 0.000488281H25.436V20.0005H4.56641V0.000488281Z",
-            fill: "white"
+            fill: "#fff",
+            d: "M7.03594 0H22.9594V20H7.03125L7.03594 0Z"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M15.0008 1.87549L13.5769 4.42236C13.4138 4.6984 13.1258 4.67236 12.8323 4.51611L11.7997 4.0057L12.566 7.91195C12.7291 8.62549 12.2073 8.62549 11.9519 8.3182L10.153 6.39111L9.86494 7.37028C9.83233 7.50049 9.68559 7.6359 9.46276 7.60465L7.19102 7.14632L7.78885 9.22965C7.91928 9.6932 8.01711 9.8859 7.65842 10.0057L6.84863 10.3703L10.7671 13.4172C10.9247 13.5317 11.0008 13.7401 10.941 13.9276L10.5986 15.0057C11.9465 14.8547 13.1584 14.6307 14.5062 14.4953C14.6258 14.4849 14.8215 14.6672 14.8215 14.8026L14.6475 18.7505H15.2997L15.1965 14.813C15.1965 14.6776 15.3758 14.4849 15.4954 14.4953C16.8432 14.6359 18.0552 14.8599 19.403 15.0057L19.0552 13.9224C18.9954 13.7349 19.0769 13.5317 19.2291 13.4119L23.1475 10.3651L22.3378 10.0005C21.9791 9.87549 22.0769 9.68799 22.2073 9.22445L22.8052 7.14111L20.5334 7.59945C20.3106 7.6307 20.1638 7.49528 20.1312 7.36507L19.8432 6.3859L18.0443 8.31299C17.7888 8.62028 17.2725 8.62028 17.4302 7.90674L18.1965 4.00049L17.1638 4.5109C16.8758 4.66715 16.5823 4.68799 16.4193 4.41715L15.0008 1.87549Z",
-            fill: "#FF0000"
+            fill: "#D52B1E",
+            d: "M-0.923828 0H7.03555V20H-0.923828V0ZM22.959 0H30.9184V20H22.9637L22.959 0ZM9.42148 9.66667L8.79805 9.85L11.6762 12.1C11.8965 12.6708 11.6012 12.8417 11.4137 13.1417L14.5355 12.7917L14.4605 15.5833L15.1121 15.5708L14.9668 12.7958L18.0934 13.1292C17.9012 12.7667 17.7277 12.575 17.9059 11.9958L20.7793 9.87083L20.2777 9.70417C19.8652 9.42083 20.4559 8.34583 20.5402 7.66667C20.5402 7.66667 18.8668 8.17917 18.759 7.90833L18.3277 7.17917L16.7996 8.67083C16.6355 8.70833 16.5652 8.65 16.523 8.525L17.2262 5.40833L16.1105 5.96667C16.0105 6.00278 15.9293 5.97222 15.8668 5.875L14.7887 3.95833L13.6824 5.95C13.5949 6.01944 13.5168 6.02917 13.448 5.97917L12.3746 5.45L13.0168 8.5375C12.9652 8.6625 12.8434 8.69583 12.7027 8.62917L11.2402 7.15833C11.0527 7.42917 10.9215 7.87083 10.6684 7.97083C10.4152 8.07083 9.5668 7.78333 8.99961 7.67917C9.19648 8.29583 9.79648 9.32917 9.42148 9.66667Z"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_3880_12442", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Canada__a", children: /* @__PURE__ */ jsxRuntime.jsx(
         "rect",
         {
-          width: "30",
-          height: "20",
-          fill: "white"
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
         }
       ) }) })
     ]

package/dist/cjs/components/Assets/Flags/Canada.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Canada.cjs","sources":["../../../../../src/components/Assets/Flags/Canada.tsx"],"sourcesContent":["import React from 'react';\nimport type { SVGAssetProps } from '@/types';\n\nconst Canada = (props: SVGAssetProps): React.ReactElement => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"30\"\n    height=\"20\"\n    viewBox=\"0 0 30 20\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_3880_12442)\">\n      <rect\n        width=\"30\"\n        height=\"20\"\n        rx=\"1\"\n        fill=\"#FF0000\"\n      />\n      <path\n        d=\"M4.56641 0.000488281H25.436V20.0005H4.56641V0.000488281Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M15.0008 1.87549L13.5769 4.42236C13.4138 4.6984 13.1258 4.67236 12.8323 4.51611L11.7997 4.0057L12.566 7.91195C12.7291 8.62549 12.2073 8.62549 11.9519 8.3182L10.153 6.39111L9.86494 7.37028C9.83233 7.50049 9.68559 7.6359 9.46276 7.60465L7.19102 7.14632L7.78885 9.22965C7.91928 9.6932 8.01711 9.8859 7.65842 10.0057L6.84863 10.3703L10.7671 13.4172C10.9247 13.5317 11.0008 13.7401 10.941 13.9276L10.5986 15.0057C11.9465 14.8547 13.1584 14.6307 14.5062 14.4953C14.6258 14.4849 14.8215 14.6672 14.8215 14.8026L14.6475 18.7505H15.2997L15.1965 14.813C15.1965 14.6776 15.3758 14.4849 15.4954 14.4953C16.8432 14.6359 18.0552 14.8599 19.403 15.0057L19.0552 13.9224C18.9954 13.7349 19.0769 13.5317 19.2291 13.4119L23.1475 10.3651L22.3378 10.0005C21.9791 9.87549 22.0769 9.68799 22.2073 9.22445L22.8052 7.14111L20.5334 7.59945C20.3106 7.6307 20.1638 7.49528 20.1312 7.36507L19.8432 6.3859L18.0443 8.31299C17.7888 8.62028 17.2725 8.62028 17.4302 7.90674L18.1965 4.00049L17.1638 4.5109C16.8758 4.66715 16.5823 4.68799 16.4193 4.41715L15.0008 1.87549Z\"\n        fill=\"#FF0000\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_3880_12442\">\n        <rect\n          width=\"30\"\n          height=\"20\"\n          fill=\"white\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Canada;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAGA,MAAM,MAAA,GAAS,CAAC,KAAA,qBACdA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACJ,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,wBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,IAAA;AAAA,YACN,MAAA,EAAO,IAAA;AAAA,YACP,EAAA,EAAG,GAAA;AAAA,YACH,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0DAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6gCAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,kBAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,IAAA;AAAA,UACN,MAAA,EAAO,IAAA;AAAA,UACP,IAAA,EAAK;AAAA;AAAA,SAET,CAAA,EACF;AAAA;AAAA;AACF;;;;"}
+{"version":3,"file":"Canada.cjs","sources":["../../../../../src/components/Assets/Flags/Canada.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Canada = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#Canada__a)\">\n      <path\n        fill=\"#fff\"\n        d=\"M7.03594 0H22.9594V20H7.03125L7.03594 0Z\"\n      />\n      <path\n        fill=\"#D52B1E\"\n        d=\"M-0.923828 0H7.03555V20H-0.923828V0ZM22.959 0H30.9184V20H22.9637L22.959 0ZM9.42148 9.66667L8.79805 9.85L11.6762 12.1C11.8965 12.6708 11.6012 12.8417 11.4137 13.1417L14.5355 12.7917L14.4605 15.5833L15.1121 15.5708L14.9668 12.7958L18.0934 13.1292C17.9012 12.7667 17.7277 12.575 17.9059 11.9958L20.7793 9.87083L20.2777 9.70417C19.8652 9.42083 20.4559 8.34583 20.5402 7.66667C20.5402 7.66667 18.8668 8.17917 18.759 7.90833L18.3277 7.17917L16.7996 8.67083C16.6355 8.70833 16.5652 8.65 16.523 8.525L17.2262 5.40833L16.1105 5.96667C16.0105 6.00278 15.9293 5.97222 15.8668 5.875L14.7887 3.95833L13.6824 5.95C13.5949 6.01944 13.5168 6.02917 13.448 5.97917L12.3746 5.45L13.0168 8.5375C12.9652 8.6625 12.8434 8.69583 12.7027 8.62917L11.2402 7.15833C11.0527 7.42917 10.9215 7.87083 10.6684 7.97083C10.4152 8.07083 9.5668 7.78333 8.99961 7.67917C9.19648 8.29583 9.79648 9.32917 9.42148 9.66667Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"Canada__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Canada;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,MAAA,GAAS,CAAC,KAAA,qBACdA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,iBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,WAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/Chile.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Chile = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#Chile__a)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "mask",
+          {
+            id: "Chile__b",
+            width: 31,
+            height: 20,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "luminance"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fill: "#fff",
+                d: "M0 0H30.0015V20H0V0Z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "g",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            mask: "url(#Chile__b)",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#fff",
+                  d: "M11.25 0H33.75V10H11.25V0Z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#0039A6",
+                  d: "M0 0H11.25V10H0V0Z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#fff",
+                  d: "M7.37402 7.48828L5.63379 6.32812L3.89795 7.5L4.54395 5.59375L2.8125 4.41797L4.95264 4.39844L5.61621 2.5L6.29736 4.39453L8.4375 4.39844L6.71484 5.58594L7.37402 7.48828Z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#D52B1E",
+                  d: "M0 10H33.75V20H0V10Z"
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Chile__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = Chile;
+//# sourceMappingURL=Chile.cjs.map

package/dist/cjs/components/Assets/Flags/Chile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chile.cjs","sources":["../../../../../src/components/Assets/Flags/Chile.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Chile = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#Chile__a)\">\n      <mask\n        id=\"Chile__b\"\n        width={31}\n        height={20}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: 'luminance',\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M0 0H30.0015V20H0V0Z\"\n        />\n      </mask>\n      <g\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        mask=\"url(#Chile__b)\"\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M11.25 0H33.75V10H11.25V0Z\"\n        />\n        <path\n          fill=\"#0039A6\"\n          d=\"M0 0H11.25V10H0V0Z\"\n        />\n        <path\n          fill=\"#fff\"\n          d=\"M7.37402 7.48828L5.63379 6.32812L3.89795 7.5L4.54395 5.59375L2.8125 4.41797L4.95264 4.39844L5.61621 2.5L6.29736 4.39453L8.4375 4.39844L6.71484 5.58594L7.37402 7.48828Z\"\n        />\n        <path\n          fill=\"#D52B1E\"\n          d=\"M0 10H33.75V20H0V10Z\"\n        />\n      </g>\n    </g>\n    <defs>\n      <clipPath id=\"Chile__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Chile;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,KAAA,GAAQ,CAAC,KAAA,qBACbA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,gBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,UAAA;AAAA,YACH,KAAA,EAAO,EAAA;AAAA,YACP,MAAA,EAAQ,EAAA;AAAA,YACR,CAAA,EAAG,CAAA;AAAA,YACH,CAAA,EAAG,CAAA;AAAA,YACH,SAAA,EAAU,gBAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,QAAA,EAAU;AAAA,aACZ;AAAA,YAEA,QAAA,kBAAAA,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,MAAA;AAAA,gBACL,CAAA,EAAE;AAAA;AAAA;AACJ;AAAA,SACF;AAAA,wBACAD,eAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAS,SAAA;AAAA,YACT,IAAA,EAAK,gBAAA;AAAA,YAEL,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,MAAA;AAAA,kBACL,CAAA,EAAE;AAAA;AAAA,eACJ;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,SAAA;AAAA,kBACL,CAAA,EAAE;AAAA;AAAA,eACJ;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,MAAA;AAAA,kBACL,CAAA,EAAE;AAAA;AAAA,eACJ;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,SAAA;AAAA,kBACL,CAAA,EAAE;AAAA;AAAA;AACJ;AAAA;AAAA;AACF,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,UAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/China.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const China = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#China__a)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#EE1C25",
+            d: "M0 0H30V20H0V0Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#FF0",
+            d: "M3.59998 7.4 5.62496 2 7.64993 7.4 2.25 4.1H8.99992L3.59998 7.4ZM12.3827 2.10328 10.2987 2.51379 11.6888 1.07393 11.5525 3.01179 10.396 1.2962 12.3827 2.10328ZM14.4862 4.47263 12.3862 4.13256 14.2957 3.28463 13.3245 5.02381 13.0071 3.04381 14.4862 4.47263ZM14.18 7.79688 12.4187 6.72507 14.5512 6.64314 12.8665 7.879 13.4852 5.95609 14.18 7.79688ZM11.531 9.96845 10.372 8.37511 12.3747 9.03167 10.2837 9.59324 11.6899 8.03194 11.531 9.96845Z"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "China__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = China;
+//# sourceMappingURL=China.cjs.map

package/dist/cjs/components/Assets/Flags/China.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"China.cjs","sources":["../../../../../src/components/Assets/Flags/China.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst China = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#China__a)\">\n      <path\n        fill=\"#EE1C25\"\n        d=\"M0 0H30V20H0V0Z\"\n      />\n      <path\n        fill=\"#FF0\"\n        d=\"M3.59998 7.4 5.62496 2 7.64993 7.4 2.25 4.1H8.99992L3.59998 7.4ZM12.3827 2.10328 10.2987 2.51379 11.6888 1.07393 11.5525 3.01179 10.396 1.2962 12.3827 2.10328ZM14.4862 4.47263 12.3862 4.13256 14.2957 3.28463 13.3245 5.02381 13.0071 3.04381 14.4862 4.47263ZM14.18 7.79688 12.4187 6.72507 14.5512 6.64314 12.8665 7.879 13.4852 5.95609 14.18 7.79688ZM11.531 9.96845 10.372 8.37511 12.3747 9.03167 10.2837 9.59324 11.6899 8.03194 11.531 9.96845Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"China__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default China;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,KAAA,GAAQ,CAAC,KAAA,qBACbA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,gBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,UAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}

package/dist/cjs/components/Assets/Flags/Denmark.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const Denmark = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 30 20",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#Denmark__a)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#C8102E",
+            d: "M0 0H30.0047V20H0V0Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#fff",
+            d: "M9.64258 0H12.8582V20H9.64258V0Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#fff",
+            d: "M0 8.5708H30.0047V11.4291H0V8.5708Z"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "Denmark__a", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          width: 30,
+          height: 20,
+          fill: "#fff",
+          rx: 1
+        }
+      ) }) })
+    ]
+  }
+);
+
+exports.default = Denmark;
+//# sourceMappingURL=Denmark.cjs.map

package/dist/cjs/components/Assets/Flags/Denmark.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Denmark.cjs","sources":["../../../../../src/components/Assets/Flags/Denmark.tsx"],"sourcesContent":["import type { SVGAssetProps } from '@/types';\n\nconst Denmark = (props: SVGAssetProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={30}\n    height={20}\n    fill=\"none\"\n    viewBox=\"0 0 30 20\"\n    {...props}\n  >\n    <g clipPath=\"url(#Denmark__a)\">\n      <path\n        fill=\"#C8102E\"\n        d=\"M0 0H30.0047V20H0V0Z\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"M9.64258 0H12.8582V20H9.64258V0Z\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"M0 8.5708H30.0047V11.4291H0V8.5708Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"Denmark__a\">\n        <rect\n          width={30}\n          height={20}\n          fill=\"#fff\"\n          rx={1}\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default Denmark;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,OAAA,GAAU,CAAC,KAAA,qBACfA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACP,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,kBAAA,EACV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA,SACJ;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,YAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,EAAA,EAAI;AAAA;AAAA,SAER,CAAA,EACF;AAAA;AAAA;AACF;;;;"}