@agrotools1/at-components1 1.1.1 → 1.1.2-beta.0

package/README.md

@@ -1,71 +1,71 @@
-# At Components
-
-Uma biblioteca abrangente de componentes Vue 3 para aplicações da Nova Plataforma da Agrotools. 
-Esta biblioteca fornece uma coleção de componentes de UI reutilizáveis construídos com as melhores práticas modernas, focando em acessibilidade, personalização e experiência do desenvolvedor.
-
-## Instalação
-
-```bash
-pnpm install @agrotools1/at-components
-```
-
-## Recursos
-
-- 🚀 **Componentes Vue 3** - Construídos exclusivamente para Vue 3 com suporte a TypeScript
-- 🎨 **Personalizável** - Opções de estilização flexíveis com Tailwind CSS e SCSS
-- ♿ **Acessível** - Componentes seguem as diretrizes WAI-ARIA
-- 📚 **Bem Documentado** - Documentação abrangente com exemplos
-- 🧪 **Integração com Storybook** - Demonstrações interativas de componentes
-- 🔄 **Componentes Controlados** - Suporte para v-model e controle programático
-
-## Uso
-
-Importe e use componentes em sua aplicação Vue:
-
-```vue
-<template>
-  <AtAccordion type="single" collapsible>
-    <AtAccordionItem value="item-1">
-      <AtAccordionTrigger>Seção 1</AtAccordionTrigger>
-      <AtAccordionContent>
-        Este é o conteúdo da seção 1.
-      </AtAccordionContent>
-    </AtAccordionItem>
-  </AtAccordion>
-</template>
-
-<script setup>
-import { 
-  AtAccordion, 
-  AtAccordionItem, 
-  AtAccordionTrigger, 
-  AtAccordionContent 
-} from '@agrotools1/at-components';
-</script>
-```
-
-## Documentação de Componentes
-
-Cada componente inclui documentação abrangente com:
-
-- API de props e eventos
-- Exemplos de uso
-- Variações e opções de personalização
-- Trechos de código
-
-## Dependências
-
-A biblioteca utiliza estas tecnologias principais:
-
-- [Vue 3](https://vuejs.org/)
-- [Tailwind CSS](https://tailwindcss.com/)
-- [reka-ui](https://reka-ui.io/)
-- [@agrotools1/at-icons](https://www.npmjs.com/package/@agrotools1/at-icons)
-
-## Desenvolvimento
-
-Este pacote é parte do monorepo da Agrotools. Para contribuir:
-
-1. Clone o repositório
-2. Instale dependências com `pnpm install`
-3. Construa a biblioteca com `pnpm build`
+# At Components
+
+Uma biblioteca abrangente de componentes Vue 3 para aplicações da Nova Plataforma da Agrotools. 
+Esta biblioteca fornece uma coleção de componentes de UI reutilizáveis construídos com as melhores práticas modernas, focando em acessibilidade, personalização e experiência do desenvolvedor.
+
+## Instalação
+
+```bash
+pnpm install @agrotools1/at-components
+```
+
+## Recursos
+
+- 🚀 **Componentes Vue 3** - Construídos exclusivamente para Vue 3 com suporte a TypeScript
+- 🎨 **Personalizável** - Opções de estilização flexíveis com Tailwind CSS e SCSS
+- ♿ **Acessível** - Componentes seguem as diretrizes WAI-ARIA
+- 📚 **Bem Documentado** - Documentação abrangente com exemplos
+- 🧪 **Integração com Storybook** - Demonstrações interativas de componentes
+- 🔄 **Componentes Controlados** - Suporte para v-model e controle programático
+
+## Uso
+
+Importe e use componentes em sua aplicação Vue:
+
+```vue
+<template>
+  <AtAccordion type="single" collapsible>
+    <AtAccordionItem value="item-1">
+      <AtAccordionTrigger>Seção 1</AtAccordionTrigger>
+      <AtAccordionContent>
+        Este é o conteúdo da seção 1.
+      </AtAccordionContent>
+    </AtAccordionItem>
+  </AtAccordion>
+</template>
+
+<script setup>
+import { 
+  AtAccordion, 
+  AtAccordionItem, 
+  AtAccordionTrigger, 
+  AtAccordionContent 
+} from '@agrotools1/at-components';
+</script>
+```
+
+## Documentação de Componentes
+
+Cada componente inclui documentação abrangente com:
+
+- API de props e eventos
+- Exemplos de uso
+- Variações e opções de personalização
+- Trechos de código
+
+## Dependências
+
+A biblioteca utiliza estas tecnologias principais:
+
+- [Vue 3](https://vuejs.org/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [reka-ui](https://reka-ui.io/)
+- [@agrotools1/at-icons](https://www.npmjs.com/package/@agrotools1/at-icons)
+
+## Desenvolvimento
+
+Este pacote é parte do monorepo da Agrotools. Para contribuir:
+
+1. Clone o repositório
+2. Instale dependências com `pnpm install`
+3. Construa a biblioteca com `pnpm build`

package/dist/Accordion/Accordion.vue.js

@@ -0,0 +1,81 @@
+import v from "./Accordion.vue2.js";
+import { resolveComponent as t, createElementBlock as c, openBlock as o, createCommentVNode as n, createElementVNode as r, normalizeClass as a, createBlock as i, createVNode as C, withCtx as _, createTextVNode as S, toDisplayString as I, withModifiers as g, normalizeStyle as h, renderSlot as l } from "vue";
+/* empty css               */
+import $ from "../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "d-block w-100 at-accordion" }, z = ["aria-expanded"], b = { class: "flex-grow-1" }, w = {
+  ref: "buttonRef",
+  as: "button",
+  class: "at-accordion-button ms-2"
+}, M = ["data-state"];
+function N(e, s, O, V, B, D) {
+  const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), u = t("AtCircleXMarkSolidIcon"), f = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
+  return o(), c("div", T, [
+    e.isInformative ? (o(), c("div", {
+      key: 0,
+      class: a(["d-flex align-items-center justify-content-center at-accordion-header", [`at-accordion-header-${e.$props.informativeType}`]])
+    }, [
+      e.informativeType === "default" ? (o(), i(d, {
+        key: 0,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "success" ? (o(), i(p, {
+        key: 1,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "alert" ? (o(), i(m, {
+        key: 2,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "error" ? (o(), i(u, {
+        key: 3,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      C(f, {
+        as: "h6",
+        bold: !0,
+        class: "m-0"
+      }, {
+        default: _(() => [
+          S(I(e.informativeTitle), 1)
+        ]),
+        _: 1
+      })
+    ], 2)) : n("", !0),
+    r("div", {
+      class: a(["d-flex align-items-center at-accordion-title px-3 py-2", [`at-accordion-title-${e.$props.titleType}`]]),
+      style: h({ backgroundColor: e.$props.titleColor ?? "", cursor: "pointer" }),
+      "aria-expanded": e.isOpen,
+      onClick: s[0] || (s[0] = g((...A) => e.onClick && e.onClick(...A), ["stop", "prevent"]))
+    }, [
+      r("div", b, [
+        l(e.$slots, "title", {}, void 0, !0)
+      ]),
+      r("div", w, [
+        e.isOpen ? (o(), i(k, {
+          key: 0,
+          size: "24",
+          color: "#161617"
+        })) : n("", !0),
+        e.isOpen ? n("", !0) : (o(), i(y, {
+          key: 1,
+          size: "24",
+          color: "#161617"
+        }))
+      ], 512)
+    ], 14, z),
+    r("div", {
+      "data-state": e.isOpen ? "open" : "close",
+      class: "at-accordion-body"
+    }, [
+      l(e.$slots, "content", {}, void 0, !0)
+    ], 8, M)
+  ]);
+}
+const j = /* @__PURE__ */ $(v, [["render", N], ["__scopeId", "data-v-72d9e4a4"]]);
+export {
+  j as default
+};

package/dist/Accordion/Accordion.vue2.js

@@ -0,0 +1,72 @@
+import { AtCircleMinusSolidIcon as r, AtCircleXMarkSolidIcon as u, AtWarningSolidIcon as d, AtCheckCircleSolidIcon as f, AtAngleDownSolidIcon as p, AtAngleUpSolidIcon as s } from "@agrotools1/at-icons";
+import { defineComponent as c, ref as l, watch as m } from "vue";
+import { AtTipograph as A } from "../Tipograph/index.js";
+const g = c({
+  name: "AtAccordion",
+  components: {
+    AtAngleUpSolidIcon: s,
+    AtAngleDownSolidIcon: p,
+    AtTitle: A.Title,
+    AtCheckCircleSolidIcon: f,
+    AtWarningSolidIcon: d,
+    AtCircleXMarkSolidIcon: u,
+    AtCircleMinusSolidIcon: r
+  },
+  props: {
+    isInformative: {
+      required: !0,
+      type: Boolean,
+      default: !1
+    },
+    informativeType: {
+      required: !1,
+      type: String,
+      default: "default"
+    },
+    informativeTitle: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    titleType: {
+      required: !1,
+      type: String,
+      default: "default"
+    },
+    titleColor: {
+      required: !1,
+      type: String,
+      default: void 0
+    },
+    defaultValue: {
+      required: !1,
+      type: Boolean,
+      default: !0
+    },
+    isOpen: {
+      required: !1,
+      type: Boolean,
+      default: void 0
+    }
+  },
+  emits: ["update:isOpen"],
+  setup(t, i) {
+    const o = l(null), e = l(t.defaultValue), a = () => {
+      e.value = !e.value, i.emit("update:isOpen", e.value);
+    };
+    return m(
+      () => t.isOpen,
+      (n) => {
+        e.value = n ?? !1, i.emit("update:isOpen", e.value);
+      },
+      { immediate: !0 }
+    ), {
+      isOpen: e,
+      buttonRef: o,
+      onClick: a
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/Avatar/Avatar.vue.js

@@ -0,0 +1,26 @@
+import a from "./Avatar.vue2.js";
+import { createElementBlock as t, openBlock as o, normalizeStyle as s, renderSlot as i, toDisplayString as r } from "vue";
+/* empty css            */
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const n = ["aria-label"], d = ["src"], m = ["data-size"];
+function p(e, f, c, h, u, z) {
+  return o(), t("div", {
+    style: s({ width: e.slotSize, height: e.slotSize }),
+    "aria-label": e.text
+  }, [
+    e.imgBase64 ? (o(), t("img", {
+      key: 0,
+      src: e.imgBase64,
+      alt: "User image"
+    }, null, 8, d)) : e.withIcon ? i(e.$slots, "default", { key: 1 }, void 0, !0) : (o(), t("span", {
+      key: 2,
+      "data-size": e.size,
+      class: "username-slot",
+      style: s({ fontSize: e.fontSize })
+    }, r(e.text), 13, m))
+  ], 12, n);
+}
+const k = /* @__PURE__ */ l(a, [["render", p], ["__scopeId", "data-v-14b9bfaf"]]);
+export {
+  k as default
+};

package/dist/Avatar/Avatar.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, computed as n } from "vue";
+const p = f({
+  name: "AtAvatar",
+  props: {
+    imgBase64: {
+      required: !1,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    withIcon: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    username: {
+      required: !0,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "M",
+      validator: (e) => typeof e == "string" && ["P", "M", "G"].includes(e)
+    }
+  },
+  setup(e) {
+    const s = n(() => {
+      switch (e.size) {
+        case "P":
+          return 24;
+        case "M":
+          return 32;
+        case "G":
+          return 44;
+        default:
+          return 32;
+      }
+    }), a = n(() => `${s.value / 2}px`), i = () => {
+      if (e.username.length) {
+        const t = e.username.split(" "), o = t[0], r = t == null ? void 0 : t[1], l = o[0], u = (r == null ? void 0 : r[0]) || "";
+        return `${l}${u}`.toUpperCase();
+      }
+      return "";
+    };
+    return {
+      slotSize: n(() => `${s.value}px`),
+      fontSize: a,
+      text: i()
+    };
+  }
+});
+export {
+  p as default
+};

package/dist/Button/Button.vue.js

@@ -0,0 +1,30 @@
+import r from "./Button.vue2.js";
+import { createBlock as i, openBlock as t, resolveDynamicComponent as o, normalizeClass as a, normalizeStyle as n, withCtx as s, renderSlot as l, createElementBlock as d, createCommentVNode as m } from "vue";
+/* empty css            */
+import p from "../_virtual/_plugin-vue_export-helper.js";
+function u(e, b, f, h, y, c) {
+  return t(), i(o(e.tagName), {
+    href: e.href,
+    target: e.targetAttribute,
+    style: n({ width: e.size.width, pointerEvents: e.isLoading ? "none" : "auto" }),
+    class: a(["at-button", [e.variant, { "is-disabled": e.disabled, "only-icon": e.onlyIcon, "link-button": e.link }]]),
+    disabled: e.disabled,
+    role: "button",
+    "aria-disabled": e.disabled
+  }, {
+    default: s(() => [
+      l(e.$slots, "default", {}, void 0, !0),
+      e.isLoading ? (t(), d("div", {
+        key: 0,
+        class: a(["spinner-border", e.variant === "primary" ? "text-white" : "text-primary"]),
+        role: "status",
+        style: { width: "1.25rem", height: "1.25rem", "margin-left": "4px" }
+      }, null, 2)) : m("", !0)
+    ]),
+    _: 3
+  }, 8, ["href", "target", "style", "class", "disabled", "aria-disabled"]);
+}
+const $ = /* @__PURE__ */ p(r, [["render", u], ["__scopeId", "data-v-8ca0b6aa"]]);
+export {
+  $ as default
+};

package/dist/Button/Button.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as o, computed as t } from "vue";
+const f = o({
+  name: "AtButton",
+  props: {
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: Object,
+      default: () => ({
+        width: "max-content"
+      })
+    },
+    onlyIcon: {
+      type: Boolean,
+      default: !1
+    },
+    href: {
+      type: String,
+      default: ""
+    },
+    link: {
+      type: Boolean,
+      default: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = t(() => e.href && !e.disabled ? "a" : "button"), n = t(() => e.href ? "_blank" : void 0);
+    return { tagName: a, targetAttribute: n };
+  }
+});
+export {
+  f as default
+};

package/dist/CardWithInsights/CardWithInsights.vue.js

@@ -0,0 +1,60 @@
+import u from "./CardWithInsights.vue2.js";
+import { resolveComponent as n, createElementBlock as e, openBlock as i, normalizeStyle as h, Fragment as p, renderList as _, createVNode as o, createElementVNode as r, toDisplayString as l, withCtx as g, createTextVNode as f } from "vue";
+/* empty css                      */
+/* empty css                      */
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "insight-container" }, y = { class: "circle-question-container" }, k = ["onClick"], C = {
+  key: 0,
+  id: "insight-value",
+  class: "insight-value"
+}, I = {
+  key: 1,
+  id: "insight-value",
+  class: "insight-value"
+};
+function A(s, $, w, x, S, V) {
+  const a = n("AtIllustration"), c = n("AtCircleQuestionSolidIcon"), d = n("AtParagraph");
+  return i(), e("div", {
+    class: "card-with-insights-container",
+    style: h({
+      width: s.$props.fullWidth === !0 ? "100%" : "max-content",
+      justifyContent: s.$props.fullWidth === !0 ? "space-between" : "flex-start"
+    })
+  }, [
+    (i(!0), e(p, null, _(s.insightsList, (t) => (i(), e("div", {
+      key: t.index,
+      class: "card-with-insights-list"
+    }, [
+      o(a, {
+        illustration: t.image
+      }, null, 8, ["illustration"]),
+      r("div", v, [
+        r("div", y, [
+          r("div", {
+            class: "circle-question-icon",
+            onClick: t.myFunction
+          }, [
+            o(c, {
+              size: "16",
+              color: "var(--at-dark-grey)"
+            })
+          ], 8, k)
+        ]),
+        t.title ? (i(), e("h3", I, l(t.title), 1)) : (i(), e("h3", C, l(s.renderInsightValue(t.value)), 1)),
+        o(d, {
+          size: "p2",
+          class: "gray-text"
+        }, {
+          default: g(() => [
+            f(l(t.insightTitle), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ])
+    ]))), 128))
+  ], 4);
+}
+const E = /* @__PURE__ */ m(u, [["render", A], ["__scopeId", "data-v-c890f567"]]);
+export {
+  E as default
+};

package/dist/CardWithInsights/CardWithInsights.vue2.js

@@ -0,0 +1,32 @@
+import { AtCircleQuestionSolidIcon as i } from "@agrotools1/at-icons";
+import { defineComponent as s } from "vue";
+import l from "../Illustration/Illustration.vue.js";
+import { AtTipograph as p } from "../Tipograph/index.js";
+const c = s({
+  name: "AtCardWithInsights",
+  components: {
+    AtParagraph: p.Paragraph,
+    AtIllustration: l,
+    AtCircleQuestionSolidIcon: i
+  },
+  props: {
+    insightsList: {
+      type: Array,
+      required: !0,
+      validator: (r) => Array.isArray(r) && r.every((e) => typeof e == "object")
+    },
+    fullWidth: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (r) => typeof r == "boolean"
+    }
+  },
+  setup() {
+    const e = (t) => t % 1 !== 0, n = (t) => t.toFixed(2), o = (t) => t < 0 ? 0 : t, a = (t) => t > 1e9 ? 1e9 : t;
+    return { renderInsightValue: (t) => t === void 0 ? 0 : (t = a(t), e(t) ? n(t) : o(t)), handleFloatValue: n };
+  }
+});
+export {
+  c as default
+};

package/dist/Checkbox/Checkbox.vue.js

@@ -0,0 +1,38 @@
+import r from "./Checkbox.vue2.js";
+import { createElementBlock as d, openBlock as t, Fragment as i, createElementVNode as o, mergeProps as a, createCommentVNode as s, normalizeStyle as c } from "vue";
+/* empty css              */
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const l = ["aria-checked", "disabled"], h = ["src"], u = ["checked", "disabled"];
+function m(e, p, b, k, f, y) {
+  return t(), d(i, null, [
+    o("button", a({ ref: "buttonRef" }, e.$attrs, {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e.isCheckedValue,
+      disabled: e.disabled,
+      style: {
+        width: e.computedSize,
+        height: e.computedSize,
+        borderRadius: e.borderRadius
+      }
+    }), [
+      e.isCheckedValue ? (t(), d("img", {
+        key: 0,
+        src: e.checkmarck
+      }, null, 8, h)) : s("", !0)
+    ], 16, l),
+    o("input", {
+      ref: "inputRef",
+      tabindex: "-1",
+      "aria-hidden": "true",
+      type: "checkbox",
+      checked: e.isCheckedValue,
+      disabled: e.disabled,
+      style: c({ width: e.size, height: e.size })
+    }, null, 12, u)
+  ], 64);
+}
+const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-d122cadf"]]);
+export {
+  $ as default
+};

package/dist/Checkbox/Checkbox.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as s, ref as i, computed as n, onMounted as y, onBeforeUnmount as b } from "vue";
+import V from "./img/checkmarck.svg.js";
+const A = s({
+  name: "AtCheckbox",
+  props: {
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    modelValue: {
+      required: !1,
+      type: [Boolean, Array],
+      default: void 0,
+      validator: (e) => Array.isArray(e) || typeof e == "boolean"
+    },
+    val: {
+      required: !1,
+      type: String,
+      default: void 0
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "24",
+      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
+    },
+    labelledby: {
+      required: !1,
+      type: String,
+      default: "",
+      validator: (e) => typeof e == "string"
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = i(null), r = i(null), u = i(!1), f = n(() => `${e.size}px`), c = n(
+      () => ({
+        12: "3px",
+        16: "4px",
+        20: "6px",
+        24: "6px",
+        28: "8px"
+      })[e.size]
+    );
+    function m() {
+      return e.val !== void 0 && Array.isArray(e.modelValue) ? e.modelValue.includes(e.val) ? e.modelValue.filter((l) => l !== e.val) : [...e.modelValue, e.val] : !e.modelValue;
+    }
+    const d = (l) => {
+      let t;
+      e.modelValue === void 0 ? (t = !u.value, u.value = t) : t = m(), o("update:modelValue", t), o("click", { event: l, value: t });
+    }, v = n(() => e.modelValue === void 0 ? u.value : e.val === void 0 || typeof e.modelValue == "boolean" ? !!e.modelValue : e.modelValue.includes(e.val));
+    return y(() => {
+      var l;
+      a.value && e.labelledby && a.value.setAttribute("aria-labelledby", e.labelledby), (l = a.value) == null || l.addEventListener("click", d);
+    }), b(() => {
+      var l;
+      (l = a.value) == null || l.removeEventListener("click", d);
+    }), {
+      checkmarck: V,
+      buttonRef: a,
+      inputRef: r,
+      computedSize: f,
+      onClick: d,
+      borderRadius: c,
+      isCheckedValue: v
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/Checkbox/img/checkmarck.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='18'%20height='13'%20viewBox='0%200%2018%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.7393%200.323256L6.375%2010.6868C6.30532%2010.7567%206.22251%2010.8122%206.13132%2010.8501C6.04013%2010.888%205.94237%2010.9075%205.84363%2010.9075C5.74488%2010.9075%205.64712%2010.888%205.55593%2010.8501C5.46474%2010.8122%205.38193%2010.7567%205.31225%2010.6868L1.30425%206.67501C1.23457%206.60505%201.15176%206.54954%201.06057%206.51166C0.969383%206.47379%200.871615%206.45429%200.772875%206.45429C0.674134%206.45429%200.576366%206.47379%200.485179%206.51166C0.393992%206.54954%200.311182%206.60505%200.241499%206.67501C0.171542%206.74469%200.116032%206.8275%200.0781562%206.91869C0.04028%207.00987%200.0207825%207.10764%200.0207825%207.20638C0.0207825%207.30512%200.04028%207.40289%200.0781562%207.49408C0.116032%207.58526%200.171542%207.66808%200.241499%207.73776L4.251%2011.7465C4.67396%2012.1687%205.24715%2012.4058%205.84475%2012.4058C6.44235%2012.4058%207.01554%2012.1687%207.4385%2011.7465L17.802%201.38526C17.8718%201.31559%2017.9273%201.23282%2017.9651%201.14171C18.0029%201.05059%2018.0223%200.952907%2018.0223%200.854256C18.0223%200.755605%2018.0029%200.657923%2017.9651%200.566806C17.9273%200.475688%2017.8718%200.392925%2017.802%200.323256C17.7323%200.253299%2017.6495%200.197789%2017.5583%200.159913C17.4671%200.122037%2017.3694%200.102539%2017.2706%200.102539C17.1719%200.102539%2017.0741%200.122037%2016.9829%200.159913C16.8917%200.197789%2016.8089%200.253299%2016.7393%200.323256Z'%20fill='white'%20/%3e%3c/svg%3e";
+export {
+  C as default
+};