pukaad-ui-lib 1.170.0 → 1.171.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.170.0",
+  "version": "1.171.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-reaction.d.vue.ts

@@ -18,10 +18,14 @@ type __VLS_Props = {
     disabledDividerBottom?: boolean;
     disabled?: boolean;
     iconSize?: number | string;
+    id?: string;
+    state?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    id: string;
     disabled: boolean;
     disabledPadding: boolean;
+    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;

package/dist/runtime/components/card/card-reaction.vue

@@ -32,6 +32,7 @@
 
 <script setup>
 import { computed, reactive, ref, watch } from "vue";
+import { useApi } from "../../composables/useApi";
 const isOpenModalShare = ref(false);
 const props = defineProps({
   itemCount: { type: Object, required: false, default: () => ({
@@ -50,7 +51,9 @@ const props = defineProps({
   disabledDividerTop: { type: Boolean, required: false, default: false },
   disabledDividerBottom: { type: Boolean, required: false, default: false },
   disabled: { type: Boolean, required: false, default: false },
-  iconSize: { type: [Number, String], required: false, default: 20 }
+  iconSize: { type: [Number, String], required: false, default: 20 },
+  id: { type: String, required: false, default: "" },
+  state: { type: String, required: false, default: "" }
 });
 const computedPadding = computed(
   () => props.disabledPadding ? 0 : props.padding
@@ -110,9 +113,22 @@ const reactions = [
     action: toggleShared
   }
 ];
-function toggleLike() {
-  reaction.liked = !reaction.liked;
+async function toggleLike() {
+  const previousLiked = reaction.liked;
+  reaction.liked = !previousLiked;
   counts.liked += reaction.liked ? 1 : -1;
+  if (props.state === "blog" && props.id) {
+    try {
+      const api = useApi();
+      await api(`/blogs/${props.id}/like`, {
+        method: reaction.liked ? "POST" : "DELETE"
+      });
+    } catch (error) {
+      console.error(error);
+      reaction.liked = previousLiked;
+      counts.liked += previousLiked ? 1 : -1;
+    }
+  }
 }
 function toggleBookmark() {
   reaction.bookmarked = !reaction.bookmarked;

package/dist/runtime/components/card/card-reaction.vue.d.ts

@@ -18,10 +18,14 @@ type __VLS_Props = {
     disabledDividerBottom?: boolean;
     disabled?: boolean;
     iconSize?: number | string;
+    id?: string;
+    state?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    id: string;
     disabled: boolean;
     disabledPadding: boolean;
+    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;

package/dist/runtime/components/ui/accordion/Accordion.d.vue.ts

@@ -0,0 +1,21 @@
+import type { AccordionRootProps } from "reka-ui";
+type __VLS_Props = AccordionRootProps;
+declare var __VLS_8: {
+    modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => 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/accordion/Accordion.vue

@@ -0,0 +1,26 @@
+<script setup>
+import {
+  AccordionRoot,
+  useForwardPropsEmits
+} from "reka-ui";
+const props = defineProps({
+  collapsible: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  dir: { type: String, required: false },
+  orientation: { type: String, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <AccordionRoot v-slot="slotProps" data-slot="accordion" v-bind="forwarded">
+    <slot v-bind="slotProps" />
+  </AccordionRoot>
+</template>

package/dist/runtime/components/ui/accordion/Accordion.vue.d.ts

@@ -0,0 +1,21 @@
+import type { AccordionRootProps } from "reka-ui";
+type __VLS_Props = AccordionRootProps;
+declare var __VLS_8: {
+    modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => 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/accordion/AccordionContent.d.vue.ts

@@ -0,0 +1,18 @@
+import type { AccordionContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionContentProps & {
+    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/accordion/AccordionContent.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionContent } from "reka-ui";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <AccordionContent
+    data-slot="accordion-content"
+    v-bind="delegatedProps"
+    class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+  >
+    <div :class="cn('pt-0 pb-4', props.class)">
+      <slot />
+    </div>
+  </AccordionContent>
+</template>

package/dist/runtime/components/ui/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,18 @@
+import type { AccordionContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionContentProps & {
+    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/accordion/AccordionItem.d.vue.ts

@@ -0,0 +1,20 @@
+import type { AccordionItemProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionItemProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {
+    open: boolean;
+};
+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/accordion/AccordionItem.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionItem, useForwardProps } from "reka-ui";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  disabled: { type: Boolean, required: false },
+  value: { type: String, required: true },
+  unmountOnHide: { type: Boolean, required: false },
+  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>
+  <AccordionItem
+    v-slot="slotProps"
+    data-slot="accordion-item"
+    v-bind="forwardedProps"
+    :class="cn('border-b last:border-b-0', props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </AccordionItem>
+</template>

package/dist/runtime/components/ui/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,20 @@
+import type { AccordionItemProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionItemProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {
+    open: boolean;
+};
+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/accordion/AccordionTrigger.d.vue.ts

@@ -0,0 +1,20 @@
+import type { AccordionTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    icon?: (props: typeof __VLS_16) => 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/accordion/AccordionTrigger.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronDownIcon } from "@radix-icons/vue";
+import {
+  AccordionHeader,
+  AccordionTrigger
+} from "reka-ui";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <AccordionHeader class="flex">
+    <AccordionTrigger
+      data-slot="accordion-trigger"
+      v-bind="delegatedProps"
+      :class="
+  cn(
+    'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
+    props.class
+  )
+"
+    >
+      <slot />
+      <slot name="icon">
+        <ChevronDownIcon class="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+      </slot>
+    </AccordionTrigger>
+  </AccordionHeader>
+</template>

package/dist/runtime/components/ui/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import type { AccordionTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = AccordionTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    icon?: (props: typeof __VLS_16) => 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/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Accordion } from "./Accordion.vue.js";
+export { default as AccordionContent } from "./AccordionContent.vue.js";
+export { default as AccordionItem } from "./AccordionItem.vue.js";
+export { default as AccordionTrigger } from "./AccordionTrigger.vue.js";

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

@@ -0,0 +1,4 @@
+export { default as Accordion } from "./Accordion.vue";
+export { default as AccordionContent } from "./AccordionContent.vue";
+export { default as AccordionItem } from "./AccordionItem.vue";
+export { default as AccordionTrigger } from "./AccordionTrigger.vue";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.170.0",
+  "version": "1.171.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "@vee-validate/yup": "^4.15.0",
     "@vee-validate/zod": "^4.15.1",
     "@vueup/vue-quill": "^1.2.0",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.1",
     "@vueuse/nuxt": "^12.7.0",
     "changelogen": "^0.5.7",
     "class-variance-authority": "^0.7.1",
@@ -89,4 +89,4 @@
     "@types/vue-cropperjs": "^4.1.6",
     "@vue/compiler-sfc": "^3.5.24"
   }
-}
+}