beeple-toolkit 0.1.0 → 1.0.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 (53) hide show
  1. package/dist/beeple-toolkit.css +1 -1
  2. package/dist/beeple-toolkit.es.js +10581 -83
  3. package/dist/beeple-toolkit.umd.js +5 -1
  4. package/dist/components/Avatar/Avatar.vue.d.ts +8 -0
  5. package/dist/components/Breadcrumbs/Breadcrumbs.vue.d.ts +5 -0
  6. package/dist/components/Button/Button.vue.d.ts +24 -22
  7. package/dist/components/CheckboxInput/CheckboxInput.vue.d.ts +14 -0
  8. package/dist/components/ContextCard/ContextCard.vue.d.ts +21 -0
  9. package/dist/components/DatePicker/DatePicker.vue.d.ts +53 -0
  10. package/dist/components/DatePicker/DatePickerActions.vue.d.ts +9 -0
  11. package/dist/components/DatePicker/DatePickerCalendarSection.vue.d.ts +36 -0
  12. package/dist/components/DatePicker/DatePickerHeader.vue.d.ts +20 -0
  13. package/dist/components/DatePicker/DatePickerNavigation.vue.d.ts +23 -0
  14. package/dist/components/DatePicker/DatePickerPanel.vue.d.ts +80 -0
  15. package/dist/components/DatePicker/DatePickerTimeSection.vue.d.ts +21 -0
  16. package/dist/components/DatePicker/dateUtils.d.ts +91 -0
  17. package/dist/components/DatePicker/locales.d.ts +24 -0
  18. package/dist/components/DropDown/DropDown.vue.d.ts +34 -0
  19. package/dist/components/DropDown/DropDownMenu.vue.d.ts +61 -0
  20. package/dist/components/DropDown/DropDownMenuItem.vue.d.ts +26 -0
  21. package/dist/components/DropDown/DropDownTrigger.vue.d.ts +40 -0
  22. package/dist/components/FilterButton/FilterButton.vue.d.ts +26 -0
  23. package/dist/components/FilterButton/FilterButtonTrigger.vue.d.ts +22 -0
  24. package/dist/components/Icon/Icon.vue.d.ts +8 -0
  25. package/dist/components/Input/Input.vue.d.ts +41 -0
  26. package/dist/components/KeyboardInput/KeyboardInput.vue.d.ts +13 -0
  27. package/dist/components/Label/Label.vue.d.ts +8 -0
  28. package/dist/components/Menu/Menu.vue.d.ts +24 -0
  29. package/dist/components/Modal/Modal.vue.d.ts +30 -0
  30. package/dist/components/ProgressBar/ProgressBar.vue.d.ts +11 -0
  31. package/dist/components/ProgressBar/index.d.ts +1 -0
  32. package/dist/components/RadioInput/RadioInput.vue.d.ts +12 -0
  33. package/dist/components/Slider/Slider.vue.d.ts +17 -0
  34. package/dist/components/StatusDot/StatusDot.vue.d.ts +9 -0
  35. package/dist/components/Switch/Switch.vue.d.ts +19 -0
  36. package/dist/components/Textarea/Textarea.vue.d.ts +17 -0
  37. package/dist/components/TimeInput/TimeInput.vue.d.ts +19 -0
  38. package/dist/components/Toast/Toast.vue.d.ts +17 -0
  39. package/dist/components/{Page/Page.vue.d.ts → Toast/ToastContainer.vue.d.ts} +1 -1
  40. package/dist/components/Tooltip/Tooltip.vue.d.ts +21 -0
  41. package/dist/components/Typography/Subtitle.vue.d.ts +17 -0
  42. package/dist/components/Typography/Text.vue.d.ts +20 -0
  43. package/dist/components/Typography/Title.vue.d.ts +17 -0
  44. package/dist/components/constants.d.ts +19 -0
  45. package/dist/components/index.d.ts +31 -3
  46. package/dist/components/types.d.ts +242 -0
  47. package/dist/main.d.ts +1 -0
  48. package/dist/stores/index.d.ts +2 -0
  49. package/dist/stores/toast.d.ts +142 -0
  50. package/package.json +33 -13
  51. package/dist/components/Header/Header.vue.d.ts +0 -17
  52. package/dist/favicon.ico +0 -0
  53. package/dist/vite.svg +0 -1
@@ -0,0 +1,8 @@
1
+ import type { AvatarProps } from '../types';
2
+ import './avatar.css';
3
+ declare const __VLS_export: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
4
+ size: "xxx-small" | "xx-small" | "x-small" | "small" | "medium" | "large";
5
+ alt: string;
6
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
+ declare const _default: typeof __VLS_export;
8
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { BreadcrumbsProps } from '../types';
2
+ import './breadcrumbs.css';
3
+ declare const __VLS_export: import("vue").DefineComponent<BreadcrumbsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
4
+ declare const _default: typeof __VLS_export;
5
+ export default _default;
@@ -1,28 +1,30 @@
1
+ import type { ButtonProps } from '../types';
2
+ import type { ButtonType, ButtonSize } from '../constants';
1
3
  import './button.css';
2
- type __VLS_Props = {
3
- /**
4
- * The label of the button
5
- */
6
- label: string;
7
- /**
8
- * primary or secondary button
9
- */
10
- primary?: boolean;
11
- /**
12
- * size of the button
13
- */
14
- size?: 'small' | 'medium' | 'large';
15
- /**
16
- * background color of the button
17
- */
18
- backgroundColor?: string;
4
+ declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
5
+ type __VLS_Slots = {} & {
6
+ leadingIcon?: (props: typeof __VLS_10) => any;
7
+ } & {
8
+ textIcon?: (props: typeof __VLS_12) => any;
9
+ } & {
10
+ trailingIcon?: (props: typeof __VLS_14) => any;
19
11
  };
20
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
21
- click: (id: number) => any;
22
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
23
- onClick?: ((id: number) => any) | undefined;
12
+ declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
13
+ click: (event: MouseEvent) => any;
14
+ }, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
15
+ onClick?: ((event: MouseEvent) => any) | undefined;
24
16
  }>, {
25
- primary: boolean;
17
+ type: ButtonType;
18
+ size: ButtonSize;
19
+ iconVariant: "leading" | "text" | "trailing";
20
+ disabled: boolean;
21
+ isLoading: boolean;
26
22
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
23
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
27
24
  declare const _default: typeof __VLS_export;
28
25
  export default _default;
26
+ type __VLS_WithSlots<T, S> = T & {
27
+ new (): {
28
+ $slots: S;
29
+ };
30
+ };
@@ -0,0 +1,14 @@
1
+ import type { CheckboxInputProps } from '../types';
2
+ import './checkbox.css';
3
+ declare const __VLS_export: import("vue").DefineComponent<CheckboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
4
+ "update:checked": (checked: boolean) => any;
5
+ change: (checked: boolean) => any;
6
+ }, string, import("vue").PublicProps, Readonly<CheckboxInputProps> & Readonly<{
7
+ "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
8
+ onChange?: ((checked: boolean) => any) | undefined;
9
+ }>, {
10
+ disabled: boolean;
11
+ checked: boolean;
12
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
+ declare const _default: typeof __VLS_export;
14
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import type { ContextCardProps } from '../types';
2
+ import './contextCard.css';
3
+ declare var __VLS_1: {}, __VLS_15: {};
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_1) => any;
6
+ } & {
7
+ content?: (props: typeof __VLS_15) => any;
8
+ };
9
+ declare const __VLS_base: import("vue").DefineComponent<ContextCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextCardProps> & Readonly<{}>, {
10
+ color: "light" | "dark";
11
+ position: "top-left" | "top-middle" | "top-right" | "bottom-left" | "bottom-middle" | "bottom-right" | "left-top" | "left-middle" | "left-bottom" | "right-top" | "right-middle" | "right-bottom";
12
+ delay: number;
13
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
17
+ type __VLS_WithSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,53 @@
1
+ import type { DatePickerProps } from '../types';
2
+ import './datepicker.css';
3
+ declare var __VLS_1: {};
4
+ type __VLS_Slots = {} & {
5
+ trigger?: (props: typeof __VLS_1) => any;
6
+ };
7
+ declare const __VLS_base: import("vue").DefineComponent<DatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
8
+ "update:modelValue": (value: Date | {
9
+ start: Date;
10
+ end: Date;
11
+ } | {
12
+ date: Date;
13
+ startTime: Date;
14
+ endTime: Date;
15
+ } | null) => any;
16
+ change: (value: Date | {
17
+ start: Date;
18
+ end: Date;
19
+ } | {
20
+ date: Date;
21
+ startTime: Date;
22
+ endTime: Date;
23
+ } | null) => any;
24
+ }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
25
+ "onUpdate:modelValue"?: ((value: Date | {
26
+ start: Date;
27
+ end: Date;
28
+ } | {
29
+ date: Date;
30
+ startTime: Date;
31
+ endTime: Date;
32
+ } | null) => any) | undefined;
33
+ onChange?: ((value: Date | {
34
+ start: Date;
35
+ end: Date;
36
+ } | {
37
+ date: Date;
38
+ startTime: Date;
39
+ endTime: Date;
40
+ } | null) => any) | undefined;
41
+ }>, {
42
+ locale: import("./locales").DatePickerLocale;
43
+ placeholder: string;
44
+ variant: import("../types").DatePickerVariant;
45
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
46
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
47
+ declare const _default: typeof __VLS_export;
48
+ export default _default;
49
+ type __VLS_WithSlots<T, S> = T & {
50
+ new (): {
51
+ $slots: S;
52
+ };
53
+ };
@@ -0,0 +1,9 @@
1
+ declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
2
+ cancel: () => any;
3
+ apply: () => any;
4
+ }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
5
+ onCancel?: (() => any) | undefined;
6
+ onApply?: (() => any) | undefined;
7
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
+ declare const _default: typeof __VLS_export;
9
+ export default _default;
@@ -0,0 +1,36 @@
1
+ import { type CalendarDay } from './dateUtils';
2
+ import { type DatePickerLocale } from './locales';
3
+ interface DatePickerCalendarSectionProps {
4
+ inputValue: string;
5
+ inputEndValue?: string;
6
+ calendarDays: CalendarDay[];
7
+ isRange?: boolean;
8
+ isInputError?: boolean;
9
+ isInputEndError?: boolean;
10
+ locale?: DatePickerLocale;
11
+ }
12
+ declare const __VLS_export: import("vue").DefineComponent<DatePickerCalendarSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
13
+ "update:inputValue": (value: string) => any;
14
+ "update:inputEndValue": (value: string) => any;
15
+ inputEnter: () => any;
16
+ inputEndEnter: () => any;
17
+ inputBlur: () => any;
18
+ inputEndBlur: () => any;
19
+ selectDate: (date: Date) => any;
20
+ }, string, import("vue").PublicProps, Readonly<DatePickerCalendarSectionProps> & Readonly<{
21
+ "onUpdate:inputValue"?: ((value: string) => any) | undefined;
22
+ "onUpdate:inputEndValue"?: ((value: string) => any) | undefined;
23
+ onInputEnter?: (() => any) | undefined;
24
+ onInputEndEnter?: (() => any) | undefined;
25
+ onInputBlur?: (() => any) | undefined;
26
+ onInputEndBlur?: (() => any) | undefined;
27
+ onSelectDate?: ((date: Date) => any) | undefined;
28
+ }>, {
29
+ locale: DatePickerLocale;
30
+ inputEndValue: string;
31
+ isRange: boolean;
32
+ isInputError: boolean;
33
+ isInputEndError: boolean;
34
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
35
+ declare const _default: typeof __VLS_export;
36
+ export default _default;
@@ -0,0 +1,20 @@
1
+ import { type DatePickerLocale } from './locales';
2
+ interface DatePickerHeaderProps {
3
+ displayText: string;
4
+ locale?: DatePickerLocale;
5
+ }
6
+ declare const __VLS_export: import("vue").DefineComponent<DatePickerHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
7
+ previousYear: () => any;
8
+ previousMonth: () => any;
9
+ nextMonth: () => any;
10
+ nextYear: () => any;
11
+ }, string, import("vue").PublicProps, Readonly<DatePickerHeaderProps> & Readonly<{
12
+ onPreviousYear?: (() => any) | undefined;
13
+ onPreviousMonth?: (() => any) | undefined;
14
+ onNextMonth?: (() => any) | undefined;
15
+ onNextYear?: (() => any) | undefined;
16
+ }>, {
17
+ locale: DatePickerLocale;
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
+ declare const _default: typeof __VLS_export;
20
+ export default _default;
@@ -0,0 +1,23 @@
1
+ import type { DatePickerLocale } from './locales';
2
+ type __VLS_Props = {
3
+ locale?: DatePickerLocale;
4
+ };
5
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
6
+ selectThisWeek: () => any;
7
+ selectPreviousWeek: () => any;
8
+ selectNextWeek: () => any;
9
+ selectThisMonth: () => any;
10
+ selectPreviousMonth: () => any;
11
+ selectNextMonth: () => any;
12
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
13
+ onSelectThisWeek?: (() => any) | undefined;
14
+ onSelectPreviousWeek?: (() => any) | undefined;
15
+ onSelectNextWeek?: (() => any) | undefined;
16
+ onSelectThisMonth?: (() => any) | undefined;
17
+ onSelectPreviousMonth?: (() => any) | undefined;
18
+ onSelectNextMonth?: (() => any) | undefined;
19
+ }>, {
20
+ locale: DatePickerLocale;
21
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
@@ -0,0 +1,80 @@
1
+ import type { DatePickerVariant } from '../types';
2
+ import { type DatePickerLocale } from './locales';
3
+ export interface DatePickerPanelProps {
4
+ variant?: DatePickerVariant;
5
+ modelValue?: Date | {
6
+ start: Date;
7
+ end: Date;
8
+ } | {
9
+ date: Date;
10
+ startTime: Date;
11
+ endTime: Date;
12
+ } | null;
13
+ isShowActions?: boolean;
14
+ isExtended?: boolean;
15
+ minDate?: Date;
16
+ maxDate?: Date;
17
+ defaultStartHours?: string;
18
+ defaultStartMinutes?: string;
19
+ defaultEndHours?: string;
20
+ defaultEndMinutes?: string;
21
+ locale?: DatePickerLocale;
22
+ }
23
+ declare const __VLS_export: import("vue").DefineComponent<DatePickerPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
24
+ "update:modelValue": (value: Date | {
25
+ start: Date;
26
+ end: Date;
27
+ } | {
28
+ date: Date;
29
+ startTime: Date;
30
+ endTime: Date;
31
+ } | null) => any;
32
+ cancel: () => any;
33
+ apply: (value: Date | {
34
+ start: Date;
35
+ end: Date;
36
+ } | {
37
+ date: Date;
38
+ startTime: Date;
39
+ endTime: Date;
40
+ } | null) => any;
41
+ }, string, import("vue").PublicProps, Readonly<DatePickerPanelProps> & Readonly<{
42
+ "onUpdate:modelValue"?: ((value: Date | {
43
+ start: Date;
44
+ end: Date;
45
+ } | {
46
+ date: Date;
47
+ startTime: Date;
48
+ endTime: Date;
49
+ } | null) => any) | undefined;
50
+ onCancel?: (() => any) | undefined;
51
+ onApply?: ((value: Date | {
52
+ start: Date;
53
+ end: Date;
54
+ } | {
55
+ date: Date;
56
+ startTime: Date;
57
+ endTime: Date;
58
+ } | null) => any) | undefined;
59
+ }>, {
60
+ locale: DatePickerLocale;
61
+ modelValue: Date | {
62
+ start: Date;
63
+ end: Date;
64
+ } | {
65
+ date: Date;
66
+ startTime: Date;
67
+ endTime: Date;
68
+ } | null;
69
+ variant: DatePickerVariant;
70
+ isShowActions: boolean;
71
+ isExtended: boolean;
72
+ minDate: Date;
73
+ maxDate: Date;
74
+ defaultStartHours: string;
75
+ defaultStartMinutes: string;
76
+ defaultEndHours: string;
77
+ defaultEndMinutes: string;
78
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
79
+ declare const _default: typeof __VLS_export;
80
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import type { DatePickerVariant } from '../types';
2
+ interface DatePickerTimeSectionProps {
3
+ variant: DatePickerVariant;
4
+ startHours: string;
5
+ startMinutes: string;
6
+ endHours: string;
7
+ endMinutes: string;
8
+ }
9
+ declare const __VLS_export: import("vue").DefineComponent<DatePickerTimeSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
10
+ "update:startHours": (value: string) => any;
11
+ "update:startMinutes": (value: string) => any;
12
+ "update:endHours": (value: string) => any;
13
+ "update:endMinutes": (value: string) => any;
14
+ }, string, import("vue").PublicProps, Readonly<DatePickerTimeSectionProps> & Readonly<{
15
+ "onUpdate:startHours"?: ((value: string) => any) | undefined;
16
+ "onUpdate:startMinutes"?: ((value: string) => any) | undefined;
17
+ "onUpdate:endHours"?: ((value: string) => any) | undefined;
18
+ "onUpdate:endMinutes"?: ((value: string) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
@@ -0,0 +1,91 @@
1
+ import type { Locale } from 'date-fns';
2
+ import type { DatePickerVariant } from '../types';
3
+ /**
4
+ * Parses a date string in DD/MM/YYYY format
5
+ * @param dateStr - Date string to parse
6
+ * @returns Parsed date or null if invalid
7
+ */
8
+ export declare function parseDateString(dateStr: string): Date | null;
9
+ /**
10
+ * Parses a date range string in format "DD/MM/YYYY - DD/MM/YYYY"
11
+ * @param rangeStr - Date range string to parse
12
+ * @returns Parsed range or null if invalid
13
+ */
14
+ export declare function parseDateRangeString(rangeStr: string): {
15
+ start: Date;
16
+ end: Date;
17
+ } | null;
18
+ /**
19
+ * Parses a time string in HH:MM format
20
+ * @param timeStr - Time string to parse (e.g., "09:30")
21
+ * @returns Parsed hours and minutes or null if invalid
22
+ */
23
+ export declare function parseTimeString(timeStr: string): {
24
+ hours: string;
25
+ minutes: string;
26
+ } | null;
27
+ /**
28
+ * Formats hours and minutes into HH:MM string
29
+ * @param hours - Hours (0-23)
30
+ * @param minutes - Minutes (0-59)
31
+ * @returns Formatted time string
32
+ */
33
+ export declare function formatTimeString(hours: string, minutes: string): string;
34
+ /**
35
+ * Applies time mask to input value, formatting as HH:MM
36
+ * @param value - Raw input value
37
+ * @returns Formatted time string
38
+ */
39
+ export declare function applyTimeMask(value: string): string;
40
+ /**
41
+ * Completes and validates partial time input
42
+ * @param inputValue - Raw input time value
43
+ * @param previousValue - Previous valid time value to fallback to
44
+ * @returns Object with formatted time and parsed hours/minutes, or null if invalid
45
+ */
46
+ export declare function completeAndValidateTime(inputValue: string, previousValue: string): {
47
+ time: string;
48
+ hours: string;
49
+ minutes: string;
50
+ } | null;
51
+ /**
52
+ * Formats date input with validation and auto-formatting
53
+ * @param value - Raw input value
54
+ * @returns Formatted date string in DD/MM/YYYY format
55
+ */
56
+ export declare function formatDateInput(value: string): string;
57
+ export interface CalendarDay {
58
+ date: Date;
59
+ day: string;
60
+ isCurrentMonth: boolean;
61
+ isToday: boolean;
62
+ isSelected: boolean;
63
+ isInRange: boolean;
64
+ isDisabled: boolean;
65
+ }
66
+ export interface DayGroup {
67
+ isRangeGroup: boolean;
68
+ days?: CalendarDay[];
69
+ day?: CalendarDay;
70
+ }
71
+ /**
72
+ * Groups calendar days into 5 rows × 7 columns with range highlighting
73
+ * @param calendarDays - Array of calendar days
74
+ * @returns Grouped days organized by weeks with range groups
75
+ */
76
+ export declare function groupCalendarDays(calendarDays: CalendarDay[]): DayGroup[][];
77
+ /**
78
+ * Formats the display value for the date picker based on variant and model value
79
+ * @param modelValue - The current value of the date picker
80
+ * @param variant - The date picker variant
81
+ * @param dateFnsLocale - The date-fns locale to use for formatting
82
+ * @returns Formatted display string
83
+ */
84
+ export declare function formatDatePickerDisplayValue(modelValue: Date | {
85
+ start: Date;
86
+ end: Date;
87
+ } | {
88
+ date: Date;
89
+ startTime: Date;
90
+ endTime: Date;
91
+ } | null | undefined, variant: DatePickerVariant, dateFnsLocale: Locale): string;
@@ -0,0 +1,24 @@
1
+ import type { Locale } from 'date-fns';
2
+ export type DatePickerLocale = 'de-DE' | 'en-US' | 'en-GB' | 'es-ES' | 'fr-FR' | 'it-IT' | 'nl-NL' | 'pl-PL' | 'pt-PT' | 'uk-UA' | 'zh-CN';
3
+ export interface LocaleConfig {
4
+ weekStartsOn: 0 | 1;
5
+ weekDays: string[];
6
+ tooltips: {
7
+ previousYear: string;
8
+ previousMonth: string;
9
+ nextMonth: string;
10
+ nextYear: string;
11
+ };
12
+ navigation: {
13
+ weekTitle: string;
14
+ monthTitle: string;
15
+ thisWeek: string;
16
+ previousWeek: string;
17
+ nextWeek: string;
18
+ thisMonth: string;
19
+ previousMonth: string;
20
+ nextMonth: string;
21
+ };
22
+ dateFnsLocale: Locale;
23
+ }
24
+ export declare const LOCALE_CONFIGS: Record<DatePickerLocale, LocaleConfig>;
@@ -0,0 +1,34 @@
1
+ import type { DropDownProps } from '../types';
2
+ import './dropdown.css';
3
+ declare const __VLS_export: import("vue").DefineComponent<DropDownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
4
+ search: (query: string) => any;
5
+ close: () => any;
6
+ "update:modelValue": (value: unknown) => any;
7
+ change: (value: unknown) => any;
8
+ open: () => any;
9
+ }, string, import("vue").PublicProps, Readonly<DropDownProps> & Readonly<{
10
+ onSearch?: ((query: string) => any) | undefined;
11
+ onClose?: (() => any) | undefined;
12
+ "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
13
+ onChange?: ((value: unknown) => any) | undefined;
14
+ onOpen?: (() => any) | undefined;
15
+ }>, {
16
+ label: string;
17
+ size: "x-small" | "small" | "medium" | "large";
18
+ disabled: boolean;
19
+ isMulti: boolean;
20
+ placeholder: string;
21
+ clearable: boolean;
22
+ isError: boolean;
23
+ errorMessage: string;
24
+ searchable: boolean;
25
+ searchPlaceholder: string;
26
+ selectAllText: string;
27
+ clearAllText: string;
28
+ noOptionsText: string;
29
+ optionLabel: string;
30
+ optionValue: string;
31
+ maxHeight: string;
32
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
+ declare const _default: typeof __VLS_export;
34
+ export default _default;
@@ -0,0 +1,61 @@
1
+ import { type Ref, type StyleValue } from 'vue';
2
+ import type { DropDownOption } from '../types';
3
+ interface DropDownMenuProps {
4
+ isOpen: boolean;
5
+ dropdownStyle: StyleValue;
6
+ isMulti: boolean;
7
+ searchable: boolean;
8
+ searchPlaceholder: string;
9
+ searchQuery: string;
10
+ selectAllText: string;
11
+ clearAllText: string;
12
+ areAllOptionsSelected: boolean;
13
+ filteredOptions: Array<string | number | DropDownOption | Record<string, unknown>>;
14
+ highlightedIndex: number;
15
+ noOptionsText: string;
16
+ optionLabel: string;
17
+ optionValue: string;
18
+ getOptionKey: (option: string | number | DropDownOption | Record<string, unknown>) => string;
19
+ getOptionLabel: (option: string | number | DropDownOption | Record<string, unknown>) => string;
20
+ getOptionAvatar: (option: string | number | DropDownOption | Record<string, unknown>) => {
21
+ photo?: string;
22
+ fullName?: string;
23
+ } | undefined;
24
+ getOptionAvatarAlt: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
25
+ getOptionLeadingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
26
+ getOptionTrailingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
27
+ getOptionDisabled: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
28
+ getOptionClickable: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
29
+ isSelected: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
30
+ }
31
+ declare const __VLS_export: import("vue").DefineComponent<DropDownMenuProps, {
32
+ dropdownRef: Ref<HTMLElement | null, HTMLElement | null>;
33
+ optionsRef: Ref<HTMLElement | null, HTMLElement | null>;
34
+ searchRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
35
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
36
+ close: () => any;
37
+ checkboxChange: (option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any;
38
+ selectFirstFiltered: () => any;
39
+ selectHighlighted: () => any;
40
+ navigateDown: () => any;
41
+ navigateUp: () => any;
42
+ selectAll: (checked: boolean) => any;
43
+ clearAll: () => any;
44
+ selectOption: (option: string | number | DropDownOption | Record<string, unknown>) => any;
45
+ setHighlighted: (index: number) => any;
46
+ "update:searchQuery": (value: string) => any;
47
+ }, string, import("vue").PublicProps, Readonly<DropDownMenuProps> & Readonly<{
48
+ onClose?: (() => any) | undefined;
49
+ onCheckboxChange?: ((option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any) | undefined;
50
+ onSelectFirstFiltered?: (() => any) | undefined;
51
+ onSelectHighlighted?: (() => any) | undefined;
52
+ onNavigateDown?: (() => any) | undefined;
53
+ onNavigateUp?: (() => any) | undefined;
54
+ onSelectAll?: ((checked: boolean) => any) | undefined;
55
+ onClearAll?: (() => any) | undefined;
56
+ onSelectOption?: ((option: string | number | DropDownOption | Record<string, unknown>) => any) | undefined;
57
+ onSetHighlighted?: ((index: number) => any) | undefined;
58
+ "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
59
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
60
+ declare const _default: typeof __VLS_export;
61
+ export default _default;
@@ -0,0 +1,26 @@
1
+ import type { DropDownOption } from '../types';
2
+ interface DropDownMenuItemProps {
3
+ option: string | number | DropDownOption | Record<string, unknown>;
4
+ label: string;
5
+ isMulti: boolean;
6
+ isSelected: boolean;
7
+ isHighlighted: boolean;
8
+ isDisabled: boolean;
9
+ isClickable: boolean;
10
+ avatar?: {
11
+ photo?: string;
12
+ fullName?: string;
13
+ };
14
+ avatarAlt?: string;
15
+ leadingIcon?: string;
16
+ trailingIcon?: string;
17
+ }
18
+ declare const __VLS_export: import("vue").DefineComponent<DropDownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ select: (option: string | number | DropDownOption | Record<string, unknown>) => any;
20
+ checkboxChange: (option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any;
21
+ }, string, import("vue").PublicProps, Readonly<DropDownMenuItemProps> & Readonly<{
22
+ onSelect?: ((option: string | number | DropDownOption | Record<string, unknown>) => any) | undefined;
23
+ onCheckboxChange?: ((option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any) | undefined;
24
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
25
+ declare const _default: typeof __VLS_export;
26
+ export default _default;
@@ -0,0 +1,40 @@
1
+ import { type Ref } from 'vue';
2
+ interface DropDownTriggerProps {
3
+ isOpen: boolean;
4
+ isMulti: boolean;
5
+ hasValue: boolean;
6
+ modelValue: unknown;
7
+ displayValue?: string;
8
+ selectedOptionAvatar?: {
9
+ photo?: string;
10
+ fullName?: string;
11
+ };
12
+ selectedOptionLeadingIcon?: string;
13
+ placeholder: string;
14
+ label?: string;
15
+ clearable: boolean;
16
+ disabled: boolean;
17
+ avatarSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
18
+ getTagKey: (value: unknown, index: number) => string;
19
+ getTagLabel: (value: unknown) => string;
20
+ getTagAvatar: (value: unknown) => {
21
+ photo?: string;
22
+ fullName?: string;
23
+ } | undefined;
24
+ getTagLeadingIcon: (value: unknown) => string | undefined;
25
+ }
26
+ declare const __VLS_export: import("vue").DefineComponent<DropDownTriggerProps, {
27
+ triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
28
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
29
+ toggle: (source: string) => any;
30
+ close: () => any;
31
+ removeTag: (value: unknown) => any;
32
+ clear: (event: Event) => any;
33
+ }, string, import("vue").PublicProps, Readonly<DropDownTriggerProps> & Readonly<{
34
+ onToggle?: ((source: string) => any) | undefined;
35
+ onClose?: (() => any) | undefined;
36
+ onRemoveTag?: ((value: unknown) => any) | undefined;
37
+ onClear?: ((event: Event) => any) | undefined;
38
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
39
+ declare const _default: typeof __VLS_export;
40
+ export default _default;