pukaad-ui-lib 1.333.0 → 1.334.1

package/dist/module.json

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

package/dist/runtime/components/card/card-place-detail.vue

@@ -92,17 +92,18 @@ const DAY_NAMES = [
 const props = defineProps({
   item: { type: Object, required: false, default: () => ({}) }
 });
+const toArray = (value) => Array.isArray(value) ? value : [];
 const categoryText = computed(
-  () => (props.item.categories ?? []).map((c) => c.category_name).join(", ")
+  () => toArray(props.item.categories).filter((c) => c?.category_name).map((c) => c.category_name).join(", ")
 );
 const businessHours = computed(
-  () => (props.item.opening_hours ?? []).map((h) => ({
+  () => toArray(props.item.opening_hours).filter((h) => !!h).map((h) => ({
     day: DAY_NAMES[h.day] ?? "",
-    time_range: !h.isOpen ? "\u0E2B\u0E22\u0E38\u0E14\u0E17\u0E33\u0E01\u0E32\u0E23" : h.isAllDay ? "\u0E40\u0E1B\u0E34\u0E14\u0E15\u0E25\u0E2D\u0E14 24 \u0E0A\u0E21." : (h.timeSlots ?? []).map((t) => `${t.start} - ${t.end}`).join(", ") || "\u0E40\u0E1B\u0E34\u0E14"
+    time_range: !h.isOpen ? "\u0E2B\u0E22\u0E38\u0E14\u0E17\u0E33\u0E01\u0E32\u0E23" : h.isAllDay ? "\u0E40\u0E1B\u0E34\u0E14\u0E15\u0E25\u0E2D\u0E14 24 \u0E0A\u0E21." : toArray(h.timeSlots).map((t) => `${t.start} - ${t.end}`).join(", ") || "\u0E40\u0E1B\u0E34\u0E14"
   }))
 );
 const socialLinks = computed(
-  () => (props.item.contact_channels ?? []).filter((ch) => ch.value).map((ch) => ({
+  () => toArray(props.item.contact_channels).filter((ch) => ch?.value).map((ch) => ({
     name: ch.channel_type ?? "link",
     link: ch.value
   }))

package/dist/runtime/components/card/card-place-search-row.d.vue.ts

@@ -0,0 +1,20 @@
+export interface PlaceSearchRowItem {
+    id: string;
+    business_name: string;
+    image_cover?: string;
+    rating?: number;
+    review_count?: number;
+    address?: {
+        full_address?: string;
+    } | null;
+}
+export interface CardPlaceSearchRowProps {
+    item: PlaceSearchRowItem;
+}
+declare const __VLS_export: import("vue").DefineComponent<CardPlaceSearchRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: PlaceSearchRowItem) => any;
+}, string, import("vue").PublicProps, Readonly<CardPlaceSearchRowProps> & Readonly<{
+    onSelect?: ((item: PlaceSearchRowItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/card/card-place-search-row.vue

@@ -0,0 +1,47 @@
+<template>
+  <div
+    class="flex items-center gap-[8px] px-[8px] py-[6px] rounded-md hover:bg-bright cursor-pointer"
+    @click="emit('select', props.item)"
+  >
+    <!-- thumbnail -->
+    <Image
+      v-if="props.item.image_cover"
+      :src="props.item.image_cover"
+      :width="71"
+      :height="40"
+      class="shrink-0 rounded-[4px] object-cover"
+    />
+    <div
+      v-else
+      class="w-[71px] h-[40px] bg-cloud shrink-0 rounded-[4px] flex items-center justify-center"
+    >
+      <Icon name="fa6-solid:map-location-dot" :size="20" class="text-gray" />
+    </div>
+
+    <!-- content -->
+    <div class="flex flex-col gap-[4px] min-w-0 flex-1">
+      <div class="font-body-medium text-black truncate">
+        {{ props.item.business_name }}
+      </div>
+      <div class="flex items-center gap-[4px] min-w-0">
+        <InputRating :model-value="props.item.rating ?? 0" readonly :size="14" />
+        <template v-if="props.item.review_count != null">
+          <span class="font-body-small text-gray shrink-0">
+            {{ $convert.convertNumber(props.item.review_count) }}
+          </span>
+          <span class="font-body-small text-gray shrink-0">•</span>
+        </template>
+        <span class="font-body-small text-gray truncate">
+          {{ props.item.address?.full_address }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: { type: Object, required: true }
+});
+const emit = defineEmits(["select"]);
+</script>

package/dist/runtime/components/card/card-place-search-row.vue.d.ts

@@ -0,0 +1,20 @@
+export interface PlaceSearchRowItem {
+    id: string;
+    business_name: string;
+    image_cover?: string;
+    rating?: number;
+    review_count?: number;
+    address?: {
+        full_address?: string;
+    } | null;
+}
+export interface CardPlaceSearchRowProps {
+    item: PlaceSearchRowItem;
+}
+declare const __VLS_export: import("vue").DefineComponent<CardPlaceSearchRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: PlaceSearchRowItem) => any;
+}, string, import("vue").PublicProps, Readonly<CardPlaceSearchRowProps> & Readonly<{
+    onSelect?: ((item: PlaceSearchRowItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/ui/alert-dialog/AlertDialog.vue

@@ -2,8 +2,7 @@
 import { AlertDialogRoot, useForwardPropsEmits } from "reka-ui";
 const props = defineProps({
   open: { type: Boolean, required: false },
-  defaultOpen: { type: Boolean, required: false },
-  unmountOnHide: { type: Boolean, required: false }
+  defaultOpen: { type: Boolean, required: false }
 });
 const emits = defineEmits(["update:open"]);
 const forwarded = useForwardPropsEmits(props, emits);

package/dist/runtime/components/ui/calendar/Calendar.d.vue.ts

@@ -30,7 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
     "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
-    modelValue: DateValue | DateValue[] | null;
+    modelValue: DateValue | DateValue[];
     layout: "month-and-year" | "month-only" | "year-only";
     reverseYears: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ui/calendar/Calendar.vue.d.ts

@@ -30,7 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
     "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
-    modelValue: DateValue | DateValue[] | null;
+    modelValue: DateValue | DateValue[];
     layout: "month-and-year" | "month-only" | "year-only";
     reverseYears: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ui/checkbox/Checkbox.vue

@@ -3,13 +3,11 @@ import { reactiveOmit } from "@vueuse/core";
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "#pukaad-ui/runtime/plugins/shadcn";
 const props = defineProps({
-  defaultValue: { type: null, required: false },
-  modelValue: { type: null, required: false },
+  defaultValue: { type: [Boolean, String], required: false },
+  modelValue: { type: [Boolean, String, null], required: false },
   disabled: { type: Boolean, required: false },
   value: { type: null, required: false },
   id: { type: String, required: false },
-  trueValue: { type: null, required: false },
-  falseValue: { type: null, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
   name: { type: String, required: false },

package/dist/runtime/components/ui/command/CommandDialog.vue

@@ -6,7 +6,6 @@ const props = defineProps({
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
   modal: { type: Boolean, required: false },
-  unmountOnHide: { type: Boolean, required: false },
   title: { type: String, required: false, default: "Command Palette" },
   description: { type: String, required: false, default: "Search for a command to run..." }
 });

package/dist/runtime/components/ui/dialog/Dialog.vue

@@ -3,8 +3,7 @@ import { DialogRoot, useForwardPropsEmits } from "reka-ui";
 const props = defineProps({
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  modal: { type: Boolean, required: false },
-  unmountOnHide: { type: Boolean, required: false }
+  modal: { type: Boolean, required: false }
 });
 const emits = defineEmits(["update:open"]);
 const forwarded = useForwardPropsEmits(props, emits);

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -11,7 +11,6 @@ const props = defineProps({
   preventOpenAutoFocus: { type: Boolean, required: false, default: false },
   forceMount: { type: Boolean, required: false },
   loop: { type: Boolean, required: false },
-  memoDependencies: { type: Array, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
   sideFlip: { type: Boolean, required: false },

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -8,7 +8,6 @@ import { cn } from "#pukaad-ui/runtime/plugins/shadcn";
 const props = defineProps({
   forceMount: { type: Boolean, required: false },
   loop: { type: Boolean, required: false },
-  memoDependencies: { type: Array, required: false },
   sideOffset: { type: Number, required: false },
   sideFlip: { type: Boolean, required: false },
   alignOffset: { type: Number, required: false },

package/dist/runtime/components/ui/popover/PopoverContent.vue

@@ -7,7 +7,6 @@ defineOptions({
 });
 const props = defineProps({
   forceMount: { type: Boolean, required: false },
-  memoDependencies: { type: Array, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
   sideFlip: { type: Boolean, required: false },
@@ -26,7 +25,6 @@ const props = defineProps({
   disableUpdateOnLayoutShift: { type: Boolean, required: false },
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false },
-  dir: { type: String, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },

package/dist/runtime/components/ui/select/Select.vue

@@ -5,7 +5,6 @@ const props = defineProps({
   defaultOpen: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
   modelValue: { type: null, required: false },
-  nullableValue: { type: String, required: false },
   by: { type: [String, Function], required: false },
   dir: { type: String, required: false },
   multiple: { type: Boolean, required: false },

package/dist/runtime/components/ui/select/SelectContent.vue

@@ -15,7 +15,6 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   position: { type: String, required: false, default: "popper" },
   bodyLock: { type: Boolean, required: false },
-  memoDependencies: { type: Array, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false },
   sideFlip: { type: Boolean, required: false },
@@ -34,7 +33,6 @@ const props = defineProps({
   disableUpdateOnLayoutShift: { type: Boolean, required: false },
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false },
-  dir: { type: String, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },

package/dist/runtime/components/ui/separator/Separator.d.vue.ts

@@ -4,7 +4,7 @@ type __VLS_Props = SeparatorProps & {
     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<{}>, {
-    orientation: import("reka-ui").DataOrientation;
+    orientation: "vertical" | "horizontal";
     decorative: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/separator/Separator.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_Props = SeparatorProps & {
     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<{}>, {
-    orientation: import("reka-ui").DataOrientation;
+    orientation: "vertical" | "horizontal";
     decorative: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/sheet/Sheet.vue

@@ -3,8 +3,7 @@ import { DialogRoot, useForwardPropsEmits } from "reka-ui";
 const props = defineProps({
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  modal: { type: Boolean, required: false },
-  unmountOnHide: { type: Boolean, required: false }
+  modal: { type: Boolean, required: false }
 });
 const emits = defineEmits(["update:open"]);
 const forwarded = useForwardPropsEmits(props, emits);

package/dist/runtime/components/ui/tabs/Tabs.d.vue.ts

@@ -10,9 +10,9 @@ 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": (payload: import("reka-ui").StringOrNumber) => any;
+    "update:modelValue": (payload: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: import("reka-ui").StringOrNumber) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: 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;

package/dist/runtime/components/ui/tabs/Tabs.vue.d.ts

@@ -10,9 +10,9 @@ 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": (payload: import("reka-ui").StringOrNumber) => any;
+    "update:modelValue": (payload: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: import("reka-ui").StringOrNumber) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: 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;

package/dist/runtime/components/ui/tooltip/TooltipProvider.vue

@@ -6,8 +6,7 @@ const props = defineProps({
   disableHoverableContent: { type: Boolean, required: false },
   disableClosingTrigger: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  ignoreNonKeyboardFocus: { type: Boolean, required: false },
-  content: { type: Object, required: false }
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
 });
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.333.0",
+  "version": "1.334.1",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -8,6 +8,9 @@
   },
   "license": "MIT",
   "type": "module",
+  "overrides": {
+    "reka-ui": "2.8.2"
+  },
   "exports": {
     ".": {
       "types": "./dist/types.d.mts",
@@ -56,7 +59,7 @@
     "leaflet": "^1.9.4",
     "nuxt-rating": "^0.1.6",
     "quill": "^2.0.3",
-    "reka-ui": "^2.10.0",
+    "reka-ui": "2.8.2",
     "shadcn-nuxt": "^2.3.3",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",