pukaad-ui-lib 1.47.0 → 1.48.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.
Files changed (25) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/data-table.d.vue.ts +0 -4
  3. package/dist/runtime/components/data-table.vue +1 -10
  4. package/dist/runtime/components/data-table.vue.d.ts +0 -4
  5. package/dist/runtime/components/drawer/drawer.d.vue.ts +7 -5
  6. package/dist/runtime/components/drawer/drawer.vue +10 -2
  7. package/dist/runtime/components/drawer/drawer.vue.d.ts +7 -5
  8. package/dist/runtime/components/image/image-cropper.d.vue.ts +1 -1
  9. package/dist/runtime/components/image/image-cropper.vue.d.ts +1 -1
  10. package/dist/runtime/components/input/input-file.d.vue.ts +1 -1
  11. package/dist/runtime/components/input/input-file.vue.d.ts +1 -1
  12. package/dist/runtime/components/input/input-password.d.vue.ts +1 -1
  13. package/dist/runtime/components/input/input-password.vue.d.ts +1 -1
  14. package/dist/runtime/components/input/input-slider.d.vue.ts +1 -1
  15. package/dist/runtime/components/input/input-slider.vue.d.ts +1 -1
  16. package/dist/runtime/components/ui/dialog/DialogContent.d.vue.ts +2 -2
  17. package/dist/runtime/components/ui/dialog/DialogContent.vue.d.ts +2 -2
  18. package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts +2 -2
  19. package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts +2 -2
  20. package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts +2 -2
  21. package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts +2 -2
  22. package/dist/runtime/components/ui/sheet/SheetContent.d.vue.ts +2 -0
  23. package/dist/runtime/components/ui/sheet/SheetContent.vue +5 -1
  24. package/dist/runtime/components/ui/sheet/SheetContent.vue.d.ts +2 -0
  25. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.47.0",
4
+ "version": "1.48.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -4,9 +4,6 @@ export interface DataTableProps {
4
4
  itemHeader?: TableHeader[];
5
5
  headerAlinement?: TableHeaderAlignment;
6
6
  cellAlinement?: TableHeaderAlignment;
7
- height?: number | string;
8
- maxHeight?: number | string;
9
- fullHeight?: boolean;
10
7
  disabledHeader?: boolean;
11
8
  disabledSort?: boolean;
12
9
  disabledPagination?: boolean;
@@ -57,7 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
57
54
  "onUpdate:page"?: ((value: number) => any) | undefined;
58
55
  }>, {
59
56
  items: Record<string, any>[];
60
- fullHeight: boolean;
61
57
  disabledPagination: boolean;
62
58
  totalPage: number;
63
59
  itemHeader: TableHeader[];
@@ -15,9 +15,6 @@ const props = defineProps({
15
15
  itemHeader: { type: Array, required: false, default: () => [] },
16
16
  headerAlinement: { type: String, required: false, default: "start" },
17
17
  cellAlinement: { type: String, required: false, default: "start" },
18
- height: { type: [Number, String], required: false },
19
- maxHeight: { type: [Number, String], required: false },
20
- fullHeight: { type: Boolean, required: false, default: false },
21
18
  disabledHeader: { type: Boolean, required: false, default: false },
22
19
  disabledSort: { type: Boolean, required: false, default: false },
23
20
  disabledPagination: { type: Boolean, required: false, default: false },
@@ -71,13 +68,7 @@ const getAlignmentClass = (alignment = "start") => {
71
68
  <template>
72
69
  <div class="bg-white rounded-lg h-full flex flex-col">
73
70
  <!-- Table Container -->
74
- <div
75
- class="flex-1 overflow-auto"
76
- :style="{
77
- height: props.fullHeight ? '100%' : props.height ? `${props.height}px` : 'auto',
78
- maxHeight: props.maxHeight ? `${props.maxHeight}px` : void 0
79
- }"
80
- >
71
+ <div class="flex-1 overflow-auto">
81
72
  <ShadTable>
82
73
  <!-- Header -->
83
74
  <ShadTableHeader v-if="!props.disabledHeader">
@@ -4,9 +4,6 @@ export interface DataTableProps {
4
4
  itemHeader?: TableHeader[];
5
5
  headerAlinement?: TableHeaderAlignment;
6
6
  cellAlinement?: TableHeaderAlignment;
7
- height?: number | string;
8
- maxHeight?: number | string;
9
- fullHeight?: boolean;
10
7
  disabledHeader?: boolean;
11
8
  disabledSort?: boolean;
12
9
  disabledPagination?: boolean;
@@ -57,7 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
57
54
  "onUpdate:page"?: ((value: number) => any) | undefined;
58
55
  }>, {
59
56
  items: Record<string, any>[];
60
- fullHeight: boolean;
61
57
  disabledPagination: boolean;
62
58
  totalPage: number;
63
59
  itemHeader: TableHeader[];
@@ -10,25 +10,27 @@ type __VLS_ModelProps = {
10
10
  modelValue?: boolean;
11
11
  };
12
12
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
- declare var __VLS_27: {}, __VLS_41: {
13
+ declare var __VLS_28: {}, __VLS_42: {
14
14
  meta: any;
15
- }, __VLS_49: {
15
+ }, __VLS_50: {
16
16
  meta: any;
17
17
  };
18
18
  type __VLS_Slots = {} & {
19
- header?: (props: typeof __VLS_27) => any;
19
+ header?: (props: typeof __VLS_28) => any;
20
20
  } & {
21
- default?: (props: typeof __VLS_41) => any;
21
+ default?: (props: typeof __VLS_42) => any;
22
22
  } & {
23
- footer?: (props: typeof __VLS_49) => any;
23
+ footer?: (props: typeof __VLS_50) => any;
24
24
  };
25
25
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
26
  "update:modelValue": (value: boolean) => any;
27
27
  } & {
28
28
  submit: () => any;
29
+ close: () => any;
29
30
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
30
31
  onSubmit?: (() => any) | undefined;
31
32
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
33
+ onClose?: (() => any) | undefined;
32
34
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
35
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
34
36
  declare const _default: typeof __VLS_export;
@@ -1,6 +1,11 @@
1
1
  <template>
2
2
  <ShadSheet v-model:open="isOpen">
3
- <ShadSheetContent v-bind="props" v-slot="{ meta }" @submit="onSubmit">
3
+ <ShadSheetContent
4
+ v-bind="props"
5
+ v-slot="{ meta }"
6
+ @submit="onSubmit"
7
+ @close="onClose"
8
+ >
4
9
  <Loading :loading="props.loading" :text="props.loadingText" />
5
10
  <ShadSheetHeader class="flex-shrink-0">
6
11
  <slot name="header">
@@ -33,11 +38,14 @@ const props = defineProps({
33
38
  asChild: { type: Boolean, required: false },
34
39
  as: { type: null, required: false }
35
40
  });
36
- const emits = defineEmits(["submit"]);
41
+ const emits = defineEmits(["submit", "close"]);
37
42
  const isOpen = defineModel({ type: Boolean, ...{
38
43
  default: false
39
44
  } });
40
45
  const onSubmit = (e) => {
41
46
  emits("submit");
42
47
  };
48
+ const onClose = () => {
49
+ emits("close");
50
+ };
43
51
  </script>
@@ -10,25 +10,27 @@ type __VLS_ModelProps = {
10
10
  modelValue?: boolean;
11
11
  };
12
12
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
- declare var __VLS_27: {}, __VLS_41: {
13
+ declare var __VLS_28: {}, __VLS_42: {
14
14
  meta: any;
15
- }, __VLS_49: {
15
+ }, __VLS_50: {
16
16
  meta: any;
17
17
  };
18
18
  type __VLS_Slots = {} & {
19
- header?: (props: typeof __VLS_27) => any;
19
+ header?: (props: typeof __VLS_28) => any;
20
20
  } & {
21
- default?: (props: typeof __VLS_41) => any;
21
+ default?: (props: typeof __VLS_42) => any;
22
22
  } & {
23
- footer?: (props: typeof __VLS_49) => any;
23
+ footer?: (props: typeof __VLS_50) => any;
24
24
  };
25
25
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
26
  "update:modelValue": (value: boolean) => any;
27
27
  } & {
28
28
  submit: () => any;
29
+ close: () => any;
29
30
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
30
31
  onSubmit?: (() => any) | undefined;
31
32
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
33
+ onClose?: (() => any) | undefined;
32
34
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
35
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
34
36
  declare const _default: typeof __VLS_export;
@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  center: boolean;
66
66
  src: string;
67
+ modal: boolean;
67
68
  responsive: boolean;
68
69
  restore: boolean;
69
70
  checkCrossOrigin: boolean;
70
71
  checkOrientation: boolean;
71
72
  crossorigin: "" | "anonymous" | "use-credentials";
72
- modal: boolean;
73
73
  guides: boolean;
74
74
  highlight: boolean;
75
75
  background: boolean;
@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  center: boolean;
66
66
  src: string;
67
+ modal: boolean;
67
68
  responsive: boolean;
68
69
  restore: boolean;
69
70
  checkCrossOrigin: boolean;
70
71
  checkOrientation: boolean;
71
72
  crossorigin: "" | "anonymous" | "use-credentials";
72
- modal: boolean;
73
73
  guides: boolean;
74
74
  highlight: boolean;
75
75
  background: boolean;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
27
27
  label: string;
28
28
  name: string;
29
29
  limit: number;
30
- disabledErrorMessage: boolean;
31
30
  accept: string;
31
+ disabledErrorMessage: boolean;
32
32
  labelIcon: string;
33
33
  disabledDrop: boolean;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
27
27
  label: string;
28
28
  name: string;
29
29
  limit: number;
30
- disabledErrorMessage: boolean;
31
30
  accept: string;
31
+ disabledErrorMessage: boolean;
32
32
  labelIcon: string;
33
33
  disabledDrop: boolean;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
18
18
  }>, {
19
19
  id: string;
20
20
  name: string;
21
- new: boolean;
22
21
  disabledForgotPassword: boolean;
22
+ new: 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
- new: boolean;
22
21
  disabledForgotPassword: boolean;
22
+ new: 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;
15
16
  max: number;
16
17
  min: 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;
15
16
  max: number;
16
17
  min: number;
17
- step: number;
18
18
  lineHeight: number | string;
19
19
  appearance: boolean;
20
20
  thumbSize: number | string;
@@ -12,22 +12,22 @@ type __VLS_Slots = {} & {
12
12
  };
13
13
  declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
14
  submit: (event: Event) => any;
15
+ close: (event: Event) => any;
15
16
  escapeKeyDown: (event: KeyboardEvent) => any;
16
17
  pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
17
18
  focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
18
19
  interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
19
20
  openAutoFocus: (event: Event) => any;
20
21
  closeAutoFocus: (event: Event) => any;
21
- close: (event: Event) => any;
22
22
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
23
23
  onSubmit?: ((event: Event) => any) | undefined;
24
+ onClose?: ((event: Event) => any) | undefined;
24
25
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
25
26
  onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
26
27
  onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
27
28
  onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
28
29
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
29
30
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
30
- onClose?: ((event: Event) => any) | undefined;
31
31
  }>, {
32
32
  disabledCloseBtn: boolean;
33
33
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -12,22 +12,22 @@ type __VLS_Slots = {} & {
12
12
  };
13
13
  declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
14
  submit: (event: Event) => any;
15
+ close: (event: Event) => any;
15
16
  escapeKeyDown: (event: KeyboardEvent) => any;
16
17
  pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
17
18
  focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
18
19
  interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
19
20
  openAutoFocus: (event: Event) => any;
20
21
  closeAutoFocus: (event: Event) => any;
21
- close: (event: Event) => any;
22
22
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
23
23
  onSubmit?: ((event: Event) => any) | undefined;
24
+ onClose?: ((event: Event) => any) | undefined;
24
25
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
25
26
  onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
26
27
  onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
27
28
  onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
28
29
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
29
30
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
30
- onClose?: ((event: Event) => any) | undefined;
31
31
  }>, {
32
32
  disabledCloseBtn: boolean;
33
33
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
59
59
  'aria-colindex'?: (string | number) | undefined;
60
60
  'aria-colspan'?: (string | number) | undefined;
61
61
  'aria-controls'?: string | undefined | undefined;
62
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
62
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
63
63
  'aria-describedby'?: string | undefined | undefined;
64
64
  'aria-details'?: string | undefined | undefined;
65
65
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
253
253
  'aria-colindex'?: (string | number) | undefined;
254
254
  'aria-colspan'?: (string | number) | undefined;
255
255
  'aria-controls'?: string | undefined | undefined;
256
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
256
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
257
257
  'aria-describedby'?: string | undefined | undefined;
258
258
  'aria-details'?: string | undefined | undefined;
259
259
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
59
59
  'aria-colindex'?: (string | number) | undefined;
60
60
  'aria-colspan'?: (string | number) | undefined;
61
61
  'aria-controls'?: string | undefined | undefined;
62
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
62
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
63
63
  'aria-describedby'?: string | undefined | undefined;
64
64
  'aria-details'?: string | undefined | undefined;
65
65
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
253
253
  'aria-colindex'?: (string | number) | undefined;
254
254
  'aria-colspan'?: (string | number) | undefined;
255
255
  'aria-controls'?: string | undefined | undefined;
256
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
256
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
257
257
  'aria-describedby'?: string | undefined | undefined;
258
258
  'aria-details'?: string | undefined | undefined;
259
259
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
61
61
  'aria-colindex'?: (string | number) | undefined;
62
62
  'aria-colspan'?: (string | number) | undefined;
63
63
  'aria-controls'?: string | undefined | undefined;
64
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
64
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
65
65
  'aria-describedby'?: string | undefined | undefined;
66
66
  'aria-details'?: string | undefined | undefined;
67
67
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
257
257
  'aria-colindex'?: (string | number) | undefined;
258
258
  'aria-colspan'?: (string | number) | undefined;
259
259
  'aria-controls'?: string | undefined | undefined;
260
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
260
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
261
261
  'aria-describedby'?: string | undefined | undefined;
262
262
  'aria-details'?: string | undefined | undefined;
263
263
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
61
61
  'aria-colindex'?: (string | number) | undefined;
62
62
  'aria-colspan'?: (string | number) | undefined;
63
63
  'aria-controls'?: string | undefined | undefined;
64
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
64
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
65
65
  'aria-describedby'?: string | undefined | undefined;
66
66
  'aria-details'?: string | undefined | undefined;
67
67
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
257
257
  'aria-colindex'?: (string | number) | undefined;
258
258
  'aria-colspan'?: (string | number) | undefined;
259
259
  'aria-controls'?: string | undefined | undefined;
260
- 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
260
+ 'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
261
261
  'aria-describedby'?: string | undefined | undefined;
262
262
  'aria-details'?: string | undefined | undefined;
263
263
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -12,6 +12,7 @@ type __VLS_Slots = {} & {
12
12
  };
13
13
  declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
14
  submit: (event: Event) => any;
15
+ close: () => any;
15
16
  escapeKeyDown: (event: KeyboardEvent) => any;
16
17
  pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
17
18
  focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
@@ -20,6 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {
20
21
  closeAutoFocus: (event: Event) => any;
21
22
  }, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
22
23
  onSubmit?: ((event: Event) => any) | undefined;
24
+ onClose?: (() => any) | undefined;
23
25
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
24
26
  onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
25
27
  onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
@@ -21,6 +21,7 @@
21
21
  <slot :meta="meta" />
22
22
  <DialogClose
23
23
  class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer"
24
+ @click="onClose"
24
25
  >
25
26
  <Icon name="lucide:x" :size="24" />
26
27
  <span class="sr-only">Closed</span>
@@ -51,7 +52,7 @@ const props = defineProps({
51
52
  asChild: { type: Boolean, required: false },
52
53
  as: { type: null, required: false }
53
54
  });
54
- const emits = defineEmits(["submit", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
55
+ const emits = defineEmits(["submit", "close", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
55
56
  const delegatedProps = reactiveOmit(props, "class", "side");
56
57
  const forwarded = useForwardPropsEmits(delegatedProps, emits);
57
58
  const onOutSideClick = (e) => {
@@ -60,4 +61,7 @@ const onOutSideClick = (e) => {
60
61
  const onSubmit = (e) => {
61
62
  emits("submit", e);
62
63
  };
64
+ const onClose = () => {
65
+ emits("close");
66
+ };
63
67
  </script>
@@ -12,6 +12,7 @@ type __VLS_Slots = {} & {
12
12
  };
13
13
  declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
14
  submit: (event: Event) => any;
15
+ close: () => any;
15
16
  escapeKeyDown: (event: KeyboardEvent) => any;
16
17
  pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
17
18
  focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
@@ -20,6 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {
20
21
  closeAutoFocus: (event: Event) => any;
21
22
  }, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
22
23
  onSubmit?: ((event: Event) => any) | undefined;
24
+ onClose?: (() => any) | undefined;
23
25
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
24
26
  onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
25
27
  onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.47.0",
3
+ "version": "1.48.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",