pukaad-ui-lib 1.9.0 → 1.11.0

package/dist/module.json

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

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
-    placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
+    placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
-    placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
+    placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-select-province.vue

@@ -69,7 +69,7 @@
                 </div>
                 <ShadCommandGroup>
                   <ShadCommandItem
-                    v-for="province in provinces"
+                    v-for="province in filteredProvinces"
                     :key="province.value"
                     :value="province.label"
                     @select="selectProvince(province.value)"
@@ -125,6 +125,11 @@ const selectedLabel = computed(() => {
   const found = provinces.value.find((p) => p.value === modelValue.value);
   return found?.label || "";
 });
+const filteredProvinces = computed(() => {
+  if (!search.value) return provinces.value;
+  const query = search.value.toLowerCase();
+  return provinces.value.filter((p) => p.label.toLowerCase().includes(query));
+});
 const selectProvince = (value) => {
   modelValue.value = value;
   open.value = false;

package/dist/runtime/components/list/list-tree.d.vue.ts

@@ -0,0 +1,30 @@
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+declare var __VLS_6: {
+    open: boolean;
+}, __VLS_8: {
+    open: boolean;
+}, __VLS_10: {
+    open: true;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_6) => any;
+} & {
+    'header-actions'?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => 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/list/list-tree.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="flex items-start">
+    <!-- Tree Line Indicator -->
+    <div class="relative w-6 shrink-0 mr-4 self-stretch">
+      <!-- Dashed line (full height) -->
+      <div
+        class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
+      />
+
+      <!-- Toggle Button (at top, aligned with header) -->
+      <button
+        class="relative z-10 flex items-center justify-center w-5 h-5 mt-0.5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors"
+        @click.stop="isOpen = !isOpen"
+      >
+        <Icon
+          :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
+          :size="12"
+        />
+      </button>
+    </div>
+
+    <!-- Content Area -->
+    <div class="flex-1 min-w-0">
+      <!-- Parent/Header Row -->
+      <div
+        class="flex items-center gap-3 cursor-pointer select-none"
+        @click="isOpen = !isOpen"
+      >
+        <div class="flex-1 min-w-0">
+          <slot name="header" :open="isOpen" />
+        </div>
+        <slot name="header-actions" :open="isOpen" />
+      </div>
+
+      <!-- Children (shown when open) -->
+      <div v-if="isOpen" class="mt-4 ml-8 flex flex-col gap-4 pb-2">
+        <slot :open="isOpen" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+</script>

package/dist/runtime/components/list/list-tree.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+declare var __VLS_6: {
+    open: boolean;
+}, __VLS_8: {
+    open: boolean;
+}, __VLS_10: {
+    open: true;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_6) => any;
+} & {
+    'header-actions'?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",