@shwfed/nuxt 0.10.12 → 0.10.14

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.10.12",
+  "version": "0.10.14",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -0,0 +1,51 @@
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    breakpoint?: string;
+    showCloseButton?: boolean;
+};
+declare function close(): void;
+declare var __VLS_14: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_34: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_42: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_44: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_52: {
+    close: typeof close;
+    isDesktop: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    title?: (props: typeof __VLS_34) => any;
+} & {
+    description?: (props: typeof __VLS_42) => any;
+} & {
+    default?: (props: typeof __VLS_44) => any;
+} & {
+    footer?: (props: typeof __VLS_52) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+    showCloseButton: boolean;
+    breakpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/modal.vue

@@ -0,0 +1,139 @@
+<script setup>
+import { useMediaQuery } from "@vueuse/core";
+import { computed, ref, useAttrs, useSlots } from "vue";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+} from "./ui/dialog";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
+} from "./ui/drawer";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false, default: false },
+  breakpoint: { type: String, required: false, default: "(min-width: 640px)" },
+  showCloseButton: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["update:open"]);
+const attrs = useAttrs();
+const slots = useSlots();
+const uncontrolledOpen = ref(props.defaultOpen);
+const isDesktop = useMediaQuery(props.breakpoint);
+const desktopComponents = {
+  Root: Dialog,
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Footer: DialogFooter,
+  Close: DialogClose
+};
+const mobileComponents = {
+  Root: Drawer,
+  Trigger: DrawerTrigger,
+  Content: DrawerContent,
+  Header: DrawerHeader,
+  Title: DrawerTitle,
+  Description: DrawerDescription,
+  Footer: DrawerFooter,
+  Close: DrawerClose
+};
+const modalComponents = computed(() => isDesktop.value ? desktopComponents : mobileComponents);
+const hasTrigger = computed(() => slots.trigger !== void 0);
+const hasTitle = computed(() => slots.title !== void 0);
+const hasDescription = computed(() => slots.description !== void 0);
+const hasHeader = computed(() => hasTitle.value || hasDescription.value);
+const hasFooter = computed(() => slots.footer !== void 0);
+const open = computed({
+  get() {
+    return props.open ?? uncontrolledOpen.value;
+  },
+  set(value) {
+    if (props.open === void 0) {
+      uncontrolledOpen.value = value;
+    }
+    emit("update:open", value);
+  }
+});
+function close() {
+  open.value = false;
+}
+</script>
+
+<template>
+  <component
+    :is="modalComponents.Root"
+    v-model:open="open"
+  >
+    <component
+      :is="modalComponents.Trigger"
+      v-if="hasTrigger"
+      as-child
+    >
+      <slot
+        name="trigger"
+        v-bind="{ close, isDesktop }"
+      />
+    </component>
+
+    <component
+      :is="modalComponents.Content"
+      v-bind="attrs"
+      :show-close-button="props.showCloseButton"
+    >
+      <component
+        :is="modalComponents.Header"
+        v-if="hasHeader"
+      >
+        <component
+          :is="modalComponents.Title"
+          v-if="hasTitle"
+        >
+          <slot
+            name="title"
+            v-bind="{ close, isDesktop }"
+          />
+        </component>
+
+        <component
+          :is="modalComponents.Description"
+          v-if="hasDescription"
+        >
+          <slot
+            name="description"
+            v-bind="{ close, isDesktop }"
+          />
+        </component>
+      </component>
+
+      <slot v-bind="{ close, isDesktop }" />
+
+      <component
+        :is="modalComponents.Footer"
+        v-if="hasFooter"
+      >
+        <slot
+          name="footer"
+          v-bind="{ close, isDesktop }"
+        />
+      </component>
+    </component>
+  </component>
+</template>

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

@@ -0,0 +1,51 @@
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    breakpoint?: string;
+    showCloseButton?: boolean;
+};
+declare function close(): void;
+declare var __VLS_14: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_34: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_42: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_44: {
+    close: typeof close;
+    isDesktop: boolean;
+}, __VLS_52: {
+    close: typeof close;
+    isDesktop: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    title?: (props: typeof __VLS_34) => any;
+} & {
+    description?: (props: typeof __VLS_42) => any;
+} & {
+    default?: (props: typeof __VLS_44) => any;
+} & {
+    footer?: (props: typeof __VLS_52) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+    showCloseButton: boolean;
+    breakpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue

@@ -108,13 +108,19 @@ const canAddGroup = computed(() => selectedItemId.value === "general");
 const canAddGroupButton = computed(() => selectedNode.value?.item.type === "group");
 const canAddGroupDropdown = computed(() => selectedNode.value?.item.type === "group");
 const canAddDropdownChildButton = computed(() => selectedNode.value?.item.type === "dropdown");
-const flattenedItems = computed(() => flattenButtonConfiguratorTree(draftTree.value).map((item) => ({
-  itemId: item.itemId,
-  depth: item.depth,
-  label: getNodeLabel(item.item),
-  type: item.item.type,
-  id: item.item.id
-})));
+const flattenedItems = computed(() => flattenButtonConfiguratorTree(draftTree.value).flatMap((item) => {
+  const node = getButtonConfiguratorNode(draftTree.value, item.itemId);
+  if (!node) {
+    return [];
+  }
+  return [{
+    itemId: item.itemId,
+    depth: item.depth,
+    label: getNodeLabel(node),
+    type: item.item.type,
+    id: item.item.id
+  }];
+}));
 const filteredItems = computed(() => {
   if (!normalizedSearch.value) {
     return flattenedItems.value;
@@ -128,7 +134,7 @@ const selectedItemLabel = computed(() => {
   if (!selectedNode.value) {
     return generalItem.value.label;
   }
-  return getNodeLabel(selectedNode.value.item);
+  return getNodeLabel(selectedNode.value);
 });
 const selectedContainerItemIds = computed(() => {
   if (selectedItemId.value === "general") {
@@ -158,7 +164,7 @@ const childItems = computed(() => selectedContainerItemIds.value.flatMap((itemId
   }
   return [{
     itemId: node.itemId,
-    label: getNodeLabel(node.item),
+    label: getNodeLabel(node),
     type: node.item.type,
     id: node.item.id
   }];
@@ -168,7 +174,7 @@ const buttonParentOptions = computed(() => draftTree.value.nodes.flatMap((node)
     return [{
       id: node.item.id,
       itemId: node.itemId,
-      label: getNodeLabel(node.item),
+      label: getNodeLabel(node),
       type: "group"
     }];
   }
@@ -176,7 +182,7 @@ const buttonParentOptions = computed(() => draftTree.value.nodes.flatMap((node)
     return [{
       id: node.item.id,
       itemId: node.itemId,
-      label: getNodeLabel(node.item),
+      label: getNodeLabel(node),
       type: "dropdown"
     }];
   }
@@ -185,7 +191,7 @@ const buttonParentOptions = computed(() => draftTree.value.nodes.flatMap((node)
 const dropdownParentOptions = computed(() => draftTree.value.nodes.flatMap((node) => node.item.type === "group" ? [{
   id: node.item.id,
   itemId: node.itemId,
-  label: getNodeLabel(node.item)
+  label: getNodeLabel(node)
 }] : []));
 watch(() => props.config, (config) => {
   applyDraftConfig(config);
@@ -239,11 +245,21 @@ function isCopyableNode(node) {
   }
   return node.item.type === "button" || node.item.type === "dropdown";
 }
-function getNodeLabel(item) {
-  if (item.type === "group") {
+function getNodeLabel(node) {
+  if (node.item.type === "group") {
+    const childLabels = node.childItemIds.flatMap((itemId) => {
+      const childNode = getButtonConfiguratorNode(draftTree.value, itemId);
+      if (!childNode || childNode.item.type === "group") {
+        return [];
+      }
+      return [getNodeLabel(childNode)];
+    });
+    if (childLabels.length > 0) {
+      return childLabels.join("\u3001");
+    }
     return t("group-label");
   }
-  return getZhText(item.title) ?? t(item.type === "button" ? "untitled-button" : "untitled-dropdown");
+  return getZhText(node.item.title) ?? t(node.item.type === "button" ? "untitled-button" : "untitled-dropdown");
 }
 function applyDraftConfig(config) {
   draftGap.value = config.gap ?? 4;

package/dist/runtime/components/ui/drawer/Drawer.d.vue.ts

@@ -0,0 +1,31 @@
+import type { DrawerRootProps } from 'vaul-vue';
+type Props = Omit<DrawerRootProps, 'direction'>;
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    close: () => any;
+    drag: (percentageDragged: number) => any;
+    animationEnd: (open: boolean) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/Drawer.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useForwardPropsEmits } from "reka-ui";
+import { DrawerRoot } from "vaul-vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  activeSnapPoint: { type: [Number, String, null], required: false },
+  closeThreshold: { type: Number, required: false },
+  shouldScaleBackground: { type: Boolean, required: false },
+  setBackgroundColorOnScale: { type: Boolean, required: false },
+  scrollLockTimeout: { type: Number, required: false },
+  fixed: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  nested: { type: Boolean, required: false },
+  noBodyStyles: { type: Boolean, required: false },
+  handleOnly: { type: Boolean, required: false },
+  preventScrollRestoration: { type: Boolean, required: false },
+  snapPoints: { type: Array, required: false },
+  fadeFromIndex: { type: null, required: false }
+});
+const emits = defineEmits(["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <DrawerRoot
+    v-slot="slotProps"
+    data-slot="drawer"
+    direction="bottom"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </DrawerRoot>
+</template>

package/dist/runtime/components/ui/drawer/Drawer.vue.d.ts

@@ -0,0 +1,31 @@
+import type { DrawerRootProps } from 'vaul-vue';
+type Props = Omit<DrawerRootProps, 'direction'>;
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    close: () => any;
+    drag: (percentageDragged: number) => any;
+    animationEnd: (open: boolean) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerClose.d.vue.ts

@@ -0,0 +1,14 @@
+import type { DrawerCloseProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerClose.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { DrawerClose } from "vaul-vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DrawerClose
+    data-slot="drawer-close"
+    v-bind="props"
+  >
+    <slot />
+  </DrawerClose>
+</template>

package/dist/runtime/components/ui/drawer/DrawerClose.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DrawerCloseProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerContent.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerContent.vue

@@ -0,0 +1,50 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { useForwardProps } from "reka-ui";
+import {
+  DrawerClose,
+  DrawerContent,
+  DrawerPortal
+} from "vaul-vue";
+import { cn } from "../../../utils/cn";
+import DrawerOverlay from "./DrawerOverlay.vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  class: { type: null, required: false },
+  showCloseButton: { type: Boolean, required: false, default: true }
+});
+const delegatedProps = reactiveOmit(props, "class", "showCloseButton");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerContent
+      data-slot="drawer-content"
+      v-bind="{ ...$attrs, ...forwardedProps }"
+      :class="
+  cn(
+    'data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[90vh] flex-col gap-4 rounded-t-lg border border-zinc-200 bg-white p-6 shadow-lg outline-hidden',
+    props.class
+  )
+"
+    >
+      <div class="mx-auto -mt-2 h-2 w-16 rounded-full bg-zinc-200" />
+
+      <slot />
+
+      <DrawerClose
+        v-if="showCloseButton"
+        data-slot="drawer-close-button"
+        class="data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-700 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      >
+        <Icon icon="fluent:dismiss-20-filled" />
+        <span class="sr-only">Close</span>
+      </DrawerClose>
+    </DrawerContent>
+  </DrawerPortal>
+</template>

package/dist/runtime/components/ui/drawer/DrawerContent.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerDescription.d.vue.ts

@@ -0,0 +1,18 @@
+import type { DrawerDescriptionProps } from 'vaul-vue';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = DrawerDescriptionProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerDescription.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { useForwardProps } from "reka-ui";
+import { DrawerDescription } from "vaul-vue";
+import { cn } from "../../../utils/cn";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <DrawerDescription
+    data-slot="drawer-description"
+    v-bind="forwardedProps"
+    :class="cn('text-zinc-700 text-sm', props.class)"
+  >
+    <slot />
+  </DrawerDescription>
+</template>

package/dist/runtime/components/ui/drawer/DrawerDescription.vue.d.ts

@@ -0,0 +1,18 @@
+import type { DrawerDescriptionProps } from 'vaul-vue';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = DrawerDescriptionProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerFooter.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerFooter.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="drawer-footer"
+    :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/drawer/DrawerFooter.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerHeader.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerHeader.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="drawer-header"
+    :class="cn('flex flex-col gap-2 p-4 text-center sm:text-left', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/drawer/DrawerHeader.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerOverlay.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+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/ui/drawer/DrawerOverlay.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { DrawerOverlay } from "vaul-vue";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DrawerOverlay
+    data-slot="drawer-overlay"
+    :class="
+  cn(
+    'data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+    props.class
+  )
+"
+  />
+</template>

package/dist/runtime/components/ui/drawer/DrawerOverlay.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+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/ui/drawer/DrawerTitle.d.vue.ts

@@ -0,0 +1,18 @@
+import type { DrawerTitleProps } from 'vaul-vue';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = DrawerTitleProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerTitle.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { useForwardProps } from "reka-ui";
+import { DrawerTitle } from "vaul-vue";
+import { cn } from "../../../utils/cn";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <DrawerTitle
+    data-slot="drawer-title"
+    v-bind="forwardedProps"
+    :class="cn('text-lg leading-none font-semibold', props.class)"
+  >
+    <slot />
+  </DrawerTitle>
+</template>

package/dist/runtime/components/ui/drawer/DrawerTitle.vue.d.ts

@@ -0,0 +1,18 @@
+import type { DrawerTitleProps } from 'vaul-vue';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = DrawerTitleProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerTrigger.d.vue.ts

@@ -0,0 +1,14 @@
+import type { DrawerTriggerProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerTrigger.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { DrawerTrigger } from "vaul-vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DrawerTrigger
+    data-slot="drawer-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </DrawerTrigger>
+</template>

package/dist/runtime/components/ui/drawer/DrawerTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DrawerTriggerProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Drawer } from './Drawer.vue.js';
+export { default as DrawerClose } from './DrawerClose.vue.js';
+export { default as DrawerContent } from './DrawerContent.vue.js';
+export { default as DrawerDescription } from './DrawerDescription.vue.js';
+export { default as DrawerFooter } from './DrawerFooter.vue.js';
+export { default as DrawerHeader } from './DrawerHeader.vue.js';
+export { default as DrawerTitle } from './DrawerTitle.vue.js';
+export { default as DrawerTrigger } from './DrawerTrigger.vue.js';

package/dist/runtime/components/ui/drawer/index.js

@@ -0,0 +1,8 @@
+export { default as Drawer } from "./Drawer.vue";
+export { default as DrawerClose } from "./DrawerClose.vue";
+export { default as DrawerContent } from "./DrawerContent.vue";
+export { default as DrawerDescription } from "./DrawerDescription.vue";
+export { default as DrawerFooter } from "./DrawerFooter.vue";
+export { default as DrawerHeader } from "./DrawerHeader.vue";
+export { default as DrawerTitle } from "./DrawerTitle.vue";
+export { default as DrawerTrigger } from "./DrawerTrigger.vue";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.10.12",
+  "version": "0.10.14",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -66,6 +66,7 @@
     "reka-ui": "^2.7.0",
     "sortablejs": "^1.15.0",
     "tailwind-merge": "^3.4.0",
+    "vaul-vue": "^0.4.1",
     "vue": "^3.5.27",
     "vue-i18n": "^11.2.8",
     "vue-sonner": "^2.0.9",