@idds/vue 1.0.52
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/README.md +313 -0
- package/dist/components/Accordion.vue.d.ts +85 -0
- package/dist/components/Accordion.vue.d.ts.map +1 -0
- package/dist/components/AccordionCard.vue.d.ts +66 -0
- package/dist/components/AccordionCard.vue.d.ts.map +1 -0
- package/dist/components/AccordionGroup.vue.d.ts +64 -0
- package/dist/components/AccordionGroup.vue.d.ts.map +1 -0
- package/dist/components/ActionDropdown.vue.d.ts +58 -0
- package/dist/components/ActionDropdown.vue.d.ts.map +1 -0
- package/dist/components/Alert.vue.d.ts +80 -0
- package/dist/components/Alert.vue.d.ts.map +1 -0
- package/dist/components/Avatar.vue.d.ts +70 -0
- package/dist/components/Avatar.vue.d.ts.map +1 -0
- package/dist/components/Badge.vue.d.ts +104 -0
- package/dist/components/Badge.vue.d.ts.map +1 -0
- package/dist/components/BottomSheet.vue.d.ts +48 -0
- package/dist/components/BottomSheet.vue.d.ts.map +1 -0
- package/dist/components/Breadcrumb.vue.d.ts +62 -0
- package/dist/components/Breadcrumb.vue.d.ts.map +1 -0
- package/dist/components/Button.vue.d.ts +102 -0
- package/dist/components/Button.vue.d.ts.map +1 -0
- package/dist/components/ButtonGroup.vue.d.ts +66 -0
- package/dist/components/ButtonGroup.vue.d.ts.map +1 -0
- package/dist/components/Card.vue.d.ts +115 -0
- package/dist/components/Card.vue.d.ts.map +1 -0
- package/dist/components/Checkbox.vue.d.ts +73 -0
- package/dist/components/Checkbox.vue.d.ts.map +1 -0
- package/dist/components/Chip.vue.d.ts +76 -0
- package/dist/components/Chip.vue.d.ts.map +1 -0
- package/dist/components/Collapse.vue.d.ts +60 -0
- package/dist/components/Collapse.vue.d.ts.map +1 -0
- package/dist/components/DatePicker.vue.d.ts +109 -0
- package/dist/components/DatePicker.vue.d.ts.map +1 -0
- package/dist/components/Divider.vue.d.ts +43 -0
- package/dist/components/Divider.vue.d.ts.map +1 -0
- package/dist/components/Drawer.vue.d.ts +91 -0
- package/dist/components/Drawer.vue.d.ts.map +1 -0
- package/dist/components/Dropdown.vue.d.ts +72 -0
- package/dist/components/Dropdown.vue.d.ts.map +1 -0
- package/dist/components/FieldInputTable.vue.d.ts +52 -0
- package/dist/components/FieldInputTable.vue.d.ts.map +1 -0
- package/dist/components/FileUpload.vue.d.ts +131 -0
- package/dist/components/FileUpload.vue.d.ts.map +1 -0
- package/dist/components/InputSearch.vue.d.ts +76 -0
- package/dist/components/InputSearch.vue.d.ts.map +1 -0
- package/dist/components/LinearProgressIndicator.vue.d.ts +47 -0
- package/dist/components/LinearProgressIndicator.vue.d.ts.map +1 -0
- package/dist/components/Modal.vue.d.ts +87 -0
- package/dist/components/Modal.vue.d.ts.map +1 -0
- package/dist/components/MonthPicker.vue.d.ts +69 -0
- package/dist/components/MonthPicker.vue.d.ts.map +1 -0
- package/dist/components/MultipleChoiceGrid.vue.d.ts +61 -0
- package/dist/components/MultipleChoiceGrid.vue.d.ts.map +1 -0
- package/dist/components/Pagination.vue.d.ts +99 -0
- package/dist/components/Pagination.vue.d.ts.map +1 -0
- package/dist/components/PasswordInput.vue.d.ts +68 -0
- package/dist/components/PasswordInput.vue.d.ts.map +1 -0
- package/dist/components/PhoneInput.vue.d.ts +89 -0
- package/dist/components/PhoneInput.vue.d.ts.map +1 -0
- package/dist/components/ProgressBar.vue.d.ts +75 -0
- package/dist/components/ProgressBar.vue.d.ts.map +1 -0
- package/dist/components/RadioInput.vue.d.ts +65 -0
- package/dist/components/RadioInput.vue.d.ts.map +1 -0
- package/dist/components/SelectDropdown.vue.d.ts +127 -0
- package/dist/components/SelectDropdown.vue.d.ts.map +1 -0
- package/dist/components/Skeleton.vue.d.ts +46 -0
- package/dist/components/Skeleton.vue.d.ts.map +1 -0
- package/dist/components/Spinner.vue.d.ts +58 -0
- package/dist/components/Spinner.vue.d.ts.map +1 -0
- package/dist/components/Stepper.vue.d.ts +49 -0
- package/dist/components/Stepper.vue.d.ts.map +1 -0
- package/dist/components/TabHorizontal.vue.d.ts +84 -0
- package/dist/components/TabHorizontal.vue.d.ts.map +1 -0
- package/dist/components/TabVertical.vue.d.ts +84 -0
- package/dist/components/TabVertical.vue.d.ts.map +1 -0
- package/dist/components/Table.vue.d.ts +160 -0
- package/dist/components/Table.vue.d.ts.map +1 -0
- package/dist/components/TableProgressBar.vue.d.ts +54 -0
- package/dist/components/TableProgressBar.vue.d.ts.map +1 -0
- package/dist/components/TextArea.vue.d.ts +121 -0
- package/dist/components/TextArea.vue.d.ts.map +1 -0
- package/dist/components/TextField.vue.d.ts +129 -0
- package/dist/components/TextField.vue.d.ts.map +1 -0
- package/dist/components/ThemeToggle.vue.d.ts +38 -0
- package/dist/components/ThemeToggle.vue.d.ts.map +1 -0
- package/dist/components/TimePicker.vue.d.ts +132 -0
- package/dist/components/TimePicker.vue.d.ts.map +1 -0
- package/dist/components/Toast.vue.d.ts +52 -0
- package/dist/components/Toast.vue.d.ts.map +1 -0
- package/dist/components/ToastProvider.vue.d.ts +12 -0
- package/dist/components/ToastProvider.vue.d.ts.map +1 -0
- package/dist/components/Toggle.vue.d.ts +71 -0
- package/dist/components/Toggle.vue.d.ts.map +1 -0
- package/dist/components/Tooltip.vue.d.ts +118 -0
- package/dist/components/Tooltip.vue.d.ts.map +1 -0
- package/dist/components/YearPicker.vue.d.ts +81 -0
- package/dist/components/YearPicker.vue.d.ts.map +1 -0
- package/dist/components/types.d.ts +5 -0
- package/dist/components/types.d.ts.map +1 -0
- package/dist/composables/useToast.d.ts +9 -0
- package/dist/composables/useToast.d.ts.map +1 -0
- package/dist/index.cjs.js +27 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +6239 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.es.js +10403 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +27 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/themes/index.d.ts +41 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/utils/fileValidation.d.ts +57 -0
- package/dist/utils/fileValidation.d.ts.map +1 -0
- package/dist/utils/security.d.ts +61 -0
- package/dist/utils/security.d.ts.map +1 -0
- package/package.json +64 -0
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
|
|
2
|
+
export type AvatarSize = 16 | 24 | 32 | 40 | 48;
|
|
3
|
+
export type AvatarShape = 'circle' | 'square';
|
|
4
|
+
export interface AvatarProps {
|
|
5
|
+
/**
|
|
6
|
+
* URL gambar avatar (bisa data URI / base64).
|
|
7
|
+
* Jika tidak disediakan, akan fallback ke `initials`.
|
|
8
|
+
*/
|
|
9
|
+
src?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Alt text untuk gambar.
|
|
12
|
+
*/
|
|
13
|
+
alt?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Inisial (maksimum 2 karakter) yang ditampilkan saat `src` tidak ada.
|
|
16
|
+
*/
|
|
17
|
+
initials?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Ukuran lebar & tinggi avatar dalam piksel.
|
|
20
|
+
* Pilihan: 16, 24, 32, 40, 48. Default: 32.
|
|
21
|
+
*/
|
|
22
|
+
size?: AvatarSize;
|
|
23
|
+
/**
|
|
24
|
+
* Bentuk avatar: 'circle' (lingkaran) atau 'square' (persegi dengan border-radius 8px).
|
|
25
|
+
* Default: 'circle'.
|
|
26
|
+
*/
|
|
27
|
+
shape?: AvatarShape;
|
|
28
|
+
/**
|
|
29
|
+
* ClassName tambahan untuk kontainer.
|
|
30
|
+
*/
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AvatarProps>, {
|
|
34
|
+
alt: string;
|
|
35
|
+
initials: string;
|
|
36
|
+
size: number;
|
|
37
|
+
shape: string;
|
|
38
|
+
className: string;
|
|
39
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AvatarProps>, {
|
|
40
|
+
alt: string;
|
|
41
|
+
initials: string;
|
|
42
|
+
size: number;
|
|
43
|
+
shape: string;
|
|
44
|
+
className: string;
|
|
45
|
+
}>>> & Readonly<{}>, {
|
|
46
|
+
size: AvatarSize;
|
|
47
|
+
className: string;
|
|
48
|
+
alt: string;
|
|
49
|
+
initials: string;
|
|
50
|
+
shape: AvatarShape;
|
|
51
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
52
|
+
export default _default;
|
|
53
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
54
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
55
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
56
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
57
|
+
} : {
|
|
58
|
+
type: import('vue').PropType<T[K]>;
|
|
59
|
+
required: true;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
type __VLS_WithDefaults<P, D> = {
|
|
63
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
64
|
+
default: D[K];
|
|
65
|
+
}> : P[K];
|
|
66
|
+
};
|
|
67
|
+
type __VLS_Prettify<T> = {
|
|
68
|
+
[K in keyof T]: T[K];
|
|
69
|
+
} & {};
|
|
70
|
+
//# sourceMappingURL=Avatar.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.vue"],"names":[],"mappings":"AAcA;AAGA,OAAO,oCAAoC,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;;;;;;;;;;;;UAZQ,UAAU;eAWL,MAAM;SAtBZ,MAAM;cAKD,MAAM;WAYT,WAAW;;AAuHrB,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Badge component untuk menampilkan label atau tag dengan berbagai variant warna dan style.
|
|
5
|
+
*
|
|
6
|
+
* @param {'soft' | 'fill'} [type] - Tipe style badge: soft (background 100, text 500) atau fill (background 500, text 100).
|
|
7
|
+
* @param {'brand' | 'info' | 'warning' | 'success' | 'error' | 'neutral'} [variant] - Variant warna badge.
|
|
8
|
+
* @param {'sm' | 'md' | 'lg' | 'xl'} [size] - Ukuran badge.
|
|
9
|
+
* @param {'sm' | 'md' | 'lg' | 'full'} [rounded] - Border radius badge.
|
|
10
|
+
* @param {Component} [prefixIcon] - Icon di depan teks.
|
|
11
|
+
* @param {Component} [suffixIcon] - Icon di belakang teks.
|
|
12
|
+
* @param {string} [className] - ClassName tambahan.
|
|
13
|
+
*/
|
|
14
|
+
export type BadgeType = 'soft' | 'fill';
|
|
15
|
+
export type BadgeVariant = 'brand' | 'info' | 'warning' | 'success' | 'error' | 'neutral';
|
|
16
|
+
export type BadgeSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
17
|
+
export type BadgeRounded = 'sm' | 'md' | 'lg' | 'full';
|
|
18
|
+
export interface BadgeProps {
|
|
19
|
+
/**
|
|
20
|
+
* Tipe style badge:
|
|
21
|
+
* - "soft": background level 100, text level 500
|
|
22
|
+
* - "fill": background level 500, text level 100
|
|
23
|
+
*/
|
|
24
|
+
type?: BadgeType;
|
|
25
|
+
/**
|
|
26
|
+
* Variant warna:
|
|
27
|
+
* - "brand" (primary, dipengaruhi brand yang dipilih)
|
|
28
|
+
* - "info" (biru/Guide)
|
|
29
|
+
* - "warning" (oranye/Warning)
|
|
30
|
+
* - "success" (hijau/Positive)
|
|
31
|
+
* - "error" (merah/Negative)
|
|
32
|
+
* - "neutral" (abu-abu/Neutral)
|
|
33
|
+
*/
|
|
34
|
+
variant?: BadgeVariant;
|
|
35
|
+
/**
|
|
36
|
+
* Ukuran badge:
|
|
37
|
+
* - "sm": font-size 10px
|
|
38
|
+
* - "md": font-size 12px, padding horizontal 8px
|
|
39
|
+
* - "lg": font-size 14px, padding horizontal 12px
|
|
40
|
+
* - "xl": font-size 16px
|
|
41
|
+
*/
|
|
42
|
+
size?: BadgeSize;
|
|
43
|
+
/**
|
|
44
|
+
* Border radius:
|
|
45
|
+
* - "sm"
|
|
46
|
+
* - "md"
|
|
47
|
+
* - "lg"
|
|
48
|
+
* - "full" (pill, default)
|
|
49
|
+
*/
|
|
50
|
+
rounded?: BadgeRounded;
|
|
51
|
+
/** Optional icon di depan teks */
|
|
52
|
+
prefixIcon?: Component | undefined;
|
|
53
|
+
/** Optional icon di belakang teks */
|
|
54
|
+
suffixIcon?: Component | undefined;
|
|
55
|
+
/** ClassName tambahan bila diperlukan */
|
|
56
|
+
className?: string;
|
|
57
|
+
}
|
|
58
|
+
declare function __VLS_template(): {
|
|
59
|
+
default?(_: {}): any;
|
|
60
|
+
};
|
|
61
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
|
|
62
|
+
type: string;
|
|
63
|
+
variant: string;
|
|
64
|
+
size: string;
|
|
65
|
+
rounded: string;
|
|
66
|
+
className: string;
|
|
67
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
|
|
68
|
+
type: string;
|
|
69
|
+
variant: string;
|
|
70
|
+
size: string;
|
|
71
|
+
rounded: string;
|
|
72
|
+
className: string;
|
|
73
|
+
}>>> & Readonly<{}>, {
|
|
74
|
+
size: BadgeSize;
|
|
75
|
+
type: BadgeType;
|
|
76
|
+
className: string;
|
|
77
|
+
variant: BadgeVariant;
|
|
78
|
+
rounded: BadgeRounded;
|
|
79
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
80
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
81
|
+
export default _default;
|
|
82
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
83
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
84
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
85
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
86
|
+
} : {
|
|
87
|
+
type: import('vue').PropType<T[K]>;
|
|
88
|
+
required: true;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
type __VLS_WithDefaults<P, D> = {
|
|
92
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
93
|
+
default: D[K];
|
|
94
|
+
}> : P[K];
|
|
95
|
+
};
|
|
96
|
+
type __VLS_Prettify<T> = {
|
|
97
|
+
[K in keyof T]: T[K];
|
|
98
|
+
} & {};
|
|
99
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
100
|
+
new (): {
|
|
101
|
+
$slots: S;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
//# sourceMappingURL=Badge.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAWA;AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAE3C;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACxC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsCD,iBAAS,cAAc;qBAwFO,GAAG;EAGhC;AASD,QAAA,MAAM,eAAe;;;;;;;;;;;;;UA5JZ,SAAS;UApBT,SAAS;eAqCJ,MAAM;aA1BR,YAAY;aAkBZ,YAAY;4EAyJtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
|
|
2
|
+
export interface BottomSheetProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
locked: boolean;
|
|
5
|
+
onClose: (e: Event) => void;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BottomSheetProps>, {
|
|
11
|
+
open: boolean;
|
|
12
|
+
locked: boolean;
|
|
13
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
close: (e: Event) => void;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BottomSheetProps>, {
|
|
16
|
+
open: boolean;
|
|
17
|
+
locked: boolean;
|
|
18
|
+
}>>> & Readonly<{
|
|
19
|
+
onClose?: (e: Event) => any;
|
|
20
|
+
}>, {
|
|
21
|
+
open: boolean;
|
|
22
|
+
locked: boolean;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
27
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
28
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
29
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
30
|
+
} : {
|
|
31
|
+
type: import('vue').PropType<T[K]>;
|
|
32
|
+
required: true;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
type __VLS_WithDefaults<P, D> = {
|
|
36
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
37
|
+
default: D[K];
|
|
38
|
+
}> : P[K];
|
|
39
|
+
};
|
|
40
|
+
type __VLS_Prettify<T> = {
|
|
41
|
+
[K in keyof T]: T[K];
|
|
42
|
+
} & {};
|
|
43
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
44
|
+
new (): {
|
|
45
|
+
$slots: S;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=BottomSheet.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheet.vue.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.vue"],"names":[],"mappings":"AAYA;AAGA,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7B;AAyED,iBAAS,cAAc;qBA+CO,GAAG;EAKhC;AAeD,QAAA,MAAM,eAAe;;;;;;;;;;;UA/Ib,OAAO;YACL,OAAO;4EAqJf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export interface BreadcrumbItem {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
icon?: Component;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface BreadcrumbProps {
|
|
10
|
+
items: BreadcrumbItem[];
|
|
11
|
+
variant?: 'default' | 'minimal' | 'with-icons';
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
/** Separator antara items (default: SVG chevron). Bisa berupa string atau Vue Component */
|
|
14
|
+
separator?: string | Component;
|
|
15
|
+
/** Maksimal panjang text untuk item terakhir sebelum di-truncate */
|
|
16
|
+
maxLength?: number;
|
|
17
|
+
}
|
|
18
|
+
declare function __VLS_template(): {
|
|
19
|
+
separator?(_: {}): any;
|
|
20
|
+
};
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BreadcrumbProps>, {
|
|
22
|
+
variant: string;
|
|
23
|
+
size: string;
|
|
24
|
+
separator: any;
|
|
25
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
26
|
+
itemClick: (item: BreadcrumbItem, index: number) => void;
|
|
27
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BreadcrumbProps>, {
|
|
28
|
+
variant: string;
|
|
29
|
+
size: string;
|
|
30
|
+
separator: any;
|
|
31
|
+
}>>> & Readonly<{
|
|
32
|
+
onItemClick?: (item: BreadcrumbItem, index: number) => any;
|
|
33
|
+
}>, {
|
|
34
|
+
size: "sm" | "md" | "lg";
|
|
35
|
+
variant: "default" | "minimal" | "with-icons";
|
|
36
|
+
separator: any;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
38
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
41
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
42
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
43
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
44
|
+
} : {
|
|
45
|
+
type: import('vue').PropType<T[K]>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
type __VLS_WithDefaults<P, D> = {
|
|
50
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
51
|
+
default: D[K];
|
|
52
|
+
}> : P[K];
|
|
53
|
+
};
|
|
54
|
+
type __VLS_Prettify<T> = {
|
|
55
|
+
[K in keyof T]: T[K];
|
|
56
|
+
} & {};
|
|
57
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=Breadcrumb.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.vue.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.vue"],"names":[],"mappings":"AA4CA;AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,wCAAwC,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0FD,iBAAS,cAAc;uBAyIS,GAAG;EAGlC;AAgBD,QAAA,MAAM,eAAe;;;;;;;;;;;;;UA3PZ,IAAI,GAAG,IAAI,GAAG,IAAI;aADf,SAAS,GAAG,SAAS,GAAG,YAAY;;4EAmQ9C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { VNode, Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export type ButtonHierarchy = 'primary' | 'secondary' | 'tertiary' | 'link' | 'custom';
|
|
4
|
+
export type ButtonSize = '2xl' | 'xl' | 'lg' | 'md' | 'sm';
|
|
5
|
+
export interface ButtonProps {
|
|
6
|
+
/**
|
|
7
|
+
* Hierarchy button:
|
|
8
|
+
* - "primary": background-color: primary-300, color: text-white
|
|
9
|
+
* - "secondary": background-color: white, color: text-content-primary, border: stroke-primary
|
|
10
|
+
* - "tertiary": background-color: white, color: text-content-primary, border: none, hover: background-tertiary
|
|
11
|
+
* - "link": background-color: white, color: text-content-guide, border: none, hover: text-guide-400
|
|
12
|
+
* - "custom": untuk custom styling
|
|
13
|
+
*
|
|
14
|
+
* @default "primary"
|
|
15
|
+
*/
|
|
16
|
+
hierarchy?: ButtonHierarchy;
|
|
17
|
+
/**
|
|
18
|
+
* Ukuran button:
|
|
19
|
+
* - "2xl": max-height: 56px, font-size: 16px, padding: 16px
|
|
20
|
+
* - "xl": max-height: 48px, font-size: 16px, padding: 12px 16px
|
|
21
|
+
* - "lg": max-height: 44px, font-size: 14px, padding: 12px
|
|
22
|
+
* - "md": max-height: 40px, font-size: 14px, padding: 10px 12px
|
|
23
|
+
* - "sm": max-height: 32px, font-size: 12px, padding: 8px
|
|
24
|
+
*
|
|
25
|
+
* @default "md"
|
|
26
|
+
*/
|
|
27
|
+
size?: ButtonSize;
|
|
28
|
+
/**
|
|
29
|
+
* Ikon di sebelah kiri teks (opsional).
|
|
30
|
+
* Bisa berupa VNode atau Component.
|
|
31
|
+
*/
|
|
32
|
+
prefixIcon?: VNode | Component | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* Ikon di sebelah kanan teks (opsional).
|
|
35
|
+
* Bisa berupa VNode atau Component.
|
|
36
|
+
*/
|
|
37
|
+
suffixIcon?: VNode | Component | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* Jika true, button dipastikan dalam keadaan disabled
|
|
40
|
+
* (tidak bisa di-klik, gaya berubah).
|
|
41
|
+
*/
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Type button HTML.
|
|
45
|
+
*/
|
|
46
|
+
type?: 'button' | 'submit' | 'reset';
|
|
47
|
+
/**
|
|
48
|
+
* ClassName tambahan untuk override styling wrapper.
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
}
|
|
52
|
+
declare function __VLS_template(): {
|
|
53
|
+
default?(_: {}): any;
|
|
54
|
+
};
|
|
55
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
|
|
56
|
+
hierarchy: string;
|
|
57
|
+
size: string;
|
|
58
|
+
disabled: boolean;
|
|
59
|
+
type: string;
|
|
60
|
+
className: string;
|
|
61
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
62
|
+
click: (event: MouseEvent) => void;
|
|
63
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
|
|
64
|
+
hierarchy: string;
|
|
65
|
+
size: string;
|
|
66
|
+
disabled: boolean;
|
|
67
|
+
type: string;
|
|
68
|
+
className: string;
|
|
69
|
+
}>>> & Readonly<{
|
|
70
|
+
onClick?: (event: MouseEvent) => any;
|
|
71
|
+
}>, {
|
|
72
|
+
size: ButtonSize;
|
|
73
|
+
type: "button" | "submit" | "reset";
|
|
74
|
+
disabled: boolean;
|
|
75
|
+
className: string;
|
|
76
|
+
hierarchy: ButtonHierarchy;
|
|
77
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
78
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
79
|
+
export default _default;
|
|
80
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
81
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
82
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
83
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
84
|
+
} : {
|
|
85
|
+
type: import('vue').PropType<T[K]>;
|
|
86
|
+
required: true;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
type __VLS_WithDefaults<P, D> = {
|
|
90
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
91
|
+
default: D[K];
|
|
92
|
+
}> : P[K];
|
|
93
|
+
};
|
|
94
|
+
type __VLS_Prettify<T> = {
|
|
95
|
+
[K in keyof T]: T[K];
|
|
96
|
+
} & {};
|
|
97
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
98
|
+
new (): {
|
|
99
|
+
$slots: S;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
//# sourceMappingURL=Button.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../src/components/Button.vue"],"names":[],"mappings":"AAkBA;AAEA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,oCAAoC,CAAC;AAE5C,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,UAAU,GACV,MAAM,GACN,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IAE3C;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuED,iBAAS,cAAc;qBAoEO,GAAG;EAGhC;AAYD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;UAvLZ,UAAU;UAuBV,QAAQ,GAAG,QAAQ,GAAG,OAAO;cALzB,OAAO;eAUN,MAAM;eAxCN,eAAe;4EA0M3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ButtonGroupOption {
|
|
3
|
+
/** Value of the option */
|
|
4
|
+
value: string | number;
|
|
5
|
+
/** Label content (can be string or VNode) */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Whether the option is disabled */
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface ButtonGroupProps {
|
|
11
|
+
/** Array of options to display */
|
|
12
|
+
options: ButtonGroupOption[];
|
|
13
|
+
/** Currently selected value (v-model) */
|
|
14
|
+
modelValue?: string | number;
|
|
15
|
+
/** Whether the button group is disabled */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Additional CSS class name */
|
|
18
|
+
className?: string;
|
|
19
|
+
/** HTML name attribute for form submission */
|
|
20
|
+
name?: string;
|
|
21
|
+
}
|
|
22
|
+
declare function __VLS_template(): Partial<Record<`option-${number}`, (_: {
|
|
23
|
+
option: ButtonGroupOption;
|
|
24
|
+
selected: boolean;
|
|
25
|
+
}) => any>>;
|
|
26
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>, {
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
className: string;
|
|
29
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
30
|
+
change: (value: string | number) => void;
|
|
31
|
+
"update:modelValue": (value: string | number) => void;
|
|
32
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>, {
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
className: string;
|
|
35
|
+
}>>> & Readonly<{
|
|
36
|
+
onChange?: (value: string | number) => any;
|
|
37
|
+
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
38
|
+
}>, {
|
|
39
|
+
disabled: boolean;
|
|
40
|
+
className: string;
|
|
41
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
42
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
43
|
+
export default _default;
|
|
44
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
45
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
46
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
47
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
48
|
+
} : {
|
|
49
|
+
type: import('vue').PropType<T[K]>;
|
|
50
|
+
required: true;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
type __VLS_WithDefaults<P, D> = {
|
|
54
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
55
|
+
default: D[K];
|
|
56
|
+
}> : P[K];
|
|
57
|
+
};
|
|
58
|
+
type __VLS_Prettify<T> = {
|
|
59
|
+
[K in keyof T]: T[K];
|
|
60
|
+
} & {};
|
|
61
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
62
|
+
new (): {
|
|
63
|
+
$slots: S;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=ButtonGroup.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgED,iBAAS,cAAc;;;MAyE+D,GAAG,GAIxF;AAcD,QAAA,MAAM,eAAe;;;;;;;;;;;;;cAhKR,OAAO;eAEN,MAAM;4EAqKlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
|
|
2
|
+
export interface CardProps {
|
|
3
|
+
/** Varian card: basic (vertical), horizontal, overlay */
|
|
4
|
+
variant?: 'basic' | 'horizontal' | 'overlay';
|
|
5
|
+
/** Posisi media: untuk basic (top/bottom), horizontal (left/right), overlay (top/bottom) */
|
|
6
|
+
mediaPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
7
|
+
/** Avatar image source */
|
|
8
|
+
avatar?: string;
|
|
9
|
+
/** Avatar alt text */
|
|
10
|
+
avatarAlt?: string;
|
|
11
|
+
/** Title card */
|
|
12
|
+
title?: string;
|
|
13
|
+
/** Description card */
|
|
14
|
+
description?: string;
|
|
15
|
+
/** Media image source */
|
|
16
|
+
mediaSrc?: string;
|
|
17
|
+
/** Media alt text */
|
|
18
|
+
mediaAlt?: string;
|
|
19
|
+
/** Apakah button ditampilkan */
|
|
20
|
+
showButton?: boolean;
|
|
21
|
+
/** Button text */
|
|
22
|
+
buttonText?: string;
|
|
23
|
+
/** Button hierarchy */
|
|
24
|
+
buttonHierarchy?: 'primary' | 'secondary' | 'tertiary' | 'link';
|
|
25
|
+
/** Legacy: Subtitle card */
|
|
26
|
+
subtitle?: string;
|
|
27
|
+
/** Legacy: Apakah header ditampilkan */
|
|
28
|
+
showHeader?: boolean;
|
|
29
|
+
/** Legacy: Apakah footer ditampilkan */
|
|
30
|
+
showFooter?: boolean;
|
|
31
|
+
/** Legacy: Apakah card memiliki efek hover */
|
|
32
|
+
hoverable?: boolean;
|
|
33
|
+
/** Legacy: Apakah card dapat diklik */
|
|
34
|
+
clickable?: boolean;
|
|
35
|
+
/** Legacy: Size card */
|
|
36
|
+
size?: 'sm' | 'md' | 'lg';
|
|
37
|
+
/** ClassName tambahan */
|
|
38
|
+
className?: string;
|
|
39
|
+
}
|
|
40
|
+
declare function __VLS_template(): {
|
|
41
|
+
media?(_: {}): any;
|
|
42
|
+
avatar?(_: {}): any;
|
|
43
|
+
title?(_: {}): any;
|
|
44
|
+
description?(_: {}): any;
|
|
45
|
+
button?(_: {}): any;
|
|
46
|
+
subtitle?(_: {}): any;
|
|
47
|
+
header?(_: {}): any;
|
|
48
|
+
default?(_: {}): any;
|
|
49
|
+
footer?(_: {}): any;
|
|
50
|
+
};
|
|
51
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CardProps>, {
|
|
52
|
+
variant: string;
|
|
53
|
+
mediaPosition: any;
|
|
54
|
+
showButton: boolean;
|
|
55
|
+
buttonHierarchy: string;
|
|
56
|
+
showHeader: boolean;
|
|
57
|
+
showFooter: boolean;
|
|
58
|
+
hoverable: boolean;
|
|
59
|
+
clickable: boolean;
|
|
60
|
+
size: string;
|
|
61
|
+
className: string;
|
|
62
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
63
|
+
click: (event: MouseEvent) => void;
|
|
64
|
+
buttonClick: () => void;
|
|
65
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CardProps>, {
|
|
66
|
+
variant: string;
|
|
67
|
+
mediaPosition: any;
|
|
68
|
+
showButton: boolean;
|
|
69
|
+
buttonHierarchy: string;
|
|
70
|
+
showHeader: boolean;
|
|
71
|
+
showFooter: boolean;
|
|
72
|
+
hoverable: boolean;
|
|
73
|
+
clickable: boolean;
|
|
74
|
+
size: string;
|
|
75
|
+
className: string;
|
|
76
|
+
}>>> & Readonly<{
|
|
77
|
+
onClick?: (event: MouseEvent) => any;
|
|
78
|
+
onButtonClick?: () => any;
|
|
79
|
+
}>, {
|
|
80
|
+
size: "sm" | "md" | "lg";
|
|
81
|
+
className: string;
|
|
82
|
+
variant: "basic" | "horizontal" | "overlay";
|
|
83
|
+
mediaPosition: "top" | "bottom" | "left" | "right";
|
|
84
|
+
showButton: boolean;
|
|
85
|
+
buttonHierarchy: "primary" | "secondary" | "tertiary" | "link";
|
|
86
|
+
showHeader: boolean;
|
|
87
|
+
showFooter: boolean;
|
|
88
|
+
hoverable: boolean;
|
|
89
|
+
clickable: boolean;
|
|
90
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
91
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
92
|
+
export default _default;
|
|
93
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
94
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
95
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
96
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
97
|
+
} : {
|
|
98
|
+
type: import('vue').PropType<T[K]>;
|
|
99
|
+
required: true;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
type __VLS_WithDefaults<P, D> = {
|
|
103
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
104
|
+
default: D[K];
|
|
105
|
+
}> : P[K];
|
|
106
|
+
};
|
|
107
|
+
type __VLS_Prettify<T> = {
|
|
108
|
+
[K in keyof T]: T[K];
|
|
109
|
+
} & {};
|
|
110
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
111
|
+
new (): {
|
|
112
|
+
$slots: S;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=Card.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"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"}
|