adata-ui 4.0.6 → 4.0.7

package/dist/runtime/components/header/ProfileMenu.vue

@@ -0,0 +1,168 @@
+<script setup>
+import { useI18n } from "#imports";
+import IPlus from "#icons/plus.vue";
+import ILogout from "#icons/navigation/logout.vue";
+const isLargeScreen = true;
+const props = defineProps({
+  rate: { type: String, required: true },
+  daysRemaining: { type: Number, required: false, default: 0 },
+  limitRemaining: { type: Number, required: false, default: 0 },
+  balance: { type: Number, required: true },
+  replenish: { type: String, required: false },
+  oldVersion: { type: String, required: false }
+});
+defineEmits(["logout"]);
+const { t } = useI18n();
+const items = [];
+const onReplenish = () => {
+  if (window) {
+    window.location.href = "https://adata.kz/profile?popupBalance=1";
+  }
+};
+</script>
+
+<template>
+  <div class="max-w-full lg:w-[440px]">
+    <!--    desktop  -->
+    <div
+      class="gradient-bg hidden px-4 py-4 text-white dark:text-gray-900 lg:block lg:rounded-t-[0.5rem] lg:px-8 lg:dark:text-white"
+    >
+      <div class="hidden text-sm lg:block">
+        {{ t("header.profile.tariff") }}
+      </div>
+      <div class="flex items-center justify-between gap-4 lg:mt-2">
+        <div>
+          <span class="mr-2 font-semibold lg:text-lg">{{ rate }}</span>
+          <div
+            type="success"
+            class="!px-3 font-semibold text-white"
+            size="sm"
+          >
+            {{ t("header.profile.connected") }}
+          </div>
+        </div>
+        <span class="bg-deepblue ml-2 rounded-xl px-2 py-1 text-xs lg:hidden">{{ balance.toLocaleString("RU-ru") }} ₸</span>
+      </div>
+      <div class="mt-2 hidden items-center justify-between lg:flex">
+        <div class="text-xs">
+          {{ t("header.profile.currentBalance") }}
+          <span class="ml-2 rounded-xl bg-deepblue-900 px-2 py-1">{{ balance.toLocaleString("RU-ru") }} ₸</span>
+        </div>
+        <button
+          size="sm"
+          view="outline"
+          variant="ghost"
+          @click="onReplenish"
+        >
+          {{ t("header.profile.addBalance") }}
+        </button>
+      </div>
+    </div>
+    <!--    mobile  -->
+    <div class="gradient-bg px-4 py-4 text-white dark:text-gray-900 lg:hidden">
+      <div class="flex justify-between gap-4 lg:mt-2">
+        <div class="flex flex-col items-center">
+          <div class="font-semibold">
+            {{ rate }}
+          </div>
+          <div
+            type="success"
+            class="!px-3 font-semibold text-white dark:text-gray-900"
+            size="sm"
+          >
+            {{ t("header.profile.connected") }}
+          </div>
+        </div>
+        <div class="flex min-w-[90px] flex-col">
+          <div class="font-semibold">
+            {{ t("header.profile.balance") }}
+          </div>
+          <div class="flex gap-1">
+            <div
+              size="sm"
+              class="!px-3 font-semibold text-white dark:!bg-[#E3E5E8] dark:text-gray-900"
+              type="gray"
+            >
+              {{ balance.toLocaleString("RU-ru") }} ₸
+            </div>
+            <button
+              class="flex h-[23px] w-[23px] items-center justify-center rounded-md bg-white text-deepblue-900 dark:bg-gray-900 dark:text-[#E3E5E8]"
+              @click="onReplenish"
+            >
+              <i-plus
+                width="16px"
+                height="16px"
+              />
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="rounded-b-[0.5rem] bg-white p-4 dark:bg-[#232324]">
+      <div class="mb-2 flex justify-between gap-2 lg:hidden">
+        <div
+          size="sm"
+          class="w-full py-[6px] font-semibold"
+        >
+          <span>
+            {{ t("header.profile.requests") }}
+          </span>
+          {{ limitRemaining }}
+        </div>
+        <div
+          size="sm"
+          class="w-full py-[6px] font-semibold"
+        >
+          <span>
+            {{ t("header.profile.daysLeft") }}
+          </span>
+          {{ daysRemaining }}
+        </div>
+      </div>
+      <div class="grid grid-cols-2 gap-2">
+        <nuxt-link
+          v-for="item in items"
+          :key="item.title"
+          class="flex flex-col items-center rounded-[6px] bg-gray-50 py-[10px] text-center text-sm hover:bg-deepblue-900/10 active:bg-deepblue-900 active:text-white dark:bg-[#161617] active:dark:bg-[#E3E5E8] active:dark:text-gray-900 lg:px-4 lg:dark:bg-[#393D40] lg:dark:hover:bg-gray-900"
+          :to="item.to"
+          target="_blank"
+        >
+          <component
+            :is="item.icon"
+            class="h-[24px] w-[24px]"
+          />
+          <span>{{ item.title }}</span>
+        </nuxt-link>
+      </div>
+      <div class="mt-2">
+        <div
+          v-if="oldVersion"
+          :url="oldVersion"
+        />
+      </div>
+      <div
+        v-if="!isLargeScreen"
+        class="my-4 flex items-center justify-between text-sm"
+      >
+        <span>
+          {{ t("header.profile.colorScheme") }}
+        </span>
+        <div />
+      </div>
+      <button
+        class="lg:mt-2"
+        block
+        @click="$emit('logout')"
+      >
+        <i-logout class="h-5 w-5" />
+        <span>
+          {{ t("header.profile.logout") }}
+        </span>
+      </button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.gradient-bg{background:linear-gradient(236.46deg,#479fff -2.39%,#0070eb 79.1%)}
+</style>

package/dist/runtime/components/header/ProfileMenu.vue.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    rate: string;
+    daysRemaining?: number;
+    limitRemaining?: number;
+    balance: number;
+    replenish?: string;
+    oldVersion?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    daysRemaining: number;
+    limitRemaining: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/header/TopHeader.vue

@@ -0,0 +1,147 @@
+<script setup>
+import { computed, onBeforeMount, ref } from "vue";
+import { useCookie } from "#app";
+import Usd from "#icons/currency/usd.vue";
+import Eur from "#icons/currency/eur.vue";
+import Rub from "#icons/currency/rub.vue";
+import Yuan from "#icons/currency/yuan.vue";
+import XMark from "#icons/x-mark.vue";
+import Down from "#icons/currency/down.vue";
+const props = defineProps({
+  daysRemaining: { type: Number, required: true },
+  limitRemaining: { type: Number, required: true },
+  moduleName: { type: String, required: false, default: "counterparty" },
+  isAuthenticated: { type: Boolean, required: true }
+});
+const currencies = ref([]);
+const systemMessage = ref(null);
+const isOpenNotification = ref(false);
+const message = useCookie("message");
+const mode = computed(() => {
+  if (props.moduleName === "pk") {
+    return "counterparty";
+  } else {
+    return props.moduleName;
+  }
+});
+const fetchCurrencies = async () => {
+  try {
+    const response = await fetch("https://users.adata.kz/api/v1/information/currency");
+    const { data } = await response.json();
+    if (data.currencies) {
+      currencies.value = data.currencies;
+    }
+  } catch (e) {
+    console.error(e);
+  }
+};
+const Symbols = {
+  USD: Usd,
+  EUR: Eur,
+  RUB: Rub,
+  CNY: Yuan
+};
+const computedClass = (state) => state === "UP" ? "text-green-400 rotate-180" : "text-red-400";
+const fetchNotification = async () => {
+  try {
+    if (message.value === void 0) {
+      const link = `https://users.adata.kz/api/v1/system-messages/active-list/?module_name=${mode.value}`;
+      const response = await fetch(link);
+      const { data } = await response.json();
+      if (data.details.length) {
+        systemMessage.value = data.details[0].message;
+        isOpenNotification.value = true;
+      }
+    }
+  } catch (e) {
+    console.error(e.message);
+  }
+};
+onBeforeMount(() => {
+  fetchNotification();
+  fetchCurrencies();
+});
+const closeMessage = () => {
+  message.value = false;
+  isOpenNotification.value = false;
+};
+</script>
+
+<template>
+  <div
+    class="min-h-[40px]"
+    :class="[isOpenNotification && systemMessage ? '' : 'hidden lg:block']"
+  >
+    <transition name="fade">
+      <div
+        v-if="isOpenNotification && systemMessage"
+        class="bg-[#FFF5E6] px-2 py-3 text-[#FCA204] dark:bg-[#161617] md:px-0"
+      >
+        <div class="container mx-auto flex items-center justify-between">
+          <div class="flex items-center gap-2">
+            <i-info-circle
+              class="max-h-[16px] w-full max-w-[16px] stroke-orange-500 dark:stroke-orange-500"
+            />
+            <span class="text-sm font-semibold text-orange-500">{{ systemMessage }}</span>
+          </div>
+          <x-mark
+            class="max-h-[16px] w-full max-w-[16px] cursor-pointer stroke-orange-500"
+            @click="closeMessage"
+          />
+        </div>
+      </div>
+    </transition>
+    <div
+      v-if="!isOpenNotification || !systemMessage"
+      class="hidden min-h-10 bg-gray-50 dark:bg-gray-950 lg:block"
+    >
+      <div class="container mx-auto flex justify-between py-2 text-sm">
+        <div class="flex items-center">
+          <div
+            v-for="currency in currencies"
+            :key="currency.currency"
+            class="mr-4 flex gap-2"
+          >
+            <div class="flex items-center dark:text-white">
+              <component
+                :is="Symbols[currency.currency]"
+                class="mr-2 size-4 rounded-sm border border-solid border-[#E0E3E6] dark:border-[#2B2B2C]"
+              />
+              {{ currency.buy }}
+              <div :class="computedClass(currency.sell_state)">
+                <down />
+              </div>
+            </div>
+            <div class="flex items-center dark:text-white">
+              {{ currency.sell }}
+              <div :class="computedClass(currency.sell_state)">
+                <down />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          v-if="isAuthenticated"
+          class="flex items-center gap-5"
+        >
+          <div v-if="limitRemaining != null || limitRemaining != void 0">
+            <span class="mr-2 text-xs">t('header.top.requestLimit')</span>
+            <div size="sm">
+              {{ limitRemaining }}
+            </div>
+          </div>
+          <div v-if="daysRemaining">
+            <span class="mr-2 text-xs">t('header.top.daysLeft')</span>
+            <div size="sm">
+              {{ limitRemaining }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.fade-enter-active,.fade-leave-active{transition:.1s ease}.fade-enter,.fade-leave-to{opacity:0;top:0}
+</style>

package/dist/runtime/components/header/TopHeader.vue.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    daysRemaining: number;
+    limitRemaining: number;
+    moduleName?: string;
+    isAuthenticated: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    moduleName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/header/types.d.ts

@@ -0,0 +1,19 @@
+export type NavChild = {
+    key: string;
+    name: string;
+    items: NavChildItem[];
+};
+export type NavChildItem = {
+    title: string;
+    subtitle?: string;
+    icon?: any;
+    to: string;
+};
+export type NavLink = {
+    label: string;
+    to: string;
+    items?: NavChild[];
+    options?: any;
+    icon?: any;
+};
+export type ProjectKeys = 'counterparty' | 'pk' | 'work' | 'tenders' | 'fines' | 'analytics' | 'fea' | 'compliance';

package/dist/runtime/composables/useHeaderNavigationLinks.d.ts

@@ -0,0 +1,28 @@
+export declare const useHeaderNavigationLinks: () => import("vue").ComputedRef<({
+    key: string;
+    name: string;
+    icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    to: string;
+    items: ({
+        title: string;
+        subtitle: string;
+        icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        to: string;
+    } | {
+        title: string;
+        icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        to: string;
+        subtitle?: undefined;
+    })[];
+} | {
+    key: string;
+    name: string;
+    icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    items: {
+        title: string;
+        icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        subtitle: string;
+        to: string;
+    }[];
+    to?: undefined;
+})[]>;

package/dist/runtime/composables/useHeaderNavigationLinks.js

@@ -0,0 +1,238 @@
+import { PAGES } from "../shared/constants/pages.js";
+import { computed, useI18n } from "#imports";
+import IUsersThree from "#icons/users/users-three.vue";
+import ISearch from "#icons/search.vue";
+import IArrowCircleDown from "#icons/arrow/arrow-circle-down.vue";
+import IUsers from "#icons/users/users.vue";
+import IGlobe from "#icons/globe.vue";
+import IScale from "#icons/scale.vue";
+import ILinkChanin from "#icons/link-chain.vue";
+import IBlock from "#icons/block.vue";
+import IDollar from "#icons/currency/dollar.vue";
+import IWorkBag from "#icons/work-bag.vue";
+import IHdocument from "#icons/document/hdocument.vue";
+import IReceipt from "#icons/receipt/receipt.vue";
+import IHcheck from "#icons/receipt/hcheck.vue";
+import IFile from "#icons/file.vue";
+import ICar from "#icons/avto/car.vue";
+import ICheckCircle from "#icons/check-circle.vue";
+import ITruck from "#icons/avto/truck.vue";
+import IArrowGraphUp from "#icons/arrow/arrow-graph-up.vue";
+import IClipboardText from "#icons/clipboard-text.vue";
+import IMedal from "#icons/medal.vue";
+import ICompany from "#icons/company.vue";
+import IHandshake from "#icons/handshake.vue";
+import ISviazi from "#icons/sviazi.vue";
+import ICalculator from "#icons/calculator.vue";
+import IId from "#icons/document/id.vue";
+import IProfile from "#icons/document/profile.vue";
+export const useHeaderNavigationLinks = () => {
+  const { t } = useI18n();
+  return computed(() => {
+    return [
+      {
+        key: "pk",
+        name: t("header.products.counterparties.label"),
+        icon: IUsersThree,
+        to: "https://pk.adata.kz",
+        items: [
+          {
+            title: t("header.products.counterparties.items.counterparty.title"),
+            subtitle: t("header.products.counterparties.items.counterparty.subtitle"),
+            icon: ISearch,
+            to: "https://pk.adata.kz" + PAGES.pk.main
+          },
+          {
+            title: t("header.products.counterparties.items.unloading.title"),
+            subtitle: t("header.products.counterparties.items.unloading.subtitle"),
+            icon: IArrowCircleDown,
+            to: "https://pk.adata.kz" + PAGES.pk.unload
+          },
+          {
+            title: t("header.products.counterparties.items.wholesale.title"),
+            subtitle: t("header.products.counterparties.items.wholesale.subtitle"),
+            icon: IUsers,
+            to: "https://pk.adata.kz" + PAGES.pk.employees
+          },
+          {
+            title: t("header.products.counterparties.items.foreign.title"),
+            subtitle: t("header.products.counterparties.items.foreign.subtitle"),
+            icon: IGlobe,
+            to: "https://pk.adata.kz" + PAGES.pk.foreign
+          },
+          {
+            title: t("header.products.counterparties.items.compare.title"),
+            icon: IScale,
+            to: "https://pk.adata.kz" + PAGES.pk.compare
+          },
+          {
+            title: t("header.products.counterparties.items.networks.title"),
+            icon: ILinkChanin,
+            to: "https://pk.adata.kz" + PAGES.pk.connections
+          },
+          {
+            title: t("header.products.counterparties.items.sanction.title"),
+            icon: IBlock,
+            to: "https://pk.adata.kz" + PAGES.pk.sanctions
+          },
+          {
+            title: t("header.products.counterparties.items.offshore.title"),
+            icon: IDollar,
+            to: "https://pk.adata.kz" + PAGES.pk.offshore
+          }
+        ]
+      },
+      {
+        key: "work",
+        name: t("header.products.jobs.label"),
+        icon: IWorkBag,
+        items: [
+          {
+            title: t("header.products.jobs.items.vacancies.title"),
+            icon: IWorkBag,
+            subtitle: t("header.products.jobs.items.vacancies.subtitle"),
+            to: "https://work.adata.kz" + PAGES.work.vacancy
+          },
+          {
+            title: t("header.products.jobs.items.resume.title"),
+            subtitle: t("header.products.jobs.items.resume.subtitle"),
+            icon: IHdocument,
+            to: "https://work.adata.kz" + PAGES.work.summary
+          }
+        ]
+      },
+      {
+        key: "tenders",
+        name: t("header.products.tenders.label"),
+        icon: IReceipt,
+        to: "https://tender.adata.kz",
+        items: [
+          {
+            title: t("header.products.tenders.items.tenders.title"),
+            subtitle: t("header.products.tenders.items.tenders.subtitle"),
+            icon: ISearch,
+            to: "https://tender.adata.kz" + PAGES.tender.main
+          },
+          {
+            title: t("header.products.tenders.items.procurement.title"),
+            subtitle: t("header.products.tenders.items.procurement.subtitle"),
+            icon: IHcheck,
+            to: "https://tender.adata.kz" + PAGES.tender.plans
+          },
+          {
+            title: t("header.products.tenders.items.contracts.title"),
+            subtitle: t("header.products.tenders.items.contracts.subtitle"),
+            icon: IFile,
+            to: "https://tender.adata.kz" + PAGES.tender.contracts
+          }
+        ]
+      },
+      {
+        key: "fines",
+        name: t("header.products.fines.label"),
+        icon: ICar,
+        items: [
+          {
+            title: t("header.products.fines.items.fines.title"),
+            subtitle: t("header.products.fines.items.fines.subtitle"),
+            icon: ICheckCircle,
+            to: "https://avto.adata.kz" + PAGES.fines.main
+          },
+          {
+            title: t("header.products.fines.items.auto.title"),
+            subtitle: t("header.products.fines.items.auto.subtitle"),
+            icon: ICar,
+            to: "https://avto.adata.kz" + PAGES.fines.avto
+          },
+          {
+            title: t("header.products.fines.items.wholesaleAuto.title"),
+            subtitle: t("header.products.fines.items.wholesaleAuto.subtitle"),
+            icon: ITruck,
+            to: "https://avto.adata.kz" + PAGES.fines.bulk
+          }
+        ]
+      },
+      {
+        key: "analytics",
+        name: t("header.products.analytics.label"),
+        icon: IArrowGraphUp,
+        items: [
+          {
+            title: t("header.products.analytics.items.procurement.title"),
+            subtitle: t("header.products.analytics.items.procurement.subtitle"),
+            icon: IClipboardText,
+            to: "https://analytics.adata.kz" + PAGES.analytics.analysis
+          },
+          {
+            title: t("header.products.analytics.items.activity.title"),
+            subtitle: t("header.products.analytics.items.activity.subtitle"),
+            icon: IArrowGraphUp,
+            to: "https://analytics.adata.kz" + PAGES.analytics.index
+          },
+          {
+            title: t("header.products.analytics.items.rate.title"),
+            subtitle: t("header.products.analytics.items.rate.subtitle"),
+            icon: IMedal,
+            to: "https://analytics.adata.kz" + PAGES.analytics.rating
+          },
+          {
+            title: t("header.products.analytics.items.subjects.title"),
+            subtitle: t("header.products.analytics.items.subjects.subtitle"),
+            icon: ICompany,
+            to: "https://analytics.adata.kz" + PAGES.analytics.business
+          }
+        ]
+      },
+      {
+        key: "fea",
+        name: t("header.products.fea.label"),
+        icon: IGlobe,
+        items: [
+          {
+            title: t("header.products.fea.items.i.t"),
+            subtitle: t("header.products.fea.items.i.st"),
+            icon: IHandshake,
+            to: "https://tnved.adata.kz" + PAGES.fea.t
+          },
+          {
+            title: t("header.products.fea.items.o.t"),
+            subtitle: t("header.products.fea.items.o.st"),
+            icon: ISviazi,
+            to: "https://tnved.adata.kz" + PAGES.fea.o
+          },
+          {
+            title: t("header.products.fea.items.cp.t"),
+            subtitle: t("header.products.fea.items.cp.st"),
+            icon: ITruck,
+            to: "https://tnved.adata.kz" + PAGES.fea.cp
+          },
+          {
+            title: t("header.products.fea.items.ca.t"),
+            subtitle: t("header.products.fea.items.ca.st"),
+            icon: ICalculator,
+            to: "https://tnved.adata.kz" + PAGES.fea.ca
+          },
+          {
+            title: t("header.products.fea.items.tr.t"),
+            subtitle: t("header.products.fea.items.tr.st"),
+            icon: IGlobe,
+            to: "https://tnved.adata.kz" + PAGES.fea.tr
+          }
+        ]
+      },
+      {
+        key: "compliance",
+        name: t("header.products.compliance.label"),
+        icon: IId,
+        items: [
+          {
+            title: t("header.products.compliance.items.l.t"),
+            subtitle: t("header.products.compliance.items.l.st"),
+            icon: IProfile,
+            to: "https://ac.adata.kz/" + PAGES.compliance.l
+          }
+        ]
+      }
+    ];
+  });
+};

package/dist/runtime/i18n.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/icons/arrow/arrow-circle-down.vue

@@ -0,0 +1,30 @@
+<template>
+  <svg
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="https://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.5 0H1.5C1.10218 0 0.720644 0.158035 0.43934 0.43934C0.158035 0.720644 0 1.10218 0
+    1.5V16.5C0 16.8978 0.158035 17.2794 0.43934 17.5607C0.720644 17.842 1.10218 18 1.5 18H16.5C16.8978
+    18 17.2794 17.842 17.5607 17.5607C17.842 17.2794 18 16.8978 18 16.5V1.5C18 1.10218 17.842 0.720644 17.5607
+    0.43934C17.2794 0.158035 16.8978 0 16.5 0ZM16.5 1.5V11.25H13.8094C13.6125 11.2495 13.4174 11.2881 13.2356 11.3636C13.0537
+    11.4391 12.8887 11.5499 12.75 11.6897L10.9397 13.5H7.06031L5.25 11.6897C5.11122 11.5498 4.94601 11.4389 4.76398 11.3634C4.58196
+    11.2879 4.38674 11.2494 4.18969 11.25H1.5V1.5H16.5ZM16.5 16.5H1.5V12.75H4.18969L6 14.5603C6.13878 14.7002 6.30399 14.8111 6.48602
+    14.8866C6.66804 14.9621 6.86326 15.0006 7.06031 15H10.9397C11.1367 15.0006 11.332 14.9621 11.514 14.8866C11.696 14.8111 11.8612 14.7002
+    12 14.5603L13.8103 12.75H16.5V16.5ZM5.46937 8.78063C5.32864 8.63989 5.24958 8.44902 5.24958 8.25C5.24958 8.05098 5.32864 7.86011 5.46937
+    7.71937C5.61011 7.57864 5.80098 7.49958 6 7.49958C6.19902 7.49958 6.38989 7.57864 6.53063 7.71937L8.25 9.43969V3.75C8.25 3.55109 8.32902
+    3.36032 8.46967 3.21967C8.61032 3.07902 8.80109 3 9 3C9.19891 3 9.38968 3.07902 9.53033 3.21967C9.67098 3.36032 9.75 3.55109 9.75
+    3.75V9.43969L11.4694 7.71937C11.5391 7.64969 11.6218 7.59442 11.7128 7.5567C11.8039 7.51899 11.9015 7.49958 12 7.49958C12.0985 7.49958 12.1961
+    7.51899 12.2872 7.5567C12.3782 7.59442 12.4609 7.64969 12.5306 7.71937C12.6003 7.78906 12.6556 7.87178 12.6933 7.96283C12.731 8.05387 12.7504
+    8.15145 12.7504 8.25C12.7504 8.34855 12.731 8.44613 12.6933 8.53717C12.6556 8.62822 12.6003 8.71094 12.5306 8.78063L9.53063 11.7806C9.46097 11.8504 9.37825
+    11.9057 9.2872 11.9434C9.19616 11.9812 9.09856 12.0006 9 12.0006C8.90144 12.0006 8.80384 11.9812 8.7128 11.9434C8.62175 11.9057 8.53903 11.8504 8.46937 11.7806L5.46937 8.78063Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+</script>

package/dist/runtime/icons/arrow/arrow-circle-down.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;