adata-ui 0.3.98 → 2.0.0

package/composables/useHeaderNavigationLinks.ts

@@ -0,0 +1,576 @@
+import IconSearch from '#adata-ui/icons/search.vue'
+import { PAGES } from '#adata-ui/shared/constans/pages'
+import IconArrowCircle from '#adata-ui/icons/arrow/arrow-circle-down.vue'
+import IconUsers from '#adata-ui/icons/users.vue'
+import IconGlobe from '#adata-ui/icons/globe.vue'
+import IconScales from '#adata-ui/icons/scales/scale.vue'
+import IconLink from '#adata-ui/icons/link-chain.vue'
+import IconBlock from '#adata-ui/icons/block.vue'
+import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
+import IconWork from '#adata-ui/icons/work-bag.vue'
+import IconDocument from '#adata-ui/icons/hdocument.vue'
+import IconCheck from '#adata-ui/icons/hcheck.vue'
+import IconFile from '#adata-ui/icons/file/file.vue'
+import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
+import IconCar from '#adata-ui/icons/car.vue'
+import IconTruck from '#adata-ui/icons/truck.vue'
+import IconClipboardText from '#adata-ui/icons/clipboard-text.vue'
+import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
+import IconMedal from '#adata-ui/icons/medal.vue'
+import IconCompany from '#adata-ui/icons/company.vue'
+import IconHandshake from '#adata-ui/icons/handshake.vue'
+import Connections from '#adata-ui/icons/sviazi.vue'
+import IconCalc from '#adata-ui/icons/calculator.vue'
+import IconProfile from '#adata-ui/icons/profile.vue'
+import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import IconLock from '#adata-ui/icons/lock.vue'
+import IconReceipt from '#adata-ui/icons/receipt.vue'
+import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
+import IconReport from '#adata-ui/icons/file/file.vue'
+import IconHistory from '#adata-ui/icons/history.vue'
+import IconMessage from '#adata-ui/icons/message/message.vue'
+import {
+  AIconWorkBag,
+  AIconUsersThree,
+  AIconReceipt,
+  AIconCar,
+  AIconArrowGraphUp,
+  AIconGlobe,
+  AIconId,
+  AIconFiles,
+  AIconArrowSquareDown, AIconExpandWindow
+} from '#components'
+import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
+import MagnifyingGlass from '#adata-ui/icons/magnify/magnifying-glass.vue'
+import MapPaper from '#adata-ui/icons/map-paper.vue'
+
+export const useHeaderNavigationLinks = () => {
+  const { t, locale } = useI18n()
+  const { myLayer } = useAppConfig()
+  const localePath = useLocalePath()
+
+  return computed(() => {
+    return [
+      {
+        key: 'pk',
+        name: t('header.products.counterparties.label'),
+        icon: AIconUsersThree,
+        to: myLayer.pkUrl,
+        items: [
+          {
+            title: t('header.products.counterparties.items.counterparty.title'),
+            subtitle: t('header.products.counterparties.items.counterparty.subtitle'),
+            icon: IconSearch,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.main),
+          },
+          {
+            title: t('header.products.counterparties.items.unloading.title'),
+            subtitle: t('header.products.counterparties.items.unloading.subtitle'),
+            icon: IconArrowCircle,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.unload),
+          },
+          {
+            title: t('header.products.counterparties.items.wholesale.title'),
+            subtitle: t('header.products.counterparties.items.wholesale.subtitle'),
+            icon: IconUsers,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.employees),
+          },
+          {
+            title: t('header.products.counterparties.items.foreign.title'),
+            subtitle: t('header.products.counterparties.items.foreign.subtitle'),
+            icon: IconGlobe,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.foreign),
+          },
+          {
+            title: t('header.products.counterparties.items.compare.title'),
+            icon: IconScales,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.compare),
+          },
+          {
+            title: t('header.products.counterparties.items.networks.title'),
+            icon: IconLink,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.connections)
+          },
+          {
+            title: t('header.products.counterparties.items.sanction.title'),
+            icon: IconBlock,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.sanctions)
+          },
+          {
+            title: t('header.products.counterparties.items.offshore.title'),
+            icon: IconDollar,
+            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.offshore)
+          }
+        ]
+      },
+      {
+        key: 'work',
+        name: t('header.products.jobs.label'),
+        icon: AIconWorkBag,
+        items: [
+          {
+            title: t('header.products.jobs.items.vacancies.title'),
+            icon: IconWork,
+            subtitle: t('header.products.jobs.items.vacancies.subtitle'),
+            to: myLayer.workUrl + PAGES.work.vacancy
+          },
+          {
+            title: t('header.products.jobs.items.resume.title'),
+            subtitle: t('header.products.jobs.items.resume.subtitle'),
+            icon: IconDocument,
+            to: myLayer.workUrl + PAGES.work.summary
+          }
+        ]
+      },
+      {
+        key: 'tenders',
+        name: t('header.products.tenders.label'),
+        icon: AIconReceipt,
+        to: myLayer.tenderUrl,
+        items: [
+          {
+            title: t('header.products.tenders.items.tenders.title'),
+            subtitle: t('header.products.tenders.items.tenders.subtitle'),
+            icon: IconSearch,
+            to: myLayer.tenderUrl + PAGES.tender.main
+          },
+          {
+            title: t('header.products.tenders.items.procurement.title'),
+            subtitle: t('header.products.tenders.items.procurement.subtitle'),
+            icon: IconCheck,
+            to: myLayer.tenderUrl + PAGES.tender.plans
+          },
+          {
+            title: t('header.products.tenders.items.contracts.title'),
+            subtitle: t('header.products.tenders.items.contracts.subtitle'),
+            icon: IconFile,
+            to: myLayer.tenderUrl + PAGES.tender.contracts
+          }
+        ]
+      },
+      {
+        key: 'fines',
+        name: t('header.products.fines.label'),
+        icon: AIconCar,
+        items: [
+          {
+            title: t('header.products.fines.items.fines.title'),
+            subtitle: t('header.products.fines.items.fines.subtitle'),
+            icon: IconCheckCircle,
+            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.main)
+          },
+          {
+            title: t('header.products.fines.items.auto.title'),
+            subtitle: t('header.products.fines.items.auto.subtitle'),
+            icon: IconCar,
+            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.avto)
+          },
+          {
+            title: t('header.products.fines.items.wholesaleAuto.title'),
+            subtitle: t('header.products.fines.items.wholesaleAuto.subtitle'),
+            icon: IconTruck,
+            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.bulk)
+          }
+        ]
+      },
+      {
+        key: 'analytics',
+        name: t('header.products.analytics.label'),
+        icon: AIconArrowGraphUp,
+        items: [
+          {
+            title: t('header.products.analytics.items.procurement.title'),
+            subtitle: t('header.products.analytics.items.procurement.subtitle'),
+            icon: IconClipboardText,
+            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.main)
+          },
+          {
+            title: t('header.products.analytics.items.activity.title'),
+            subtitle: t('header.products.analytics.items.activity.subtitle'),
+            icon: IconArrowGraph,
+            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.index)
+
+          },
+          {
+            title: t('header.products.analytics.items.rate.title'),
+            subtitle: t('header.products.analytics.items.rate.subtitle'),
+            icon: IconMedal,
+            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.rating)
+          },
+          {
+            title: t('header.products.analytics.items.subjects.title'),
+            subtitle: t('header.products.analytics.items.subjects.subtitle'),
+            icon: IconCompany,
+            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.business)
+          }
+        ]
+      },
+      {
+        key: 'fea',
+        name: t('header.products.fea.label'),
+        icon: AIconGlobe,
+        items: [
+          {
+            title: t('header.products.fea.items.o.t'),
+            subtitle: t('header.products.fea.items.o.st'),
+            icon: Connections,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.main)
+          },
+          // {
+          //   title: t('header.products.fea.items.i.t'),
+          //   subtitle: t('header.products.fea.items.i.st'),
+          //   icon: IconHandshake,
+          //   to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.t)
+          // },
+          {
+            title: t('header.products.fea.items.cp.t'),
+            subtitle: t('header.products.fea.items.cp.st'),
+            icon: IconTruck,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.cp)
+
+          },
+          {
+            title: t('header.products.fea.items.ca.t'),
+            subtitle: t('header.products.fea.items.ca.st'),
+            icon: IconCalc,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.ca)
+          },
+          {
+            title: t('header.products.fea.items.tr.t'),
+            subtitle: t('header.products.fea.items.tr.st'),
+            icon: IconGlobe,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.tr)
+          },
+          {
+            title: t('header.products.fea.items.containers.t'),
+            subtitle: t('header.products.fea.items.containers.st'),
+            icon: MapPaper,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.containers)
+          },
+          {
+            title: t('header.products.fea.items.importerMap.t'),
+            subtitle: t('header.products.fea.items.importerMap.st'),
+            icon: MapPinRect,
+            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.importerMap)
+          },
+        ]
+      },
+      {
+        key: 'compliance',
+        name: t('header.products.compliance.label'),
+        icon: AIconId,
+        items: [
+          {
+            title: t('header.products.compliance.items.l.t'),
+            subtitle: t('header.products.compliance.items.l.st'),
+            icon: IconProfile,
+            to: buildLocalizedUrl(locale, `${myLayer.complianceUrl}/compliance`, '')
+          }
+        ]
+      },
+      {
+        key: 'edo',
+        name: t('header.products.edo.label'),
+        icon: AIconFiles,
+        items: [
+          {
+            title: t('header.products.edo.items.l.t'),
+            subtitle: t('header.products.edo.items.l.t'),
+            icon: AIconFiles,
+            to: buildLocalizedUrl(locale, myLayer?.edoUrl ?? `https://edo.adata.kz` , '')
+          }
+        ]
+      }
+    ]
+  })
+}
+
+export const useFooterNavigationLinks = () => {
+  const { locale } = useI18n()
+  const { myLayer } = useAppConfig()
+
+  return computed(()=>{
+    return {
+      counterparties: {
+        title: 'footer.counterparties.title',
+        link: buildLocalizedUrl(locale.value, myLayer.pkUrl, ''),
+        items: [
+          {
+            title: 'footer.counterparties.checkCounterparties',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.main),
+          },
+          {
+            title: 'footer.counterparties.compareCounterparties',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.compare),
+          },
+          {
+            title: 'footer.counterparties.indirectConnections',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.connections),
+          },
+          {
+            title: 'footer.counterparties.massCheck',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.employees),
+          },
+          {
+            title: 'footer.counterparties.foreignCounterparties',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.foreign),
+          },
+          {
+            title: 'footer.counterparties.sanctions',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.sanctions),
+          },
+          {
+            title: 'footer.counterparties.offshores',
+            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.offshore),
+          }
+        ]
+      },
+      work: {
+        title: 'footer.work.title',
+        link: myLayer.workUrl + PAGES.work.vacancy,
+        items: [
+          {
+            title: 'footer.work.createFindVacancies',
+            link: myLayer.workUrl + PAGES.work.vacancy
+          },
+          {
+            title: 'footer.work.createFindResume',
+            link: myLayer.workUrl + PAGES.work.summary
+          }
+        ]
+      },
+      tenders: {
+        title: 'footer.tenders.title',
+        link: myLayer.tenderUrl + PAGES.tender.main,
+        items: [
+          {
+            title: 'footer.tenders.searchTenders',
+            link: myLayer.tenderUrl + PAGES.tender.main
+          },
+          {
+            title: 'footer.tenders.purchasePlans',
+            link: myLayer.tenderUrl + PAGES.tender.plans
+          }
+        ]
+      },
+      fines: {
+        title: 'footer.fines.title',
+        link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
+        items: [
+          {
+            title: 'footer.fines.checkFines',
+            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
+          },
+          {
+            title: 'footer.fines.checkAuto',
+            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.avto),
+          },
+          {
+            title: 'footer.fines.massCheckAuto',
+            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.bulk),
+          }
+        ]
+      },
+      analytics: {
+        title: 'footer.analytics.title',
+        link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.main),
+        items: [
+          {
+            title: 'footer.analytics.purchaseAnalysis',
+            link: myLayer.analyticsUrl + PAGES.analytics.analysis
+          },
+          {
+            title: 'footer.analytics.businessActivityIndex',
+            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.index)
+
+          },
+          {
+            title: 'footer.analytics.taxpayerRanking',
+            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.rating)
+          },
+          {
+            title: 'footer.analytics.businessEntities',
+            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.business)
+          }
+        ]
+      },
+      fea: {
+        title: 'footer.fea.title',
+        link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.main),
+        items: [
+          {
+            title: 'footer.fea.i',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.t),
+          },
+          {
+            title: 'footer.fea.o',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.o),
+          },
+          {
+            title: 'footer.fea.cp',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.cp),
+          },
+          {
+            title: 'footer.fea.calc',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.ca),
+          },
+          {
+            title: 'footer.fea.mr',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.tr),
+          },
+          {
+            title: 'footer.fea.containers',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.containers),
+          },
+          {
+            title: 'footer.fea.importerMap',
+            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.importerMap),
+          },
+        ]
+      }
+    }
+  })
+}
+
+export const useFooterInfoLinks = () => {
+  const { locale } = useI18n()
+  const { myLayer } = useAppConfig()
+
+  return computed(() => {
+    return [
+      {
+        title: 'footer.info.tariff',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.tariffs)
+      },
+      {
+        title: 'footer.info.helpful',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.usefulMain)
+      },
+      {
+        title: 'footer.info.api',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.apiDescription)
+      },
+      {
+        title: 'footer.info.userAgreement',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.userAgreement)
+      },
+      {
+        title: 'footer.info.privacyPolicy',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.privacy)
+      },
+      {
+        title: 'footer.info.vacancy',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.vacancy)
+      },
+      {
+        title: 'footer.info.counterparty',
+        link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.counterparty)
+      },
+      {
+        title: 'footer.info.contacts',
+        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.contacts)
+      }
+    ]
+  })
+}
+
+export const useHeaderMenuLinks = () => {
+  const { t, locale } = useI18n()
+  const { myLayer } = useAppConfig()
+
+  return [
+    {
+      title: t('header.profile.menu.personalInfo'),
+      icon: IconProfile,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.index)
+    },
+    {
+      title: t('header.profile.menu.security'),
+      icon: IconLock,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.security)
+    },
+    {
+      title: t('header.profile.menu.paymentHistory'),
+      icon: IconReceipt,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.paymentHistory)
+    },
+    {
+      title: t('header.profile.menu.favourites'),
+      icon: IconFavorite,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.favourites)
+    },
+    {
+      title: t('header.profile.menu.myReports'),
+      icon: IconReport,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.reports)
+    },
+    {
+      title: t('header.profile.menu.browsingHistory'),
+      icon: IconHistory,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.browsingHistory)
+    },
+    {
+      title: t('header.profile.menu.myGroups'),
+      icon: IconUsers,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.myGroups)
+    },
+    {
+      title: t('header.profile.menu.notes'),
+      icon: IconMessage,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.notes)
+    }
+  ]
+}
+
+export const usePkServicesLinks = () => {
+  const { t, locale } = useI18n()
+  const { myLayer } = useAppConfig()
+
+  return [
+    {
+      title: t('header.products.counterparties.items.counterparty.title'),
+      icon: IconSearch,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.main)
+    },
+    {
+      title: t('header.products.counterparties.items.wholesale.title'),
+      icon: AIconUsersThree,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.employees)
+    },
+    {
+      title: t('header.products.counterparties.items.networks.title'),
+      icon: IconLink,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.connections)
+    },
+    {
+      title: t('header.products.counterparties.items.offshore.title'),
+      icon: IconDollar,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.offshore)
+    },
+    {
+      title: t('header.products.counterparties.items.foreign.title'),
+      icon: IconGlobe,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.foreign)
+    },
+    {
+      title: t('header.products.counterparties.items.unloading.title'),
+      icon: AIconArrowSquareDown,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.unload)
+    },
+    {
+      title: t('header.products.counterparties.items.compare.title'),
+      icon: IconScales,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.compare)
+    },
+    {
+      title: t('header.products.counterparties.items.sanction.title'),
+      icon: IconBlock,
+      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.sanctions)
+    },
+    {
+      title: t('all_services'),
+      icon: AIconExpandWindow,
+      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.tariffs)
+    },
+  ]
+}

package/composables/useUIValidation.ts

@@ -0,0 +1,16 @@
+export function useUIValidation(schema: any, data: any, submitted: Ref<boolean>) {
+  const validation = computed(() => {
+    if (!submitted.value) return null
+    const result = schema.safeParse(data())
+    return result.success ? null : result.error
+  })
+
+  function getError(path: string) {
+    return validation.value?.issues.find((issue) => issue.path[0] === path)?.message
+  }
+
+  return {
+    validation,
+    getError
+  }
+}

package/histoire.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'histoire'
+import { HstVue } from '@histoire/plugin-vue'
+import { HstNuxt } from '@histoire/plugin-nuxt'
+
+export default defineConfig({
+  plugins: [
+    HstVue(),
+    HstNuxt()
+  ]
+})

package/i18n/i18n.config.ts

@@ -0,0 +1,21 @@
+import RuLocale from "../lang/ru";
+import EnLocale from "../lang/en";
+import KkLocale from "../lang/kk";
+
+export default defineI18nConfig(() => ({
+    legacy: true,
+    locale: 'ru',
+    defaultLocale: 'ru',
+    strategy: 'prefix_except_default',
+    messages: {
+        ru: {
+            ...RuLocale
+        },
+        en: {
+            ...EnLocale
+        },
+        kk: {
+            ...KkLocale
+        }
+    }
+}))

package/i18n.config.ts

@@ -0,0 +1,21 @@
+import RuLocale from "./lang/ru";
+import EnLocale from "./lang/en";
+import KkLocale from "./lang/kk";
+
+export default defineI18nConfig(() => ({
+    legacy: true,
+    locale: 'ru',
+    defaultLocale: 'ru',
+    strategy: 'prefix_except_default',
+    messages: {
+        ru: {
+            ...RuLocale
+        },
+        en: {
+            ...EnLocale
+        },
+        kk: {
+            ...KkLocale
+        }
+    }
+}))

package/icons/adata-logo.vue

@@ -0,0 +1,17 @@
+<template>
+  <svg width="92" height="26" viewBox="0 0 92 26" fill="none" xmlns="https://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_867_102988)">
+      <path d="M12.7943 8.26123H12.7098C12.6736 8.71061 12.5849 9.15419 12.4454 9.58289L10.7944 14.7331H14.6771L13.0478 9.63489C12.9159 9.18701 12.831 8.72666 12.7943 8.26123Z" fill="currentColor"/>
+      <path d="M23.4 0H2.6C1.91044 0 1.24912 0.273926 0.761524 0.761521C0.273929 1.24912 0 1.91044 0 2.6V23.4C0 24.0896 0.273929 24.7509 0.761524 25.2385C1.24912 25.7261 1.91044 26 2.6 26H23.4C24.0896 26 24.7509 25.7261 25.2385 25.2385C25.7261 24.7509 26 24.0896 26 23.4V2.6C26 1.91044 25.7261 1.24912 25.2385 0.761521C24.7509 0.273926 24.0896 0 23.4 0ZM16.5382 20.7242L15.4548 17.3485H10.0598L8.99167 20.7242H5.29317L10.816 5.55751H14.8677L20.2627 20.7242H16.5382Z" fill="currentColor"/>
+      <path d="M33 20.9976V5.00195H38.9048C44.8246 5.00195 47.7838 7.60163 47.7822 12.801C47.7822 15.2917 46.9746 17.2813 45.3594 18.7696C43.7441 20.258 41.5926 21.0014 38.9048 20.9999L33 20.9976ZM36.7556 7.93373V18.075H38.6144C40.2392 18.075 41.5156 17.6065 42.4439 16.6696C43.3721 15.7327 43.8346 14.4569 43.8314 12.8421C43.8314 11.3187 43.3729 10.119 42.4558 9.24309C41.5387 8.36713 40.2503 7.93068 38.5906 7.93373H36.7556Z" fill="currentColor"/>
+      <path d="M64.8111 20.9976H60.7293L59.5393 17.4397H53.625L52.435 20.9976H48.3748L54.4414 5.00195H58.892L64.8111 20.9976ZM58.673 14.6725L56.8833 9.29337C56.7388 8.82481 56.6455 8.34311 56.6048 7.85603H56.512C56.4723 8.32997 56.3748 8.79781 56.2216 9.24995L54.4081 14.6725H58.673Z" fill="currentColor"/>
+      <path d="M76.8669 7.93407H72.1069V20.9979H68.3536V7.93407H63.6174V5H76.8669V7.93407Z" fill="currentColor"/>
+      <path d="M92.0001 20.9976H87.9112L86.7212 17.4397H80.7974L79.6241 20.9976H75.5566L81.6233 5.00195H86.0739L92.0001 20.9976ZM85.8644 14.6725L84.0747 9.29337C83.9302 8.82481 83.8369 8.34311 83.7962 7.85603H83.7034C83.6637 8.32997 83.5662 8.79781 83.413 9.24995L81.5995 14.6725H85.8644Z" fill="currentColor"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_867_102988">
+        <rect width="92" height="26" fill="currentColor"/>
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/icons/arrow/arrow-bottom-left-on-square.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="https://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.52113 2.05C2.39617 2.05 2.27633 2.09964 2.18797 2.188C2.09961 2.27636 2.04997 2.3962 2.04997 2.52116V7.00386C2.04997 7.29381 1.81492 7.52886 1.52497 7.52886C1.23502 7.52886 0.999969 7.29381 0.999969 7.00386V2.52116C0.999969 2.11772 1.16023 1.73081 1.44551 1.44554C1.73078 1.16026 2.11769 1 2.52113 1H13.4789C13.8823 1 14.2692 1.16026 14.5545 1.44554C14.8397 1.73081 15 2.11772 15 2.52116V13.4789C15 13.8823 14.8397 14.2692 14.5545 14.5545C14.2692 14.8398 13.8823 15 13.4789 15H8.99615C8.7062 15 8.47115 14.765 8.47115 14.475C8.47115 14.1851 8.7062 13.95 8.99615 13.95H13.4789C13.6038 13.95 13.7236 13.9004 13.812 13.812C13.9004 13.7237 13.95 13.6038 13.95 13.4789V2.52116C13.95 2.3962 13.9004 2.27636 13.812 2.188C13.7236 2.09964 13.6038 2.05 13.4789 2.05H2.52113ZM1.52497 10.4635C1.81492 10.4635 2.04997 10.6985 2.04997 10.9885V13.2076L7.62876 7.62879C7.83378 7.42376 8.1662 7.42376 8.37122 7.62879C8.57625 7.83381 8.57625 8.16623 8.37122 8.37125L2.79244 13.95H5.01152C5.30147 13.95 5.53652 14.1851 5.53652 14.475C5.53652 14.765 5.30147 15 5.01152 15H1.52665C1.52121 15.0001 1.51577 15 1.51032 14.9998C1.38089 14.9962 1.25253 14.9451 1.15374 14.8463C1.10309 14.7956 1.06495 14.7372 1.03933 14.6748C1.01396 14.6132 0.999969 14.5458 0.999969 14.475V10.9885C0.999969 10.6985 1.23502 10.4635 1.52497 10.4635Z" fill="currentColor"/>
+  </svg>
+</template>