adata-ui 2.1.40 → 2.1.41-beta.1

package/components/navigation/side-navigation/ASideNavigation.vue

@@ -306,7 +306,7 @@ const panelStyles = computed(() => ({
       <div
         v-show="open"
         ref="overlay"
-        class="w-full h-full fixed left-0 top-0 backdrop-blur bg-gray-200/20"
+        class="w-full h-full fixed left-0 top-0 backdrop-blur bg-badge/20"
         :style="overlayStyles"
         @click="activeModule = null"
       />
@@ -315,7 +315,7 @@ const panelStyles = computed(() => ({
       <div
         v-if="open"
         ref="menu"
-        class="bg-white dark:bg-gray-900 fixed w-full h-full overflow-y-auto overflow-x-hidden px-4 py-5"
+        class="bg-main fixed w-full h-full overflow-y-auto overflow-x-hidden px-4 py-5"
         :style="panelStyles"
       >
         <Transition
@@ -327,7 +327,7 @@ const panelStyles = computed(() => ({
               v-for="item in currentLinks"
               :key="item.label"
               :to="item.link"
-              class="flex items-center gap-4 px-4 py-3 bg-gray-50 dark:bg-gray-800 mb-2 rounded"
+              class="flex items-center gap-4 px-4 py-3 bg-muted mb-2 rounded"
             >
               <component
                 :is="item.icon"

package/components/overlays/drawer/ADrawerV2.vue

@@ -54,7 +54,7 @@ const blurClass = computed(() => {
 })
 
 const overlayClass = computed(() => {
-  const base = ['drawer-v2-overlay fixed inset-0 z-[10000] flex items-end justify-stretch bg-black/40 dark:bg-black/60']
+  const base = ['drawer-v2-overlay fixed inset-0 z-[10000] flex items-end justify-stretch bg-overlay']
   if (blurClass.value) base.push(blurClass.value)
   return base.join(' ')
 })
@@ -70,7 +70,8 @@ const contentTransitionName = computed(() => {
   return 'drawer-v2-sheet'
 })
 
-function close() {
+function closeIfAllowed() {
+  if (props.persistent) return
   open.value = false
 }
 
@@ -231,7 +232,7 @@ function onTouchEnd() {
             <div
               v-if="open"
               ref="contentRef"
-              class="drawer-v2-content flex w-full max-w-none flex-col overflow-hidden rounded-t-xl border-t border-gray-200 bg-white shadow-2xl dark:border-gray-800 dark:bg-gray-900"
+              class="drawer-v2-content flex w-full max-w-none flex-col overflow-hidden rounded-t-xl border-t border-default bg-main shadow-2xl"
               :style="contentStyle"
               @mousedown.stop
             >
@@ -243,25 +244,25 @@ function onTouchEnd() {
                 @touchend="onTouchEnd"
                 @touchcancel="onTouchEnd"
               >
-                <div class="h-1 w-10 rounded-full bg-gray-300 dark:bg-gray-600" />
+                <div class="h-1 w-10 rounded-full bg-badge" />
               </div>
 
               <header
                 v-if="!hideHeader && (title || $slots.header)"
-                class="flex shrink-0 items-center justify-between gap-3 border-b border-gray-200 px-5 py-4 dark:border-gray-800"
+                class="flex shrink-0 items-center justify-between gap-3 border-b border-default px-5 py-4"
                 @touchstart.passive="onTouchStart"
                 @touchmove="onTouchMove"
                 @touchend="onTouchEnd"
                 @touchcancel="onTouchEnd"
               >
                 <slot name="header">
-                  <h2 class="text-base font-semibold text-gray-900 dark:text-gray-100">
+                  <h2 class="text-body-lg-strong text-primary">
                     {{ title }}
                   </h2>
                   <button
                     type="button"
-                    class="rounded-sm p-1 text-gray-500 transition hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-gray-200"
-                    @click="close"
+                    class="rounded-sm p-1 text-secondary transition hover:bg-badge hover:text-icon-strong"
+                    @click="closeIfAllowed"
                   >
                     <a-icon-x-mark class="size-4" />
                   </button>
@@ -269,14 +270,14 @@ function onTouchEnd() {
               </header>
 
               <div class="min-h-0 flex-1 overflow-auto" :class="contentClass">
-                <slot :close="close" />
+                <slot :close="closeIfAllowed" />
               </div>
 
               <footer
                 v-if="$slots.footer"
-                class="shrink-0 border-t border-gray-200 px-5 py-4 dark:border-gray-800"
+                class="shrink-0 border-t border-default px-5 py-4"
               >
-                <slot name="footer" :close="close" />
+                <slot name="footer" :close="closeIfAllowed" />
               </footer>
             </div>
           </transition>

package/components/overlays/modal/AModal.vue

@@ -8,7 +8,7 @@ const uiConfig = {
   wrapper: 'modal-wrapper relative z-[10001]',
   overlay: {
     base: 'fixed inset-0 transition-opacity ',
-    background: "bg-deepblue-900/20 dark:bg-white/20 backdrop-blur",
+    background: "bg-overlay backdrop-blur",
     transition: {
       'enter-active-class': "ease-out duration-300",
       'enter-from-class': "opacity-0",
@@ -18,10 +18,10 @@ const uiConfig = {
       'leave-to-class': "opacity-0"
     },
   },
-  base: 'base-modal max-h-full fixed text-deepblue-900 dark:text-gray-200 text-left rtl:text-right flex flex-col max-w-full sm:max-h-[calc(100%-48px)]',
+  base: 'base-modal max-h-full fixed text-primary text-left rtl:text-right flex flex-col max-w-full sm:max-h-[calc(100%-48px)]',
   position: 'top-1/2 left-1/2 translate-y-[-50%] translate-x-[-50%]',
   padding: "p-8",
-  background: "bg-white dark:bg-gray-900",
+  background: "bg-main",
   rounded: "rounded-md",
   fullscreen: "w-screen h-screen rounded-none",
   mobile: {
@@ -285,7 +285,7 @@ watch(modelValue, async (newValue) => {
                 @touchstart="touchstart"
                 @touchend="touchend"
               >
-                <div class="h-1 w-10 bg-[#D9D9D9] rounded m-1" />
+                <div class="h-1 w-10 bg-badge rounded m-1" />
               </div>
               <div
                 class="flex flex-col gap-5"

package/components/overlays/modal/AModalV2.vue

@@ -14,6 +14,7 @@ const props = withDefaults(defineProps<{
   transition?: boolean
   contentClass?: string
   hideHeader?: boolean
+  hideHeaderBorder?: boolean
   hideClose?: boolean
   blur?: boolean | 'sm' | 'md' | 'lg' | 'xl'
   mobileSheet?: boolean
@@ -30,6 +31,7 @@ const props = withDefaults(defineProps<{
   persistent: false,
   transition: true,
   hideHeader: false,
+  hideHeaderBorder: false,
   hideClose: false,
   blur: false,
   mobileSheet: true,
@@ -84,7 +86,7 @@ const blurClass = computed(() => {
 })
 
 const overlayClass = computed(() => {
-  const base = ['modal-v2-overlay fixed inset-0 z-[10000] flex bg-black/40 dark:bg-black/60']
+  const base = ['modal-v2-overlay fixed inset-0 z-[10000] flex bg-overlay']
 
   if (isSheet.value) {
     base.push('items-end justify-stretch')
@@ -99,17 +101,17 @@ const overlayClass = computed(() => {
 })
 
 const contentBaseClass = computed(() => {
-  const base = ['modal-v2-content flex flex-col overflow-hidden border bg-white shadow-2xl dark:bg-gray-900']
+  const base = ['modal-v2-content flex flex-col overflow-hidden border bg-main shadow-2xl']
 
   if (isSheet.value) {
-    base.push('w-full max-w-none max-h-[100dvh] rounded-t-xl rounded-b-none border-x-0 border-b-0 border-t border-gray-200 dark:border-gray-800')
+    base.push('w-full max-w-none max-h-[100dvh] rounded-t-xl rounded-b-none border-x-0 border-b-0 border-t border-default')
   }
   else {
     const radius = props.size === 'fullscreen' ? 'rounded-none' : 'rounded-xl'
     const widthCls = props.size === 'container'
       ? ' w-full max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl'
       : ''
-    base.push(`max-h-[calc(100vh-2rem)] border-gray-200 dark:border-gray-800 ${radius}${widthCls}`)
+    base.push(`max-h-[calc(100vh-2rem)] border-default ${radius}${widthCls}`)
   }
 
   return base.join(' ')
@@ -124,7 +126,8 @@ const contentTransitionName = computed(() => {
   return isSheet.value ? 'modal-v2-sheet' : 'modal-v2-content'
 })
 
-function close() {
+function closeIfAllowed() {
+  if (props.persistent) return
   open.value = false
 }
 
@@ -300,42 +303,43 @@ function onTouchEnd() {
                 @touchend="onTouchEnd"
                 @touchcancel="onTouchEnd"
               >
-                <div class="h-1 w-10 rounded-full bg-gray-300 dark:bg-gray-600" />
+                <div class="h-1 w-10 rounded-full bg-badge" />
               </div>
 
               <header
                 v-if="!hideHeader"
-                class="flex shrink-0 items-center justify-between gap-3 border-b border-gray-200 px-5 py-4 dark:border-gray-800"
+                class="flex shrink-0 items-center justify-between gap-3 px-5 py-4"
+                :class="hideHeaderBorder ? '' : 'border-b border-default'"
                 @touchstart.passive="onTouchStart"
                 @touchmove="onTouchMove"
                 @touchend="onTouchEnd"
                 @touchcancel="onTouchEnd"
               >
                 <slot name="header">
-                  <h2 v-if="title" class="text-h5 text-gray-900 dark:text-gray-100">
+                  <h2 v-if="title" class="text-h5 text-primary">
                     {{ title }}
                   </h2>
                 </slot>
                 <button
                   v-if="!hideClose"
                   type="button"
-                  class="ml-auto rounded-sm p-1 transition hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+                  class="ml-auto rounded-sm p-1 transition hover:bg-badge"
                   :data-test-id="iconXMarkTestId"
-                  @click="close"
+                  @click="closeIfAllowed"
                 >
                   <a-icon-x-mark class="size-4" />
                 </button>
               </header>
 
               <div class="min-h-0 flex-1 overflow-auto" :class="contentClass">
-                <slot :close="close" />
+                <slot :close="closeIfAllowed" />
               </div>
 
               <footer
                 v-if="$slots.footer"
-                class="shrink-0 border-t border-gray-200 px-5 py-4 dark:border-gray-800"
+                class="shrink-0 border-t border-default px-5 py-4"
               >
-                <slot name="footer" :close="close" />
+                <slot name="footer" :close="closeIfAllowed" />
               </footer>
             </div>
           </transition>

package/components/overlays/side-panel/ASidePanel.vue

@@ -37,7 +37,7 @@ const props = withDefaults(defineProps<{
   overlayColor: "black",
   overlayOpacity: 0.5,
   overlayDuration: 500,
-  panelColor: "bg-white dark:bg-gray-900",
+  panelColor: "bg-main",
   panelDuration: 300,
   dataTestId: undefined,
   iconXMarkTestId: undefined,
@@ -231,11 +231,11 @@ const touchend = () => {
               @touchstart="touchstart"
               @touchend="touchend"
             >
-              <div class="h-1 w-10 bg-[#D9D9D9] rounded m-1" />
+              <div class="h-1 w-10 bg-badge rounded m-1" />
             </div>
             <div
               :class="roundedClass"
-              class="absolute w-8 px-2 py-4 bg-blue-700 text-white -left-8 top-8 cursor-pointer lg:block hidden"
+              class="absolute -left-8 top-8 hidden w-8 cursor-pointer bg-action-primary px-2 py-4 text-action-primary-fg lg:block"
               v-if="!hideCloseBtn"
               :data-test-id="iconXMarkTestId"
               @click="closePanel"
@@ -246,21 +246,21 @@ const touchend = () => {
                  @touchmove="touchmove"
                  @touchstart="touchstart"
                  @touchend="touchend"
-                 :class="[headerClass, 'vsp__header border-b border-deepblue-100 dark:border-[#E3E5E80D] lg:px-8 p-4']">
+                 :class="[headerClass, 'vsp__header border-b border-default p-4 lg:px-8']">
               <slot name="header" :close="closePanel"/>
             </div>
             <div
               ref="body"
               :class="[
                   bodyClass,
-                  'vsp__body overflow-y-auto relative flex-grow-1 h-full lg:px-8 p-4',
+                  'vsp__body overflow-y-auto relative grow-1 h-full lg:px-8 p-4',
                   hideScrollbar ? 'vsp__body--hide-scroll' : '',
                 ]"
             >
               <slot name="default" :close="closePanel"/>
             </div>
             <div v-if="!!$slots.footer" ref="footer"
-                 :class="[footerClass, 'vsp__footer border-t border-deepblue-100 dark:border-[#E3E5E80D] lg:px-8 p-4']">
+                 :class="[footerClass, 'vsp__footer border-t border-default p-4 lg:px-8']">
               <slot name="footer"/>
             </div>
           </div>
@@ -309,7 +309,7 @@ const touchend = () => {
       }
 
       &.overflow-y-auto::-webkit-scrollbar-thumb {
-        background: #2C3E5033;
+        background: color-mix(in srgb, var(--text-color-primary) 20%, transparent);
         border-radius: 6px;
       }
 

package/components/overlays/sideover/ASlideover.vue

@@ -9,7 +9,7 @@ const uiConfig = {
   inner: 'modal-inner fixed inset-0 overflow-y-auto',
   overlay: {
     base: 'fixed inset-0 transition-opacity',
-    background: 'bg-deepblue-900/20 dark:bg-gray-800/20 blur-lg',
+    background: 'bg-overlay blur-lg',
     transition: {
       'enter-active-class': 'ease-out duration-300',
       'enter-from-class': 'opacity-0',
@@ -20,7 +20,7 @@ const uiConfig = {
     }
   },
   base: 'base-modal  fixed  transition-transform max-w-full overflow-auto',
-  'base-container': 'text-deepblue-900 dark:text-gray-200 flex flex-col gap-5 bg-white dark:bg-gray-900 h-full w-full',
+  'base-container': 'text-primary flex flex-col gap-5 bg-main h-full w-full',
   before: {
     base: 'absolute cursor-col-resize',
     position: {
@@ -308,7 +308,7 @@ watch(modelValue, async (newValue) => {
                   @touchstart="touchstart"
                   @touchend="touchend"
                 >
-                  <div class="h-1 w-10 bg-[#D9D9D9] rounded m-1" />
+                  <div class="h-1 w-10 bg-badge rounded m-1" />
                 </div>
                 <div
                   v-if="hasHeader"
@@ -318,7 +318,7 @@ watch(modelValue, async (newValue) => {
                   @touchend="touchend">
                   <h4
                     v-if="title"
-                    class="heading-02 text-center"
+                    class="text-h2 text-center"
                   >
                     {{ title }}
                   </h4>

package/components/overlays/tooltip/ATooltip.vue

@@ -52,8 +52,9 @@ const popperPosition = ref(props.popperPosition)
 /* --- helpers: compute classes (you can keep your uiConfig) --- */
 const baseClass = computed(() => {
   // keep your Tailwind classes if you like, but we position via inline styles
-  const bg = props.errorParsing ? 'bg-[#FAD9D7] dark:bg-[#4F393A]' : 'bg-deepblue-900 dark:bg-gray-50'
-  const color = props.errorParsing ? 'text-[#E74135] dark:text-[#F47E75]' : 'text-white dark:text-deepblue-900'
+  /* осознанно константный инвертированный тултип: bg-secondary-500 + text-white одинаковы в темах; error-вариант — документированное исключение (docs/color-migration.md) */
+  const bg = props.errorParsing ? 'bg-red-100 dark:bg-[#4F393A]' : 'bg-secondary-500'
+  const color = props.errorParsing ? 'text-danger' : 'text-white'
   const pad = props.size === 'sm' ? 'px-4 py-2' : 'px-4 py-4'
   const truncated = props.truncate ? 'truncate' : 'max-w-[530px] w-max'
   return ['text-body-sm font-normal absolute', bg, color, 'rounded-sm', pad, truncated].join(' ')

package/components/overlays/tooltip/ATooltipV2.vue

@@ -110,7 +110,7 @@ const interactive = computed(() => props.trigger !== 'hover')
 
 const boxClass = computed(() =>
   twMerge(
-    'rounded-md bg-white px-2.5 py-1.5 shadow-lg ring-1 ring-gray-200 dark:bg-gray-900 dark:ring-gray-700',
+    'rounded-md bg-main px-2.5 py-1.5 shadow-lg ring-1 ring-(--border-color-default)',
     props.contentClass,
   ),
 )
@@ -178,7 +178,7 @@ onUnmounted(() => clearTimers())
         <span
           v-if="arrow"
           ref="arrowRef"
-          class="absolute size-2 rotate-45 border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900"
+          class="absolute size-2 rotate-45 border-default bg-main"
           :class="arrowBorderClass"
           :style="arrowStyle"
         />

package/composables/highlight.ts

@@ -5,9 +5,10 @@ export default function (text: string, search = ""): string {
   const regExp = new RegExp(search, "gi")
 
   if (index >= 0) {
+    /* bg-yellow-subtle попадает в сборку через @source inline в theme.css */
     label = label.replace(
       regExp,
-      `<span class="bg-yellow-200 dark:text-gray-950 dark:bg-yellow-300">${label.substring(
+      `<span class="bg-yellow-subtle">${label.substring(
         index,
         index + search.length
       )}</span>`

package/eslint.config.mjs

@@ -1,9 +1,22 @@
+import { fileURLToPath } from 'node:url'
 import antfu from '@antfu/eslint-config'
 import tailwind from 'eslint-plugin-tailwindcss'
 import withNuxt from './.nuxt/eslint.config.mjs'
 
+const tailwindCssConfig = fileURLToPath(
+  new URL('./assets/styles/main.css', import.meta.url),
+)
+
 export default withNuxt(
-  ...tailwind.configs['flat/recommended'],
+  {
+    ...tailwind.configs.recommended,
+    files: ['**/*.{js,jsx,ts,tsx,vue}'],
+    settings: {
+      tailwindcss: {
+        cssConfigPath: tailwindCssConfig,
+      },
+    },
+  },
   await antfu({
     javascript: {
       overrides: {

package/icons/arrow/arrow-left.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9 14.25L3.75 9L9 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14.25 9H3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/arrow-currency-gray.vue

@@ -1,5 +1,5 @@
 <template>
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5.83494 6.75C6.79719 5.08333 9.20281 5.08333 10.1651 6.75C11.1273 8.41667 9.9245 10.5 8 10.5C6.0755 10.5 4.87269 8.41667 5.83494 6.75Z" fill="#9DA3AC"/>
+    <path class="fill-icon-secondary" d="M5.83494 6.75C6.79719 5.08333 9.20281 5.08333 10.1651 6.75C11.1273 8.41667 9.9245 10.5 8 10.5C6.0755 10.5 4.87269 8.41667 5.83494 6.75Z"/>
   </svg>
 </template>

package/icons/arrow-currency-green.vue

@@ -1,5 +1,5 @@
 <template>
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8 4L12.3301 11.5H3.66987L8 4Z" fill="#4CAF50"/>
+    <path class="fill-icon-success" d="M8 4L12.3301 11.5H3.66987L8 4Z"/>
   </svg>
 </template>

package/icons/arrow-currency-red.vue

@@ -1,5 +1,5 @@
 <template>
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8 12L12.3301 4.5H3.66987L8 12Z" fill="#E74135"/>
+    <path class="fill-icon-danger" d="M8 12L12.3301 4.5H3.66987L8 12Z"/>
   </svg>
 </template>

package/icons/avatar.vue

@@ -1,7 +1,7 @@
 <template>
   <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <mask id="mask0_5312_309" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="24">
-      <circle cx="12.3333" cy="12" r="12" class="fill-white dark:fill-[#26282B]"/>
+      <circle cx="12.3333" cy="12" r="12" class="fill-white"/>
     </mask>
     <g mask="url(#mask0_5312_309)">
       <path d="M12.3333 13.2903C15.0947 13.2903 17.3333 11.0517 17.3333 8.29031C17.3333 5.52889 15.0947 3.29031 12.3333 3.29031C9.57189 3.29031 7.33331 5.52889 7.33331 8.29031C7.33331 11.0517 9.57189 13.2903 12.3333 13.2903Z" fill="currentColor" fill-opacity="0.8"/>

package/icons/bar-chart-3.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column-icon lucide-chart-column"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>
+</template>

package/icons/book-open.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open-icon lucide-book-open"><path d="M12 5v16"/><path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"/></svg>
+</template>

package/icons/bookmark/bookmark-filled.vue

@@ -3,6 +3,7 @@
 
 <template>
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <!-- осознанно константный: золотой градиент #FFE364→#FBC920 — одинаков в темах -->
     <path fill-rule="evenodd" clip-rule="evenodd" d="M3.13397 1.58033C3.4938 1.2105 3.98494 1 4.5002 1H11.5002C12.0155 1 12.5066 1.2105 12.8664 1.58033C13.2258 1.94967 13.4252 2.44761 13.4252 2.96389V14.475C13.4252 14.6729 13.3139 14.854 13.1374 14.9434C12.9609 15.0328 12.7491 15.0153 12.5895 14.8982L8.00021 11.5291L3.41088 14.8982C3.25136 15.0153 3.03955 15.0328 2.86301 14.9434C2.68647 14.854 2.5752 14.6729 2.5752 14.475V2.96389C2.5752 2.44761 2.77461 1.94967 3.13397 1.58033Z" fill="url(#paint0_linear_2287_15013)"/>
     <defs>
       <linearGradient id="paint0_linear_2287_15013" x1="8.40342" y1="-9.61211" x2="-3.2293" y2="-3.63487" gradientUnits="userSpaceOnUse">

package/icons/braces.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces-icon lucide-braces"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"/><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"/></svg>
+</template>

package/icons/check/check-outline.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check"><path d="M20 6 9 17l-5-5"/></svg>
+</template>

package/icons/chevron/chevron-down-outline.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>
+</template>

package/icons/clipboard-list.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list-icon lucide-clipboard-list"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
+</template>

package/icons/clock-outline.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock-icon lucide-clock"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
+</template>

package/icons/company-egov-small.vue

@@ -1,5 +1,5 @@
 <template>
-  <svg class="fill-deepblue-900 dark:fill-gray-200 h-5" xmlns="http://www.w3.org/2000/svg" width="39" height="16" viewBox="0 0 39 16" fill="none">
+  <svg class="fill-icon-strong h-5" xmlns="http://www.w3.org/2000/svg" width="39" height="16" viewBox="0 0 39 16" fill="none">
     <g clip-path="url(#clip0_2311_13638)">
       <path fill="currentColor" d="M6.67938 12.2763C5.76179 12.7406 4.61707 12.8859 3.74762 12.8859C1.49277 12.8859 0.333008 11.6187 0.333008 9.58158C0.333008 7.19244 2.0719 4.70593 4.92394 4.70593C6.51842 4.70593 7.66164 5.58819 7.66164 7.04714C7.66164 9.05132 5.71215 9.77331 2.55627 9.69392C2.55627 9.9186 2.6375 10.2706 2.79845 10.4953C3.10381 10.8967 3.63631 11.1049 4.31171 11.1049C5.16461 11.1049 5.88965 10.9132 6.51842 10.6076L6.67938 12.2763ZM4.63362 6.38956C3.55508 6.38956 2.94286 7.27182 2.7819 8.00879C4.58548 8.02526 5.48802 7.76763 5.48802 7.06212C5.48652 6.66218 5.16461 6.38956 4.63362 6.38956ZM10.4249 8.51208C9.05005 8.51208 7.93542 9.62202 7.93542 10.9911C7.93542 12.1355 8.71611 13.0971 9.77509 13.3817C9.89995 12.3332 9.19897 11.427 8.44084 11.5333C8.44084 11.5333 8.5341 10.9791 9.14482 10.7949C9.67582 10.6346 9.90145 10.8982 9.95109 10.9701C9.89243 10.8788 9.62016 10.4099 9.76005 9.91561C9.91499 9.36438 10.4264 9.12322 10.4264 9.12322C10.4264 9.12322 10.9379 9.36438 11.0928 9.91561C11.2312 10.4099 10.9589 10.8788 10.9018 10.9701C10.9514 10.8982 11.177 10.6346 11.708 10.7949C12.3188 10.9791 12.412 11.5333 12.412 11.5333C11.6554 11.427 10.9544 12.3332 11.0778 13.3817C12.1367 13.0971 12.9174 12.1355 12.9174 10.9911C12.9144 9.62202 11.7998 8.51208 10.4249 8.51208Z"/>
       <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.3931 4.88119L19.3134 5.80539H19.2818C18.8802 5.16878 18.2048 4.70593 17.1262 4.70593C15.1948 4.70743 13.5552 6.29969 13.5552 8.79967C13.5552 11.045 14.9376 12.6058 16.884 12.6058C17.7851 12.6058 18.5402 12.2388 19.0065 11.5858H19.0381V12.095C19.0381 13.5285 18.1536 14.1501 16.9954 14.1501C16.0793 14.1501 15.2098 13.8476 14.7119 13.5615L14.2291 15.3934C14.9361 15.7918 16.0296 15.9985 17.06 15.9985C18.2183 15.9985 19.3916 15.7754 20.2611 15.0429C21.1455 14.2625 21.4509 13.0357 21.4509 11.5393V7.19094C21.4509 6.02857 21.4825 5.37549 21.5156 4.88119H19.3931ZM19.0065 9.19811C19.0065 9.40482 18.99 9.65946 18.9268 9.83472C18.7658 10.4084 18.2679 10.8218 17.6407 10.8218C16.6118 10.8218 16.0327 9.91411 16.0327 8.75174C16.0327 7.33473 16.7562 6.53786 17.6407 6.53786C18.3161 6.53786 18.7824 6.96775 18.9599 7.60436C18.9915 7.73168 19.008 7.89045 19.008 8.05073V9.19811H19.0065ZM26.3547 4.70743C23.8291 4.70743 22.1579 6.31617 22.1579 8.83263C22.1579 11.3491 23.9269 12.847 26.2269 12.847C28.3343 12.847 30.3755 11.5408 30.3755 8.69033C30.3755 6.34762 28.7675 4.70743 26.3547 4.70743ZM26.29 6.42701C27.4002 6.42701 27.8499 7.60585 27.8499 8.76822C27.8499 10.1702 27.2392 11.1094 26.29 11.1094C25.2446 11.1094 24.682 10.1058 24.682 8.76822C24.682 7.62233 25.1167 6.42701 26.29 6.42701ZM30.0988 4.88119H32.7522L33.8142 8.4971C34.0068 9.15018 34.1527 9.77181 34.264 10.3919H34.3121C34.4415 9.75533 34.5693 9.16516 34.7468 8.4971L35.7607 4.88119H38.3344L35.4072 12.6702H32.9628L30.0988 4.88119Z"/>

package/icons/database.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database-icon lucide-database"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/></svg>
+</template>

package/icons/download-outline.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download-icon lucide-download"><path d="M12 15V3"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/></svg>
+</template>

package/icons/download.vue

@@ -1,5 +1,5 @@
 <template>
-  <svg class="fill-deepblue-900 dark:fill-gray-200" fill="none" height="16" viewBox="0 0 17 16" width="17"
+  <svg class="fill-icon-strong" fill="none" height="16" viewBox="0 0 17 16" width="17"
        xmlns="http://www.w3.org/2000/svg">
     <path
         d="M9.02496 1.525C9.02496 1.23505 8.78991 1 8.49996 1C8.21001 1 7.97496 1.23505 7.97496 1.525V9.97001L6.71285 8.7079C6.50783 8.50288 6.17542 8.50288 5.9704 8.7079C5.76537 8.91293 5.76537 9.24534 5.9704 9.45036L8.12872 11.6087C8.22717 11.7071 8.36071 11.7625 8.49994 11.7625C8.63918 11.7625 8.77272 11.7071 8.87117 11.6087L11.0295 9.45036C11.2345 9.24534 11.2345 8.91293 11.0295 8.7079C10.8245 8.50288 10.4921 8.50288 10.287 8.7079L9.02496 9.96999V1.525Z"

package/icons/egov.vue

@@ -7,7 +7,7 @@ defineProps<Props>()
 
 <template>
   <svg
-    class="h-5 fill-deepblue-900 dark:fill-gray-200"
+    class="h-5 fill-icon-strong"
     xmlns="http://www.w3.org/2000/svg"
     width="39"
     height="16"

package/icons/elicense.vue

@@ -9,7 +9,7 @@
     viewBox="0 0 60 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    class="h-5 fill-deepblue-900 dark:fill-gray-200"
+    class="h-5 fill-icon-strong"
   >
     <path d="M6.34637 12.2764C5.42879 12.7408 4.28406 12.8861 3.41462 12.8861C1.15977 12.8861 0 11.6188 0 9.5817C0 7.19256 1.7389 4.70605 4.59093 4.70605C6.18542 4.70605 7.32864 5.58831 7.32864 7.04726C7.32864 9.05144 5.37915 9.77343 2.22326 9.69404C2.22326 9.91872 2.30449 10.2707 2.46544 10.4954C2.7708 10.8968 3.3033 11.1051 3.9787 11.1051C4.83161 11.1051 5.55665 10.9133 6.18542 10.6078L6.34637 12.2764ZM4.30061 6.38969C3.22207 6.38969 2.60985 7.27195 2.4489 8.00891C4.25247 8.02539 5.15502 7.76775 5.15502 7.06224C5.15351 6.6623 4.8316 6.38969 4.30061 6.38969ZM10.0919 8.5122C8.71705 8.5122 7.60241 9.62214 7.60241 10.9912C7.60241 12.1356 8.38311 13.0973 9.44209 13.3819C9.56694 12.3333 8.86597 11.4271 8.10783 11.5335C8.10783 11.5335 8.20109 10.9792 8.81181 10.795C9.34281 10.6347 9.56844 10.8983 9.61808 10.9702C9.55942 10.8789 9.28715 10.41 9.42704 9.91573C9.58198 9.3645 10.0934 9.12334 10.0934 9.12334C10.0934 9.12334 10.6049 9.3645 10.7598 9.91573C10.8982 10.41 10.6259 10.8789 10.5688 10.9702C10.6184 10.8983 10.844 10.6347 11.375 10.795C11.9858 10.9792 12.079 11.5335 12.079 11.5335C11.3224 11.4271 10.6214 12.3333 10.7448 13.3819C11.8037 13.0973 12.5844 12.1356 12.5844 10.9912C12.5814 9.62214 11.4668 8.5122 10.0919 8.5122Z" fill="currentColor" />
     <path d="M13.8691 3.71875H16.2268V12.8652H13.8691V3.71875Z" fill="currentColor" />

package/icons/file-json.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-braces-icon lucide-file-braces"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"/><path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"/></svg>
+</template>

package/icons/file-search.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-search-icon lucide-file-search"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><circle cx="11.5" cy="14.5" r="2.5"/><path d="M13.3 16.3 15 18"/></svg>
+</template>

package/icons/file-text.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text-icon lucide-file-text"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>
+</template>

package/icons/flask-conical.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical-icon lucide-flask-conical"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"/><path d="M6.453 15h11.094"/><path d="M8.5 2h7"/></svg>
+</template>

package/icons/folder-open.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-open-icon lucide-folder-open"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>
+</template>

package/icons/gift-outline.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift-icon lucide-gift"><path d="M12 7v14"/><path d="M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"/><path d="M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5"/><rect x="3" y="7" width="18" height="4" rx="1"/></svg>
+</template>

package/icons/globe-2.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth-icon lucide-earth"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
+</template>

package/icons/graph-loading.vue

@@ -22,10 +22,10 @@
         y2="88.5414"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset="0.150973" stop-color="#007AFF" />
+        <stop offset="0.150973" stop-color="var(--color-brand-500)" />
         <stop
           offset="0.588542"
-          stop-color="#007AFF"
+          stop-color="var(--color-brand-500)"
           stop-opacity="0.1"
         />
       </linearGradient>