adata-ui 3.1.78 → 3.1.80

package/dist/runtime/components/OtherServiceFeatures.vue

@@ -50,55 +50,55 @@ async function handleClick(link) {
 </script>
 
 <template>
-  <section class="a-container mb-10 flex flex-col gap-4 lg:mb-20 lg:gap-8">
-    <h2 class="heading-02 md:heading-01 px-4 md:px-0 lg:text-4xl text-2xl lg:text-left text-center font-bold">
-      {{ t("restTasks.title") }}
-    </h2>
-    <ul class="grid grid-cols-1 gap-3 px-4 sm:grid-cols-2 lg:grid-cols-3 md:px-0">
-      <li
-        v-for="(tab, idx) in tm('restTasks.tabTitleList') || []"
-        :key="idx"
-        :class="{ 'sm:col-span-2 md:col-span-1': idx === 8 }"
-      >
-        <div
+  <section class="a-container mb-10 flex flex-col gap-4 lg:mb-20 lg:gap-8">
+    <h2 class="heading-02 md:heading-01 px-4 md:px-0 lg:text-4xl text-2xl lg:text-left text-center font-bold">
+      {{ t("restTasks.title") }}
+    </h2>
+    <ul class="grid grid-cols-1 gap-3 px-4 sm:grid-cols-2 lg:grid-cols-3 md:px-0">
+      <li
+        v-for="(tab, idx) in tm('restTasks.tabTitleList') || []"
+        :key="idx"
+        :class="{ 'sm:col-span-2 md:col-span-1': idx === 8 }"
+      >
+        <div
           :class="[
   { afterClasses: idx !== 8 },
   {
     'flex size-full items-center justify-center text-blue-700 dark:text-blue-500': idx === 8,
     'bg-white dark:bg-gray-900': route.path === localePath(linkByIndex[idx])
   }
-]"
-          class="relative flex cursor-pointer items-center gap-4 rounded-md p-5 transition hover:bg-white dark:hover:bg-gray-200/5"
-          @click="() => handleClick(linkByIndex[idx])"
-        >
-          <div class="flex items-center gap-4">
-            <component
-              :is="iconById[idx]"
-              v-if="idx < 8"
-              width="40"
-              height="40"
-              class="w-[40px] shrink-0 text-blue-700 dark:text-blue-500"
-            />
-            <div class="flex flex-col gap-4">
-              <h3
-                class="size-full text-[20px] font-semibold leading-6"
-              >
-                {{ rt(tab.title) }}
-              </h3>
-              <p
-                v-if="idx !== 8"
-                class="text-sm"
-              >
-                {{ rt(tab.description) }}
-              </p>
-            </div>
-          </div>
-          <component
-            :is="AIconArrowTopRightOnSquare"
-            v-if="idx === 8"
-          />
-        </div>
-      </li>
-    </ul>
-  </section>
+]"
+          class="relative flex cursor-pointer items-center gap-4 rounded-md p-5 transition hover:bg-white dark:hover:bg-gray-200/5"
+          @click="() => handleClick(linkByIndex[idx])"
+        >
+          <div class="flex items-center gap-4">
+            <component
+              :is="iconById[idx]"
+              v-if="idx < 8"
+              width="40"
+              height="40"
+              class="w-[40px] shrink-0 text-blue-700 dark:text-blue-500"
+            />
+            <div class="flex flex-col gap-4">
+              <h3
+                class="size-full text-[20px] font-semibold leading-6"
+              >
+                {{ rt(tab.title) }}
+              </h3>
+              <p
+                v-if="idx !== 8"
+                class="text-sm"
+              >
+                {{ rt(tab.description) }}
+              </p>
+            </div>
+          </div>
+          <component
+            :is="AIconArrowTopRightOnSquare"
+            v-if="idx === 8"
+          />
+        </div>
+      </li>
+    </ul>
+  </section>
 </template>

package/dist/runtime/components/PkMobileServices.vue

@@ -28,31 +28,31 @@ const isActive = (to) => {
 </script>
 
 <template>
-  <div class="grid grid-cols-3">
-    <nuxt-link-locale
-      v-for="(service, index) in services"
-      :key="index"
-      :to="service.to"
-      :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
-    >
-      <div
-        class="size-10 p-2 rounded-lg"
+  <div class="grid grid-cols-3">
+    <nuxt-link-locale
+      v-for="(service, index) in services"
+      :key="index"
+      :to="service.to"
+      :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
+    >
+      <div
+        class="size-10 p-2 rounded-lg"
         :class="[
   'bg-deepblue-900/5 dark:bg-gray-200/5',
   { '!bg-blue-700 text-white dark:!bg-blue-500': isActive(service.to) }
-]"
-      >
-        <component
-          :is="service.icon"
-          class="size-6 shrink-0"
-        />
-      </div>
-      <p class="text-xs text-center">
-        {{ service.title }}
-      </p>
-
-    </nuxt-link-locale>
-  </div>
+]"
+      >
+        <component
+          :is="service.icon"
+          class="size-6 shrink-0"
+        />
+      </div>
+      <p class="text-xs text-center">
+        {{ service.title }}
+      </p>
+
+    </nuxt-link-locale>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/SidePanel.vue

@@ -53,88 +53,88 @@ const motionAnimate = { x: 0, y: 0 };
 </script>
 
 <template>
-  <dialog-root
-    v-if="showSidePanel"
-    v-model:open="open"
-  >
-    <dialog-portal>
-      <animate-presence>
-        <dialog-overlay as-child>
-          <Motion
-            class="fixed inset-0 bg-black/50"
-            :initial="{ opacity: 0 }"
-            :animate="{ opacity: 1 }"
-            :exit="{ opacity: 0 }"
-            :transition="{ duration: 0.3, ease: 'easeOut' }"
-          />
-        </dialog-overlay>
-
-        <dialog-content
-          as-child
-          :data-side="props.side"
-          :style="sizeStyle"
+  <dialog-root
+    v-if="showSidePanel"
+    v-model:open="open"
+  >
+    <dialog-portal>
+      <animate-presence>
+        <dialog-overlay as-child>
+          <Motion
+            class="fixed inset-0 bg-black/50"
+            :initial="{ opacity: 0 }"
+            :animate="{ opacity: 1 }"
+            :exit="{ opacity: 0 }"
+            :transition="{ duration: 0.3, ease: 'easeOut' }"
+          />
+        </dialog-overlay>
+
+        <dialog-content
+          as-child
+          :data-side="props.side"
+          :style="sizeStyle"
           :class="[
   'fixed bg-white dark:bg-gray-900 shadow-2xl',
   POSITION_CLASSES[props.side],
   CORNER_CLASSES[props.side]
-]"
-        >
-          <Motion
-            :initial="motionInitial[props.side]"
-            :animate="motionAnimate"
-            :exit="motionInitial[props.side]"
-            :transition="{ duration: 0.3, ease: 'easeInOut' }"
-          >
-            <button
+]"
+        >
+          <Motion
+            :initial="motionInitial[props.side]"
+            :animate="motionAnimate"
+            :exit="motionInitial[props.side]"
+            :transition="{ duration: 0.3, ease: 'easeInOut' }"
+          >
+            <button
               :class="[
   'absolute h-12 w-8 bg-blue-700 dark:bg-blue-500 cursor-pointer',
   BUTTON_CORNERS[props.side],
   BUTTON_POSITIONS[props.side]
-]"
-              @click="open = false"
-            >
-              <i-x-mark class="size-4 m-auto text-white dark:text-gray-900" />
-            </button>
-            <div
-              v-if="$slots.header"
-              class="border-b border-deepblue-900/5 dark:border-gray-200/5 lg:px-8 p-4"
-            >
-              <slot name="header" />
-            </div>
-            <div class="lg:px-8 p-4">
-              <slot name="default" />
-            </div>
-            <div
-              v-if="$slots.footer"
-              class="border-b border-deepblue-900/5 dark:border-gray-200/5 lg:px-8 p-4"
-            >
-              <slot name="footer" />
-            </div>
-          </Motion>
-        </dialog-content>
-      </animate-presence>
-    </dialog-portal>
-  </dialog-root>
-  <adt-drawer
-    v-else
-    v-model:open="open"
-    :width="widthDrawer"
-    :height="heightDrawer"
-  >
-    <template
-      v-if="$slots.header"
-      #header
-    >
-      <slot name="header" />
-    </template>
-    <template #default>
-      <slot name="default" />
-    </template>
-    <template
-      v-if="$slots.footer"
-      #footer
-    >
-      <slot name="footer" />
-    </template>
-  </adt-drawer>
+]"
+              @click="open = false"
+            >
+              <i-x-mark class="size-4 m-auto text-white dark:text-gray-900" />
+            </button>
+            <div
+              v-if="$slots.header"
+              class="border-b border-deepblue-900/5 dark:border-gray-200/5 lg:px-8 p-4"
+            >
+              <slot name="header" />
+            </div>
+            <div class="lg:px-8 p-4">
+              <slot name="default" />
+            </div>
+            <div
+              v-if="$slots.footer"
+              class="border-b border-deepblue-900/5 dark:border-gray-200/5 lg:px-8 p-4"
+            >
+              <slot name="footer" />
+            </div>
+          </Motion>
+        </dialog-content>
+      </animate-presence>
+    </dialog-portal>
+  </dialog-root>
+  <adt-drawer
+    v-else
+    v-model:open="open"
+    :width="widthDrawer"
+    :height="heightDrawer"
+  >
+    <template
+      v-if="$slots.header"
+      #header
+    >
+      <slot name="header" />
+    </template>
+    <template #default>
+      <slot name="default" />
+    </template>
+    <template
+      v-if="$slots.footer"
+      #footer
+    >
+      <slot name="footer" />
+    </template>
+  </adt-drawer>
 </template>

package/dist/runtime/components/SidePanel.vue.d.ts

@@ -1,3 +1,5 @@
+import { DialogContent, DialogOverlay, DialogPortal, DialogRoot } from 'reka-ui';
+import { AnimatePresence, Motion } from 'motion-v';
 type __VLS_Props = {
     side?: 'right' | 'left' | 'top' | 'bottom';
     width?: number;
@@ -5,11 +7,60 @@ type __VLS_Props = {
     heightDrawer?: number;
     widthDrawer?: number;
 };
+declare const open: import("vue").ModelRef<boolean, string, boolean, boolean>;
+declare const showSidePanel: import("vue").ComputedRef<boolean>;
+declare const POSITION_CLASSES: {
+    right: string;
+    left: string;
+    top: string;
+    bottom: string;
+};
+declare const CORNER_CLASSES: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+declare const BUTTON_POSITIONS: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+declare const BUTTON_CORNERS: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+declare const sizeStyle: import("vue").ComputedRef<{
+    width: string;
+    height: string;
+}>;
+declare const motionInitial: {
+    right: {
+        x: number;
+    };
+    left: {
+        x: number;
+    };
+    top: {
+        y: number;
+    };
+    bottom: {
+        y: number;
+    };
+};
+declare const motionAnimate: {
+    x: number;
+    y: number;
+};
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: boolean;
 };
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_34: {}, __VLS_36: {}, __VLS_38: {}, __VLS_45: {}, __VLS_47: {}, __VLS_49: {};
-type __VLS_Slots = {} & {
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     header?: (props: typeof __VLS_34) => any;
 } & {
     default?: (props: typeof __VLS_36) => any;
@@ -21,15 +72,40 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_47) => any;
 } & {
     footer?: (props: typeof __VLS_49) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
+    DialogContent: typeof DialogContent;
+    DialogOverlay: typeof DialogOverlay;
+    DialogPortal: typeof DialogPortal;
+    DialogRoot: typeof DialogRoot;
+    AnimatePresence: typeof AnimatePresence;
+    Motion: typeof Motion;
+    open: typeof open;
+    showSidePanel: typeof showSidePanel;
+    POSITION_CLASSES: typeof POSITION_CLASSES;
+    CORNER_CLASSES: typeof CORNER_CLASSES;
+    BUTTON_POSITIONS: typeof BUTTON_POSITIONS;
+    BUTTON_CORNERS: typeof BUTTON_CORNERS;
+    sizeStyle: typeof sizeStyle;
+    motionInitial: typeof motionInitial;
+    motionAnimate: typeof motionAnimate;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    side: "right" | "left" | "top" | "bottom";
     width: number;
     height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
     side: "right" | "left" | "top" | "bottom";
+    width: number;
+    height: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Tag.vue

@@ -39,8 +39,8 @@ const typeSwitchValues = {
 </script>
 
 <template>
-  <div :class="[[classes], customClasses]">
-    <slot name="point" />
-    <slot />
-  </div>
+  <div :class="[[classes], customClasses]">
+    <slot name="point" />
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/Tag.vue.d.ts

@@ -4,12 +4,22 @@ interface Props {
     size?: 'xs' | 'sm' | 'lg';
     customClasses?: string;
 }
+declare const classes: import("vue").ComputedRef<(string | undefined)[]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     point?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
-};
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    classes: typeof classes;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "lg";
+    type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";
+    view: "default" | "inverted" | "transparent";
+    customClasses: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "xs" | "sm" | "lg";
     type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";

package/dist/runtime/components/Toggle.vue

@@ -106,34 +106,34 @@ const ui = {
 </script>
 
 <template>
-  <SwitchRoot
-    id="airplane-mode"
-    v-model="active"
-    :disabled="disabled"
-    :class="switchClass"
-    aria-label="Switch"
-  >
-    <SwitchThumb
-      :class="containerClass"
-    >
-      <span
-        v-if="onIcon"
-        :class="[active ? ui.icon.active : ui.icon.inactive, ui.icon.base]"
-      >
-        <component
-          :is="onIcon"
-          :class="onIconClassFormatted"
-        />
-      </span>
-      <span
-        v-if="offIcon"
-        :class="[active ? ui.icon.inactive : ui.icon.active, ui.icon.base]"
-      >
-        <component
-          :is="offIcon"
-          :class="offIconClassFormatted"
-        />
-      </span>
-    </SwitchThumb>
-  </SwitchRoot>
+  <SwitchRoot
+    id="airplane-mode"
+    v-model="active"
+    :disabled="disabled"
+    :class="switchClass"
+    aria-label="Switch"
+  >
+    <SwitchThumb
+      :class="containerClass"
+    >
+      <span
+        v-if="onIcon"
+        :class="[active ? ui.icon.active : ui.icon.inactive, ui.icon.base]"
+      >
+        <component
+          :is="onIcon"
+          :class="onIconClassFormatted"
+        />
+      </span>
+      <span
+        v-if="offIcon"
+        :class="[active ? ui.icon.inactive : ui.icon.active, ui.icon.base]"
+      >
+        <component
+          :is="offIcon"
+          :class="offIconClassFormatted"
+        />
+      </span>
+    </SwitchThumb>
+  </SwitchRoot>
 </template>

package/dist/runtime/components/accordion/Accordion.vue

@@ -74,47 +74,47 @@ defineExpose({
 </script>
 
 <template>
-  <accordion-root
-    type="single"
-    :disabled="disabled"
-    collapsible
-    :default-value="defaultOpen ? 'accordion' : ''"
-    v-bind="attrs"
-  >
-    <accordion-item
-      value="accordion"
-      :class="bodyClassCompute"
-    >
-      <accordion-header class="w-full">
-        <accordion-trigger
-          ref="accordion"
-          class="w-full"
-        >
-          <slot name="head">
-            <button :class="buttonClass">
-              <span :class="size === 'md' ? 'text-sm' : 'text-base'">{{ label }}</span>
-              <slot name="additional" />
-              <i-arrow-chevron-down
-                :arrow-attrs="{ class: 'stroke-deepblue-900' }"
-                :class="[{ 'rotate-180': isOpen }, 'max-h-[16px] min-h-[16px] min-w-[16px] max-w-[16px]', ui.item.icon]"
-              />
-            </button>
-          </slot>
-        </accordion-trigger>
-      </accordion-header>
-      <slot name="closedToShow" />
-      <accordion-content class="AccordionContent">
-        <div :class="[contClass, { 'mt-4 border-t': divider }]">
-          <slot
-            :name="slot || 'default'"
-            :content="content"
-          >
-            {{ content }}
-          </slot>
-        </div>
-      </accordion-content>
-    </accordion-item>
-  </accordion-root>
+  <accordion-root
+    type="single"
+    :disabled="disabled"
+    collapsible
+    :default-value="defaultOpen ? 'accordion' : ''"
+    v-bind="attrs"
+  >
+    <accordion-item
+      value="accordion"
+      :class="bodyClassCompute"
+    >
+      <accordion-header class="w-full">
+        <accordion-trigger
+          ref="accordion"
+          class="w-full"
+        >
+          <slot name="head">
+            <button :class="buttonClass">
+              <span :class="size === 'md' ? 'text-sm' : 'text-base'">{{ label }}</span>
+              <slot name="additional" />
+              <i-arrow-chevron-down
+                :arrow-attrs="{ class: 'stroke-deepblue-900' }"
+                :class="[{ 'rotate-180': isOpen }, 'max-h-[16px] min-h-[16px] min-w-[16px] max-w-[16px]', ui.item.icon]"
+              />
+            </button>
+          </slot>
+        </accordion-trigger>
+      </accordion-header>
+      <slot name="closedToShow" />
+      <accordion-content class="AccordionContent">
+        <div :class="[contClass, { 'mt-4 border-t': divider }]">
+          <slot
+            :name="slot || 'default'"
+            :content="content"
+          >
+            {{ content }}
+          </slot>
+        </div>
+      </accordion-content>
+    </accordion-item>
+  </accordion-root>
 </template>
 
 <style scoped>