pukaad-ui-lib 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.12.0",
4
+ "version": "1.13.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
18
18
  }>, {
19
19
  id: string;
20
20
  name: string;
21
- disabledForgotPassword: boolean;
22
21
  new: boolean;
22
+ disabledForgotPassword: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
25
25
  export default _default;
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
18
18
  }>, {
19
19
  id: string;
20
20
  name: string;
21
- disabledForgotPassword: boolean;
22
21
  new: boolean;
22
+ disabledForgotPassword: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
25
25
  export default _default;
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
12
12
  color: InputSliderColor;
13
13
  fullWidth: boolean;
14
14
  label: string;
15
- step: number;
16
15
  min: number;
17
16
  max: number;
17
+ step: number;
18
18
  lineHeight: number | string;
19
19
  appearance: boolean;
20
20
  thumbSize: number | string;
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
12
12
  color: InputSliderColor;
13
13
  fullWidth: boolean;
14
14
  label: string;
15
- step: number;
16
15
  min: number;
17
16
  max: number;
17
+ step: number;
18
18
  lineHeight: number | string;
19
19
  appearance: boolean;
20
20
  thumbSize: number | string;
@@ -4,16 +4,12 @@ type __VLS_ModelProps = {
4
4
  declare var __VLS_6: {
5
5
  open: boolean;
6
6
  }, __VLS_8: {
7
- open: boolean;
8
- }, __VLS_10: {
9
7
  open: true;
10
8
  };
11
9
  type __VLS_Slots = {} & {
12
10
  header?: (props: typeof __VLS_6) => any;
13
11
  } & {
14
- content?: (props: typeof __VLS_8) => any;
15
- } & {
16
- default?: (props: typeof __VLS_10) => any;
12
+ default?: (props: typeof __VLS_8) => any;
17
13
  };
18
14
  declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
15
  "update:modelValue": (value: boolean) => any;
@@ -1,49 +1,38 @@
1
1
  <template>
2
- <div class="flex flex-col">
3
- <!-- Header Row with Toggle -->
4
- <div class="flex items-center">
5
- <!-- Tree Line Indicator -->
6
- <div class="relative w-6 shrink-0 mr-4 self-stretch">
7
- <!-- Dashed line (full height) -->
8
- <div
9
- class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
10
- />
2
+ <div class="flex items-start">
3
+ <!-- Tree Line Indicator -->
4
+ <div class="relative w-6 shrink-0 mr-4 self-stretch">
5
+ <!-- Dashed line (full height) -->
6
+ <div
7
+ class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
8
+ />
11
9
 
12
- <!-- Toggle Button (centered with header) -->
13
- <button
14
- class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 flex items-center justify-center w-5 h-5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors"
15
- @click.stop="isOpen = !isOpen"
16
- >
17
- <Icon
18
- :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
19
- :size="12"
20
- />
21
- </button>
22
- </div>
10
+ <!-- Toggle Button (at top, aligned with header) -->
11
+ <button
12
+ 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"
13
+ @click.stop="isOpen = !isOpen"
14
+ >
15
+ <Icon
16
+ :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
17
+ :size="12"
18
+ />
19
+ </button>
20
+ </div>
23
21
 
24
- <!-- Header Content -->
22
+ <!-- Content Area -->
23
+ <div class="flex-1 min-w-0">
24
+ <!-- Parent/Header Row -->
25
25
  <div
26
- class="flex-1 min-w-0 flex items-center gap-3 cursor-pointer select-none"
26
+ class="flex items-center gap-3 cursor-pointer select-none"
27
27
  @click="isOpen = !isOpen"
28
28
  >
29
29
  <div class="flex-1 min-w-0">
30
30
  <slot name="header" :open="isOpen" />
31
31
  </div>
32
- <slot name="content" :open="isOpen" />
33
- </div>
34
- </div>
35
-
36
- <!-- Children (shown when open) -->
37
- <div v-if="isOpen" class="flex">
38
- <!-- Continuation of dashed line -->
39
- <div class="relative w-6 shrink-0 mr-4">
40
- <div
41
- class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
42
- />
43
32
  </div>
44
33
 
45
- <!-- Children content -->
46
- <div class="flex-1 min-w-0 mt-4 flex flex-col gap-4 pb-2">
34
+ <!-- Children (shown when open) -->
35
+ <div v-if="isOpen" class="mt-4 ml-8 flex flex-col gap-4 pb-2">
47
36
  <slot :open="isOpen" />
48
37
  </div>
49
38
  </div>
@@ -4,16 +4,12 @@ type __VLS_ModelProps = {
4
4
  declare var __VLS_6: {
5
5
  open: boolean;
6
6
  }, __VLS_8: {
7
- open: boolean;
8
- }, __VLS_10: {
9
7
  open: true;
10
8
  };
11
9
  type __VLS_Slots = {} & {
12
10
  header?: (props: typeof __VLS_6) => any;
13
11
  } & {
14
- content?: (props: typeof __VLS_8) => any;
15
- } & {
16
- default?: (props: typeof __VLS_10) => any;
12
+ default?: (props: typeof __VLS_8) => any;
17
13
  };
18
14
  declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
15
  "update:modelValue": (value: boolean) => any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.12.0",
3
+ "version": "1.13.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",