paket-ui 0.1.0 → 0.1.2

package/dist/runtime/components/sidebar/SidebarParent.vue

@@ -0,0 +1,182 @@
+<template>
+  <component
+    :is="!hasMenu ? 'div' : !collapsed ? CollapsibleRoot : PopoverRoot"
+    v-model:open="open"
+  >
+    <component
+      :is="!hasMenu ? 'div' : !collapsed ? CollapsibleTrigger : PopoverTrigger"
+      :class="
+  cn(
+    'relative w-full flex items-center gap-2 py-1.5 rounded-lg text-sm font-medium',
+    {
+      'justify-center p-0 aspect-square w-10 h-10': collapsed,
+      'px-2': !collapsed,
+      'bg-surface-container-high text-primary': isActive,
+      'hover:bg-surface-container-high text-current/80': !isActive
+    }
+  )
+"
+    >
+      <Icon
+        size="24px"
+        class="shrink-0"
+        :name="
+  menu.icon?.[isActive ? 'filled' : 'DEFAULT'] ?? 'material-symbols:info'
+"
+      />
+      <template v-if="!collapsed">
+        <span v-text="menu.title" />
+        <span
+          :class="[
+  'absolute left-0 top-2 bottom-2 rounded-full bg-primary transition-all',
+  {
+    'w-0.5': isActive,
+    'w-0': !isActive
+  }
+]"
+        ></span>
+      </template>
+      <Badge
+        v-if="menu.count && menu.count > 0 && !collapsed"
+        variant="error"
+        class="scale-75 translate-x-3 ml-auto"
+        :label="menu.count <= 99 ? menu.count.toString() : '99+'"
+      />
+      <Icon
+        v-if="hasMenu && !collapsed"
+        name="material-symbols:keyboard-arrow-up"
+        size="24px"
+        :class="[
+  'transition-all',
+  {
+    'ml-auto': !menu.count || menu.count <= 0,
+    'rotate-0': open,
+    'rotate-180': !open
+  }
+]"
+      />
+      <NuxtLink v-if="!hasMenu" :to="menu.path" class="absolute inset-0" />
+    </component>
+    <component :is="!collapsed ? 'div' : PopoverPortal" v-if="hasMenu">
+      <component
+        :is="!collapsed ? CollapsibleContent : PopoverContent"
+        v-bind="{
+  side: 'right',
+  sideOffset: 5
+}"
+        class="left-1 will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
+        :class="{
+  'rounded-xl p-2 w-[260px] bg-background dark:bg-surface-container shadow-sm z-50 border border-outline-variant': collapsed,
+  'c-content': !collapsed
+}"
+      >
+        <SidebarChild
+          v-for="(submenu, idx) in menu.submenus"
+          :key="idx + 'collapsed'"
+          :submenu="submenu"
+          :fit="collapsed"
+        />
+        <PopoverArrow
+          v-if="collapsed"
+          class="fill-background dark:fill-surface-container stroke-outline-variant"
+        />
+      </component>
+    </component>
+  </component>
+</template>
+
+<script setup>
+import { cn } from "../../lib/utils";
+import {
+  PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
+  PopoverTrigger,
+  PopoverArrow,
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger
+} from "reka-ui";
+import { computed, onMounted, ref, watch } from "vue";
+import { useRoute } from "#imports";
+import useSidebar from "../../composables/useSidebar";
+import SidebarChild from "./SidebarChild.vue";
+import Badge from "../badge/Badge.vue";
+import { whenever } from "@vueuse/core";
+const {
+  collapsed: collapsedDesktop,
+  collapsedMobile,
+  toggleMobile
+} = useSidebar();
+const open = ref(false);
+const collapsed = computed(() => {
+  return collapsedDesktop.value && !collapsedMobile.value;
+});
+whenever(collapsedDesktop, () => {
+  open.value = false;
+});
+const props = defineProps({
+  menu: { type: Object, required: true }
+});
+const hasMenu = computed(
+  () => props.menu.submenus && props.menu.submenus.length > 0
+);
+const route = useRoute();
+const isExpanded = ref(false);
+onMounted(() => {
+  if (props.menu.submenus) {
+    for (const item of props.menu.submenus) {
+      if (route.fullPath.includes(item.path)) {
+        isExpanded.value = true;
+      }
+    }
+  }
+});
+const isActive = computed(() => {
+  if (props.menu.submenus) {
+    return props.menu.submenus?.some((submenu) => {
+      const isPathActive2 = route.fullPath.includes(submenu.path);
+      if (submenu.includes) {
+        const isIncluded = submenu.includes.some(
+          (include) => route.fullPath.includes(include)
+        );
+        if (isIncluded) return isIncluded;
+      }
+      if (submenu.excludes) {
+        const isExcluded = submenu.excludes.some(
+          (exclude) => route.fullPath.includes(exclude)
+        );
+        return isPathActive2 && !isExcluded;
+      }
+      return isPathActive2;
+    });
+  }
+  if (props.menu.path === "/") return route.path == props.menu.path;
+  const isPathActive = route.fullPath.includes(props.menu.path);
+  if (props.menu.includes) {
+    const isIncluded = props.menu.includes.some(
+      (include) => route.fullPath.includes(include)
+    );
+    if (isIncluded) return isIncluded;
+  }
+  if (props.menu.excludes) {
+    const isExcluded = props.menu.excludes.some(
+      (exclude) => route.fullPath.includes(exclude)
+    );
+    return isPathActive && !isExcluded;
+  }
+  return isPathActive;
+});
+watch(
+  () => route.path,
+  (newValue, oldValue) => {
+    if (newValue !== oldValue) {
+      toggleMobile(false);
+    }
+  }
+);
+</script>
+
+<style scoped>
+.c-content{overflow:hidden}.c-content[data-state=open]{animation:slideDown .3s ease-out}.c-content[data-state=closed]{animation:slideUp .3s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes slideUp{0%{height:var(--reka-collapsible-content-height)}to{height:0}}
+</style>

package/dist/runtime/components/sidebar/SidebarParent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { NavigationMenu } from '../../types/navigation.js';
+type __VLS_Props = {
+    menu: NavigationMenu;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/toast/ToastCard.vue

@@ -2,7 +2,7 @@
   <div
     :class="
   cn(
-    'flex items-start gap-3 p-4 py-3.5 transition-all bg-background border border-outlineVariant rounded-lg shadow-lg w-80',
+    'flex items-start gap-3 p-4 py-3.5 transition-all bg-background border border-outline-variant rounded-lg shadow-lg w-80',
     variantConfig[props.toast.type || 'info'],
     variantConfigBg[props.toast.type || 'info']
   )

package/dist/runtime/components/toast/ToastContainer.vue

@@ -15,6 +15,6 @@
 
 <script setup>
 import ToastCard from "./ToastCard.vue";
-import { useNuxtApp } from ".nuxt/imports";
+import { useNuxtApp } from "#imports";
 const { $toasts } = useNuxtApp();
 </script>

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

@@ -0,0 +1,4 @@
+declare const _default: () => {
+    isAppleDevice: import("vue").Ref<boolean, boolean>;
+};
+export default _default;

package/dist/runtime/composables/useDevice.js

@@ -0,0 +1,10 @@
+import { onMounted, ref } from "vue";
+export default () => {
+  const isAppleDevice = ref(false);
+  onMounted(() => {
+    isAppleDevice.value = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
+  });
+  return {
+    isAppleDevice
+  };
+};

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

@@ -0,0 +1,8 @@
+declare const _default: () => {
+    collapsed: import("nuxt/app").CookieRef<boolean>;
+    collapsedMobile: import("nuxt/app").CookieRef<boolean>;
+    toggle: () => void;
+    toggleMobile: (forced?: boolean) => void;
+    switchCollapsed: () => void;
+};
+export default _default;

package/dist/runtime/composables/useSidebar.js

@@ -0,0 +1,30 @@
+import { useCookie } from "nuxt/app";
+export default () => {
+  const collapsed = useCookie("sidebar-desktop-collapsed", {
+    default: () => false
+  });
+  const collapsedMobile = useCookie("sidebar-mobile-collapsed", {
+    default: () => false
+  });
+  const toggle = () => {
+    collapsed.value = !collapsed.value;
+  };
+  const toggleMobile = (forced) => {
+    if (forced !== void 0) {
+      collapsedMobile.value = forced;
+    } else {
+      collapsedMobile.value = !collapsedMobile.value;
+    }
+  };
+  const switchCollapsed = () => {
+    collapsed.value = !collapsed.value;
+    collapsedMobile.value = false;
+  };
+  return {
+    collapsed,
+    collapsedMobile,
+    toggle,
+    toggleMobile,
+    switchCollapsed
+  };
+};

package/dist/runtime/lib/utils.d.ts

@@ -6,10 +6,8 @@ export declare const formatNumber: (num?: number | bigint, currency?: boolean) =
 export declare const numberToFixedExceptRoundNumber: (num: number, fractionDigits?: number) => number;
 export declare const ucFirst: (text: string | number) => string;
 interface ExportOptions {
-    id?: string;
-    download_name?: string;
-    dispose?: boolean;
-    newTab?: boolean;
+    href: string;
+    callback?: () => void;
 }
-export declare const createDownloadLink: (href: string, _options?: ExportOptions) => void;
+export declare const createDownloadLink: (props: ExportOptions) => void;
 export {};

package/dist/runtime/lib/utils.js

@@ -1,5 +1,4 @@
 import { clsx } from "clsx";
-import { useNuxtApp } from ".nuxt/imports";
 import { twMerge } from "tailwind-merge";
 export function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -30,19 +29,10 @@ export const numberToFixedExceptRoundNumber = (num, fractionDigits = 1) => num ?
 export const ucFirst = (text) => {
   return typeof text === "string" ? text.charAt(0).toUpperCase() + text.slice(1) : "";
 };
-export const createDownloadLink = (href, _options = {
-  dispose: true
-}) => {
-  const { $toast } = useNuxtApp();
-  $toast.info(
-    "Link download sudah berhasil dibuat, jika tidak terbuka otomatis",
-    {
-      link: href,
-      linkTitle: "Klik Disini",
-      autoClose: 5e3
-    },
-    "File Siap Diunduh"
-  );
-  window.open(href, "_blank");
+export const createDownloadLink = (props) => {
+  if (props.callback) {
+    props.callback();
+  }
+  window.open(props.href, "_blank");
   return;
 };

package/dist/runtime/plugin.d.ts

@@ -1,2 +1,17 @@
+import type { variantConfig } from './components/toast/index.js';
+export interface ToastOptions {
+    render?: string;
+    title?: string;
+    type?: keyof typeof variantConfig;
+    icon?: string;
+    link?: string;
+    linkTitle?: string;
+    imageSrc?: string;
+    autoClose?: number;
+    removeAble?: boolean;
+}
+export interface Toast extends ToastOptions {
+    id: string;
+}
 declare const _default: any;
 export default _default;

package/dist/runtime/plugin.js

@@ -1,4 +1,86 @@
+import { ref } from "vue";
 import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin((_nuxtApp) => {
-  console.info("PaketUI plugin loaded");
+export default defineNuxtPlugin(() => {
+  const DEFAULT_AUTO_CLOSE = 3500;
+  const toasts = ref([]);
+  const defaultIcon = {
+    light: "material-symbols:info",
+    primary: "material-symbols:info",
+    info: "material-symbols:info",
+    success: "material-symbols:check-circle",
+    warning: "material-symbols:warning-rounded",
+    error: "material-symbols:dangerous"
+  };
+  const fire = (options) => {
+    const toast = {
+      ...options,
+      id: (Math.random() + 1).toString(36).substring(10),
+      icon: options.icon || defaultIcon[options.type ?? "info"],
+      autoClose: options.autoClose ?? DEFAULT_AUTO_CLOSE,
+      removeAble: options.removeAble ?? true
+    };
+    toasts.value.push(toast);
+    if (toast.autoClose && toast.removeAble) {
+      setTimeout(() => {
+        removeToast(toast.id);
+      }, toast.autoClose);
+    }
+    return toast;
+  };
+  const update = (toast, options) => {
+    const findIndex = toasts.value.findIndex((item) => item.id === toast.id);
+    if (findIndex < 0) return;
+    const newPayload = {
+      ...toast,
+      ...options,
+      removeAble: options.removeAble || true,
+      icon: options.icon || defaultIcon[options.type ?? "info"]
+    };
+    toasts.value[findIndex] = newPayload;
+    if (newPayload.removeAble) {
+      setTimeout(() => {
+        removeToast(toast.id);
+      }, newPayload.autoClose ?? DEFAULT_AUTO_CLOSE);
+    }
+  };
+  const removeToast = (id) => {
+    const findIndex = toasts.value.findIndex((item) => item.id === id);
+    if (findIndex < 0) return;
+    toasts.value.splice(findIndex, 1);
+  };
+  const callback = {
+    fire,
+    update,
+    success: (render, options, title) => {
+      return fire({ ...options, render, type: "success", title });
+    },
+    error: (render, options, title) => {
+      return fire({ ...options, render, type: "error", title });
+    },
+    warning: (render, options, title) => {
+      return fire({ ...options, render, type: "warning", title });
+    },
+    info: (render, options, title) => {
+      return fire({ ...options, render, type: "info", title });
+    },
+    light: (render, options, title) => {
+      return fire({ ...options, render, type: "light", title });
+    },
+    loading: (message, title) => {
+      return fire({
+        render: message,
+        type: "info",
+        title,
+        icon: "svg-spinners:ring-resize",
+        removeAble: false,
+        autoClose: void 0
+      });
+    }
+  };
+  return {
+    provide: {
+      toasts,
+      toast: callback
+    }
+  };
 });

package/dist/runtime/types/navigation.d.ts

@@ -0,0 +1,20 @@
+interface NavigationMenuIcon {
+    DEFAULT: string;
+    filled: string;
+}
+export interface NavigationMenu {
+    title: string;
+    key: string;
+    path: string;
+    /** Exclude some path from currentActive logic */
+    excludes?: string[];
+    /** Include some path to currentActive logic */
+    includes?: string[];
+    icon?: NavigationMenuIcon;
+    description: string;
+    /** Show counter at the right side of menu */
+    count?: number;
+    /** Submenus */
+    submenus?: Omit<NavigationMenu, 'submenus'>[];
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paket-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "KiriminAja Paket UI, a UI component library for Nuxt 3 applications.",
   "repository": "kiriminaja/paket-ui",
   "license": "MIT",
@@ -28,7 +28,6 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "bun run lint && bun run test && bun run prepack && changelogen --release && git push --follow-tags",
-    "publish": "npm publish --access public",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
@@ -40,6 +39,7 @@
     "@nuxt/icon": "^2.2.1",
     "@nuxt/kit": "^4.2.1",
     "@nuxtjs/color-mode": "^4.0.0",
+    "@radya/nuxt-dompurify": "^1.0.5",
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/vue-table": "^8.21.3",
     "@tiptap/extension-character-count": "^3.11.0",

package/dist/runtime/components/icon/KAFavicon.d.vue.ts

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

package/dist/runtime/components/icon/KAFavicon.vue

@@ -1,45 +0,0 @@
-<template>
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M13.9553 13.6528C12.7323 12.4411 10.8415 12.3776 9.61842 13.5876C8.39536 14.7993 8.45236 16.8448 9.67542 18.0564L17.6897 26.0349C18.9306 27.2758 20.8393 27.3361 22.0624 26.1244C23.2854 24.9128 23.274 22.9731 22.0249 21.724L13.9553 13.6528Z"
-      fill="url(#paint0_linear_552_390)"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M12.9505 7.22895C12.4799 7.3283 12.2698 7.91947 12.5906 8.2745L13.786 9.46988L9.62008 13.5869C8.45239 14.7546 8.22602 16.6047 9.67708 18.0557L16.1784 24.5391V15.8686L18.1945 13.8736L19.3443 15.025C19.6668 15.3784 20.2547 15.2562 20.4029 14.8018L23.3099 5.81046C23.4581 5.35772 23.0559 4.91474 22.5852 5.01409L12.9505 7.22895Z"
-      fill="url(#paint1_linear_552_390)"
-    />
-    <defs>
-      <linearGradient
-        id="paint0_linear_552_390"
-        x1="8.72922"
-        y1="19.856"
-        x2="22.9711"
-        y2="19.856"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#1E398C" />
-        <stop offset="1" stop-color="#0071BB" />
-      </linearGradient>
-      <linearGradient
-        id="paint1_linear_552_390"
-        x1="18.7027"
-        y1="9.31353"
-        x2="10.7308"
-        y2="21.637"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#782B8F" />
-        <stop offset="0.49" stop-color="#5C217D" />
-        <stop offset="1" stop-color="#411569" />
-      </linearGradient>
-    </defs>
-  </svg>
-</template>

package/dist/runtime/components/icon/KAFavicon.vue.d.ts

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

package/dist/runtime/components/icon/KALogo.d.vue.ts

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

package/dist/runtime/components/icon/KALogo.vue

@@ -1,102 +0,0 @@
-<template>
-  <svg
-    width="132"
-    class="text-[#782B8F] dark:text-onSurface"
-    height="38"
-    viewBox="0 0 150 38"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M142.425 13.6343C140.622 13.6343 138.692 14.0281 137.201 14.7735C136.765 14.9901 136.594 15.533 136.81 15.969L137.511 17.3783C137.775 17.9099 138.414 18.149 138.948 17.8959C139.786 17.4993 140.793 17.2686 141.724 17.2686C143.041 17.2686 143.89 17.6483 144.307 18.3516C144.588 18.8242 144.214 19.4261 143.662 19.4261H141.899C137.688 19.4261 135.859 20.9789 135.859 23.4852C135.859 25.8424 137.665 27.6708 140.923 27.6708C142.25 27.6708 143.297 27.367 144.045 26.7735C144.262 26.6019 144.672 26.6751 144.85 26.8832C145.128 27.2123 145.505 27.4458 145.938 27.4458H148.416C148.942 27.4458 149.37 27.0182 149.37 26.4922V19.9015C149.37 15.5893 146.838 13.6343 142.428 13.6343H142.425ZM142.248 24.6638C141.12 24.6638 140.467 24.0872 140.467 23.2855C140.467 22.4838 141.018 21.9071 142.549 21.9071H143.651C144.177 21.9071 144.605 22.3347 144.605 22.8607V22.9226C144.605 23.0295 144.588 23.1392 144.546 23.2377C144.138 24.2109 143.249 24.6638 142.248 24.6638Z"
-      fill="currentColor"
-    />
-    <path
-      d="M129.283 32.5316C132.791 32.5316 134.822 30.4022 134.822 27.0913V14.81C134.822 14.284 134.394 13.8564 133.868 13.8564H131.013C130.487 13.8564 130.059 14.284 130.059 14.81V27.066C130.059 28.2953 129.483 28.8466 128.656 28.8466C128.532 28.8466 128.411 28.8382 128.29 28.8241C127.685 28.751 126.982 28.9901 126.78 29.5639L126.239 31.0801C126.085 31.5133 126.262 32.0027 126.698 32.1518C127.443 32.4078 128.358 32.5316 129.28 32.5316H129.283Z"
-      fill="currentColor"
-    />
-    <path
-      d="M121.165 13.6343C119.362 13.6343 117.432 14.0281 115.941 14.7735C115.505 14.9901 115.333 15.533 115.547 15.969L116.245 17.3783C116.509 17.9099 117.148 18.1519 117.685 17.8959C118.523 17.4993 119.53 17.2686 120.461 17.2686C121.778 17.2686 122.627 17.6483 123.044 18.3516C123.325 18.8242 122.951 19.4261 122.4 19.4261H120.636C116.425 19.4261 114.596 20.9789 114.596 23.4852C114.596 25.8424 116.4 27.6708 119.66 27.6708C120.987 27.6708 122.034 27.367 122.782 26.7735C123.016 26.5879 123.471 26.6863 123.62 26.931C123.826 27.2686 124.219 27.4458 124.613 27.4458H127.153C127.679 27.4458 128.107 27.0182 128.107 26.4922V19.9015C128.107 15.5893 125.575 13.6343 121.165 13.6343ZM120.987 24.6638C119.859 24.6638 119.207 24.0872 119.207 23.2855C119.207 22.4838 119.758 21.9071 121.288 21.9071H122.391C122.917 21.9071 123.345 22.3347 123.345 22.8607V22.9226C123.345 23.0295 123.328 23.1364 123.286 23.2348C122.878 24.2081 121.989 24.6638 120.987 24.6638Z"
-      fill="currentColor"
-    />
-    <path
-      d="M108.022 13.6343C106.706 13.6343 105.494 13.9775 104.515 14.6554C104.264 14.827 103.904 14.7313 103.767 14.4922C103.578 14.1603 103.159 13.8593 102.776 13.8593H100.129C99.6033 13.8593 99.1758 14.2869 99.1758 14.8129V26.4894C99.1758 27.0154 99.6033 27.443 100.129 27.443H102.984C103.511 27.443 103.938 27.0154 103.938 26.4894V20.8776C103.938 18.6216 105.117 17.668 106.644 17.668C108.022 17.668 108.875 18.495 108.875 20.45V26.4894C108.875 27.0154 109.302 27.443 109.828 27.443H112.684C113.21 27.443 113.637 27.0154 113.637 26.4894V19.6737C113.637 15.4627 111.207 13.6343 108.022 13.6343Z"
-      fill="currentColor"
-    />
-    <path
-      d="M93.5251 13.8594H96.3803C96.9063 13.8594 97.3338 14.2869 97.3338 14.813V26.4895C97.3338 27.0155 96.9063 27.4431 96.3803 27.4431H93.5251C92.9991 27.4431 92.5715 27.0155 92.5715 26.4895V14.813C92.5715 14.2869 92.9991 13.8594 93.5251 13.8594Z"
-      fill="currentColor"
-    />
-    <path
-      d="M85.331 13.6343C83.8851 13.6343 82.5884 14.059 81.5757 14.8298C81.0581 15.2236 80.2452 15.2011 79.7473 14.782C78.819 14.0028 77.601 13.6343 76.2311 13.6343C74.9962 13.6343 73.8654 13.9606 72.94 14.616C72.7009 14.7848 72.3549 14.6948 72.2227 14.4669C71.992 14.0675 71.5307 13.8621 71.0694 13.8621H68.5855C68.0595 13.8621 67.632 14.2897 67.632 14.8157V26.4922C67.632 27.0182 68.0595 27.4458 68.5855 27.4458H71.4407C71.9667 27.4458 72.3943 27.0182 72.3943 26.4922V20.7032C72.3943 18.5991 73.3957 17.6708 74.7993 17.6708C76.0792 17.6708 76.8556 18.4978 76.8556 20.4528V26.4922C76.8556 27.0182 77.2832 27.4458 77.8092 27.4458H80.6643C81.1903 27.4458 81.6179 27.0182 81.6179 26.4922V20.7032C81.6179 18.5991 82.6193 17.6708 84.0005 17.6708C85.2522 17.6708 86.0567 18.4978 86.0567 20.4528V26.4922C86.0567 27.0182 86.4843 27.4458 87.0103 27.4458H89.8654C90.3915 27.4458 90.819 27.0182 90.819 26.4922V19.6765C90.819 15.4655 88.4871 13.6371 85.331 13.6371V13.6343Z"
-      fill="currentColor"
-    />
-    <path
-      d="M64.8385 13.8594H61.9834C61.4567 13.8594 61.0298 14.2863 61.0298 14.813V26.4895C61.0298 27.0161 61.4567 27.4431 61.9834 27.4431H64.8385C65.3652 27.4431 65.7921 27.0161 65.7921 26.4895V14.813C65.7921 14.2863 65.3652 13.8594 64.8385 13.8594Z"
-      fill="currentColor"
-    />
-    <path
-      d="M56.6305 14.6612C56.3548 14.8609 55.9132 14.7343 55.7922 14.4446C55.6319 14.0704 55.2268 13.8595 54.8217 13.8595H52.1776C51.6516 13.8595 51.224 14.287 51.224 14.8131V26.4896C51.224 27.0156 51.6516 27.4432 52.1776 27.4432H55.0327C55.5587 27.4432 55.9863 27.0156 55.9863 26.4896V21.2013C55.9863 18.7906 57.3478 17.8173 59.3168 17.8426C59.871 17.8482 60.321 17.3982 60.321 16.844V14.5852C60.321 14.0508 59.8569 13.626 59.3253 13.6879C58.2676 13.8117 57.359 14.1351 56.6305 14.6584V14.6612Z"
-      fill="currentColor"
-    />
-    <path
-      d="M45.5699 13.8593H48.4251C48.9511 13.8593 49.3786 14.2868 49.3786 14.8128V26.4894C49.3786 27.0154 48.9511 27.4429 48.4251 27.4429H45.5699C45.0439 27.4429 44.6163 27.0154 44.6163 26.4894V14.81C44.6163 14.284 45.0439 13.8564 45.5699 13.8564V13.8593Z"
-      fill="currentColor"
-    />
-    <path
-      d="M38.2984 27.0858C38.4784 27.3108 38.7541 27.443 39.0438 27.443H42.3856C43.1816 27.443 43.6261 26.526 43.1338 25.8987L38.7484 20.3263C38.4531 19.9522 38.4812 19.4149 38.8131 19.0717L42.304 15.474C42.8891 14.8692 42.4615 13.8565 41.6204 13.8565H38.6218C38.3743 13.8565 38.1352 13.955 37.958 14.1266L34.9932 17.0155C34.3884 17.6034 33.3729 17.1758 33.3729 16.3319V9.79465C33.3729 9.26863 32.9453 8.84106 32.4193 8.84106H29.5642C29.0382 8.84106 28.6106 9.26863 28.6106 9.79465V26.4866C28.6106 27.0127 29.0382 27.4402 29.5642 27.4402H32.4193C32.9453 27.4402 33.3729 27.0127 33.3729 26.4866V24.4979C33.3729 24.2475 33.4714 24.0084 33.6458 23.8284L34.0227 23.4458C34.4221 23.038 35.0888 23.0717 35.446 23.519L38.2984 27.083V27.0858Z"
-      fill="currentColor"
-    />
-    <path
-      d="M46.999 12.5175C48.4857 12.5175 49.691 11.3123 49.691 9.82553C49.691 8.33879 48.4857 7.13354 46.999 7.13354C45.5123 7.13354 44.307 8.33879 44.307 9.82553C44.307 11.3123 45.5123 12.5175 46.999 12.5175Z"
-      fill="currentColor"
-    />
-    <path
-      d="M63.4124 12.5175C64.8992 12.5175 66.1044 11.3123 66.1044 9.82553C66.1044 8.33879 64.8992 7.13354 63.4124 7.13354C61.9257 7.13354 60.7205 8.33879 60.7205 9.82553C60.7205 11.3123 61.9257 12.5175 63.4124 12.5175Z"
-      fill="currentColor"
-    />
-    <path
-      d="M94.9536 12.5175C96.4403 12.5175 97.6456 11.3123 97.6456 9.82553C97.6456 8.33879 96.4403 7.13354 94.9536 7.13354C93.4668 7.13354 92.2616 8.33879 92.2616 9.82553C92.2616 11.3123 93.4668 12.5175 94.9536 12.5175Z"
-      fill="currentColor"
-    />
-    <path
-      d="M132.121 12.5175C133.608 12.5175 134.813 11.3123 134.813 9.82553C134.813 8.33879 133.608 7.13354 132.121 7.13354C130.634 7.13354 129.429 8.33879 129.429 9.82553C129.429 11.3123 130.634 12.5175 132.121 12.5175Z"
-      fill="currentColor"
-    />
-    <path
-      d="M9.13943 14.9453C7.02691 12.8524 3.76109 12.7427 1.64857 14.8327C-0.463947 16.9256 -0.365494 20.4586 1.74702 22.5515L15.5895 36.332C17.733 38.4755 21.0297 38.5796 23.1422 36.4868C25.2548 34.3939 25.2351 31.0437 23.0775 28.8862L9.13943 14.9453Z"
-      fill="url(#paint0_linear_3061_7003)"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M7.40389 3.85091C6.59095 4.0225 6.22808 5.04359 6.78223 5.65682L8.84693 7.72151L1.65143 14.8326C-0.365447 16.8495 -0.756446 20.045 1.74988 22.5513L12.9791 33.7496V18.7736L16.4616 15.3277L18.4475 17.3165C19.0045 17.9269 20.0199 17.7159 20.2759 16.9311L25.297 1.40084C25.553 0.61884 24.8582 -0.146279 24.0452 0.02531L7.40389 3.85091Z"
-      fill="url(#paint1_linear_3061_7003)"
-    />
-    <defs>
-      <linearGradient
-        id="paint0_linear_3061_7003"
-        x1="0.112706"
-        y1="25.6598"
-        x2="24.7119"
-        y2="25.6598"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#1E398C" />
-        <stop offset="1" stop-color="#0071BB" />
-      </linearGradient>
-      <linearGradient
-        id="paint1_linear_3061_7003"
-        x1="17.3392"
-        y1="7.45147"
-        x2="3.56985"
-        y2="28.737"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#782B8F" />
-        <stop offset="0.49" stop-color="#5C217D" />
-        <stop offset="1" stop-color="#411569" />
-      </linearGradient>
-    </defs>
-  </svg>
-</template>

package/dist/runtime/components/icon/KALogo.vue.d.ts

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

package/dist/runtime/components/icon/KALogoMono.d.vue.ts

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