minm-ui 1.0.0 → 1.0.1
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 +29 -0
- package/dist/components/UiAreaChart.vue.d.ts +14 -0
- package/dist/components/UiBadge.vue.d.ts +19 -0
- package/dist/components/UiBarChart.vue.d.ts +14 -0
- package/dist/components/UiButton.vue.d.ts +27 -0
- package/dist/components/UiCard.vue.d.ts +24 -0
- package/dist/components/UiDonutChart.vue.d.ts +18 -0
- package/dist/components/UiDrawer.vue.d.ts +25 -0
- package/dist/components/UiEmptyState.vue.d.ts +18 -0
- package/dist/components/UiIcon.vue.d.ts +9 -0
- package/dist/components/UiInput.vue.d.ts +18 -0
- package/dist/components/UiModal.vue.d.ts +24 -0
- package/dist/components/UiPagination.vue.d.ts +14 -0
- package/dist/components/UiSelect.vue.d.ts +21 -0
- package/dist/components/UiSkeleton.vue.d.ts +10 -0
- package/dist/components/UiSpinner.vue.d.ts +9 -0
- package/dist/components/UiStatTile.vue.d.ts +12 -0
- package/dist/components/UiTable.vue.d.ts +38 -0
- package/dist/components/UiTextarea.vue.d.ts +16 -0
- package/dist/components/UiToaster.vue.d.ts +3 -0
- package/dist/composables/useToast.d.ts +27 -0
- package/{src/index.ts → dist/index.d.ts} +0 -2
- package/dist/minm-ui.css +2 -0
- package/dist/minm-ui.js +1041 -0
- package/dist/types.d.ts +9 -0
- package/package.json +29 -3
- package/src/components/UiAreaChart.vue +0 -117
- package/src/components/UiBadge.vue +0 -34
- package/src/components/UiBarChart.vue +0 -50
- package/src/components/UiButton.vue +0 -54
- package/src/components/UiCard.vue +0 -28
- package/src/components/UiDonutChart.vue +0 -73
- package/src/components/UiDrawer.vue +0 -65
- package/src/components/UiEmptyState.vue +0 -17
- package/src/components/UiIcon.vue +0 -76
- package/src/components/UiInput.vue +0 -50
- package/src/components/UiModal.vue +0 -63
- package/src/components/UiPagination.vue +0 -70
- package/src/components/UiSelect.vue +0 -53
- package/src/components/UiSkeleton.vue +0 -17
- package/src/components/UiSpinner.vue +0 -11
- package/src/components/UiStatTile.vue +0 -49
- package/src/components/UiTable.vue +0 -139
- package/src/components/UiTextarea.vue +0 -35
- package/src/components/UiToaster.vue +0 -47
- package/src/composables/useToast.ts +0 -43
- package/src/styles/tokens.css +0 -199
- package/src/types.ts +0 -9
package/README.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# minm-ui
|
|
2
|
+
|
|
3
|
+
Shared Vue 3 design system for the Confast apps.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install minm-ui
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Use
|
|
12
|
+
|
|
13
|
+
```ts
|
|
14
|
+
import { UiButton, UiInput } from 'minm-ui';
|
|
15
|
+
import 'minm-ui/styles.css';
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Tailwind preset
|
|
19
|
+
|
|
20
|
+
```js
|
|
21
|
+
import preset from 'minm-ui/tailwind-preset';
|
|
22
|
+
|
|
23
|
+
export default {
|
|
24
|
+
presets: [preset],
|
|
25
|
+
};
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
The package exports Vue components, toast composables, shared types, a CSS bundle,
|
|
29
|
+
and a Tailwind preset so consuming apps can stay aligned with the same tokens.
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Point {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
}
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
data: Point[];
|
|
7
|
+
height?: number;
|
|
8
|
+
format?: (v: number) => string;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
11
|
+
height: number;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
variant?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'accent';
|
|
3
|
+
dot?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
+
variant: "neutral" | "success" | "warning" | "danger" | "info" | "accent";
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Point {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
}
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
data: Point[];
|
|
7
|
+
height?: number;
|
|
8
|
+
format?: (v: number) => string;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
11
|
+
height: number;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'subtle';
|
|
3
|
+
size?: 'sm' | 'md' | 'lg';
|
|
4
|
+
icon?: string;
|
|
5
|
+
iconRight?: string;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
block?: boolean;
|
|
9
|
+
type?: 'button' | 'submit';
|
|
10
|
+
};
|
|
11
|
+
declare var __VLS_11: {};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
default?: (props: typeof __VLS_11) => any;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
size: "sm" | "md" | "lg";
|
|
17
|
+
type: "button" | "submit";
|
|
18
|
+
variant: "primary" | "secondary" | "ghost" | "danger" | "subtle";
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title?: string;
|
|
3
|
+
subtitle?: string;
|
|
4
|
+
padded?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
header?: (props: typeof __VLS_1) => any;
|
|
9
|
+
} & {
|
|
10
|
+
actions?: (props: typeof __VLS_3) => any;
|
|
11
|
+
} & {
|
|
12
|
+
default?: (props: typeof __VLS_5) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
|
+
padded: boolean;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface Segment {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
data: Segment[];
|
|
8
|
+
size?: number;
|
|
9
|
+
thickness?: number;
|
|
10
|
+
centerLabel?: string;
|
|
11
|
+
centerValue?: string | number;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
14
|
+
size: number;
|
|
15
|
+
thickness: number;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
width?: string;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_18: {}, __VLS_20: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_18) => any;
|
|
10
|
+
} & {
|
|
11
|
+
footer?: (props: typeof __VLS_20) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
|
+
"update:modelValue": (v: boolean) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
|
|
17
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
+
declare const _default: typeof __VLS_export;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
icon?: string;
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_6: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_6) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
name: string;
|
|
3
|
+
size?: number | string;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
6
|
+
size: number | string;
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: string | number;
|
|
3
|
+
label?: string;
|
|
4
|
+
type?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
error?: string;
|
|
8
|
+
hint?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:modelValue": (value: string) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_18: {}, __VLS_20: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_18) => any;
|
|
9
|
+
} & {
|
|
10
|
+
footer?: (props: typeof __VLS_20) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:modelValue": (v: boolean) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
currentPage: number;
|
|
3
|
+
lastPage: number;
|
|
4
|
+
total?: number;
|
|
5
|
+
from?: number | null;
|
|
6
|
+
to?: number | null;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
9
|
+
change: (page: number) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
11
|
+
onChange?: ((page: number) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
interface Option {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string | number | boolean | null;
|
|
4
|
+
}
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
modelValue?: string | number | boolean | null;
|
|
7
|
+
label?: string;
|
|
8
|
+
options: Option[];
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
error?: string;
|
|
11
|
+
hint?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
16
|
+
"update:modelValue": (value: string) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((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,10 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
width?: string;
|
|
3
|
+
height?: string;
|
|
4
|
+
rounded?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
+
height: string;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
size?: number;
|
|
3
|
+
label?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
6
|
+
size: number;
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string | number;
|
|
4
|
+
icon?: string;
|
|
5
|
+
tone?: 'accent' | 'success' | 'warning' | 'danger' | 'info';
|
|
6
|
+
delta?: number | null;
|
|
7
|
+
deltaLabel?: string;
|
|
8
|
+
hint?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Column } from '../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
columns: Column[];
|
|
4
|
+
rows: Record<string, any>[];
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
sort?: string;
|
|
7
|
+
order?: 'asc' | 'desc';
|
|
8
|
+
rowKey?: string;
|
|
9
|
+
clickable?: boolean;
|
|
10
|
+
selectable?: boolean;
|
|
11
|
+
selected?: (string | number)[];
|
|
12
|
+
};
|
|
13
|
+
declare var __VLS_17: `cell-${string}`, __VLS_18: {
|
|
14
|
+
row: Record<string, any>;
|
|
15
|
+
value: any;
|
|
16
|
+
}, __VLS_20: {};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
[K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
|
|
19
|
+
} & {
|
|
20
|
+
empty?: (props: typeof __VLS_20) => any;
|
|
21
|
+
};
|
|
22
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
23
|
+
sort: (key: string) => any;
|
|
24
|
+
"row-click": (row: Record<string, any>) => any;
|
|
25
|
+
"update:selected": (ids: (string | number)[]) => any;
|
|
26
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
27
|
+
onSort?: ((key: string) => any) | undefined;
|
|
28
|
+
"onRow-click"?: ((row: Record<string, any>) => any) | undefined;
|
|
29
|
+
"onUpdate:selected"?: ((ids: (string | number)[]) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
rows?: number;
|
|
6
|
+
error?: string;
|
|
7
|
+
hint?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
|
+
"update:modelValue": (value: string) => any;
|
|
12
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
13
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export type ToastType = 'success' | 'error' | 'info' | 'warning';
|
|
2
|
+
export interface Toast {
|
|
3
|
+
id: number;
|
|
4
|
+
type: ToastType;
|
|
5
|
+
title: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function dismiss(id: number): void;
|
|
9
|
+
/**
|
|
10
|
+
* Global toast API. Import anywhere:
|
|
11
|
+
* const toast = useToast();
|
|
12
|
+
* toast.success('Saved', 'Location updated.');
|
|
13
|
+
*/
|
|
14
|
+
export declare function useToast(): {
|
|
15
|
+
items: {
|
|
16
|
+
id: number;
|
|
17
|
+
type: ToastType;
|
|
18
|
+
title: string;
|
|
19
|
+
message?: string | undefined;
|
|
20
|
+
}[];
|
|
21
|
+
dismiss: typeof dismiss;
|
|
22
|
+
success: (title: string, message?: string) => number;
|
|
23
|
+
error: (title: string, message?: string) => number;
|
|
24
|
+
info: (title: string, message?: string) => number;
|
|
25
|
+
warning: (title: string, message?: string) => number;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @confast/ui — shared design system for all Confast web apps.
|
|
2
1
|
export { default as UiIcon } from './components/UiIcon.vue';
|
|
3
2
|
export { default as UiButton } from './components/UiButton.vue';
|
|
4
3
|
export { default as UiInput } from './components/UiInput.vue';
|
|
@@ -18,7 +17,6 @@ export { default as UiToaster } from './components/UiToaster.vue';
|
|
|
18
17
|
export { default as UiAreaChart } from './components/UiAreaChart.vue';
|
|
19
18
|
export { default as UiBarChart } from './components/UiBarChart.vue';
|
|
20
19
|
export { default as UiDonutChart } from './components/UiDonutChart.vue';
|
|
21
|
-
|
|
22
20
|
export { useToast } from './composables/useToast';
|
|
23
21
|
export type { Toast, ToastType } from './composables/useToast';
|
|
24
22
|
export type { Column } from './types';
|
package/dist/minm-ui.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand-50:#ecfdf6;--brand-100:#d1fae7;--brand-200:#a7f3d4;--brand-300:#6ee7bb;--brand-400:#34d3a0;--brand-500:#10b285;--brand-600:#0e7c66;--brand-700:#0c6353;--brand-800:#0d4f43;--brand-900:#0c4139;--brand-950:#04251f;--slate-25:#fafbfb;--slate-50:#f6f8f7;--slate-100:#eceff0;--slate-200:#dde3e3;--slate-300:#c3cdcd;--slate-400:#93a1a1;--slate-500:#667474;--slate-600:#4c5959;--slate-700:#3a4545;--slate-800:#232c2c;--slate-900:#151b1b;--slate-950:#0c1010;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--bg:var(--slate-50);--surface:#fff;--surface-2:var(--slate-50);--surface-hover:var(--slate-100);--border:var(--slate-200);--border-strong:var(--slate-300);--text:var(--slate-900);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--accent:var(--brand-600);--accent-hover:var(--brand-700);--accent-fg:#fff;--accent-soft:var(--brand-50);--accent-soft-fg:var(--brand-700);--ring:color-mix(in srgb, var(--brand-500) 45%, transparent);--shadow-sm:0 1px 2px 0 #0c10100d;--shadow:0 1px 3px 0 #0c101014, 0 1px 2px -1px #0c10100f;--shadow-md:0 4px 12px -2px #0c10101a, 0 2px 6px -3px #0c101014;--shadow-lg:0 12px 28px -6px #0c101029, 0 6px 12px -8px #0c10101f;--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:var(--slate-950);--surface:var(--slate-900);--surface-2:#101616;--surface-hover:var(--slate-800);--border:color-mix(in srgb, var(--slate-700) 70%, transparent);--border-strong:var(--slate-600);--text:#eef2f1;--text-muted:var(--slate-400);--text-subtle:var(--slate-500);--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-fg:#04251f;--accent-soft:color-mix(in srgb, var(--brand-500) 16%, transparent);--accent-soft-fg:var(--brand-200);--ring:color-mix(in srgb, var(--brand-400) 50%, transparent);--success-bg:color-mix(in srgb, var(--success) 20%, transparent);--warning-bg:color-mix(in srgb, var(--warning) 20%, transparent);--danger-bg:color-mix(in srgb, var(--danger) 20%, transparent);--info-bg:color-mix(in srgb, var(--info) 22%, transparent);--shadow-sm:0 1px 2px 0 #0006;--shadow:0 1px 3px 0 #00000080, 0 1px 2px -1px #0006;--shadow-md:0 6px 16px -4px #0000008c;--shadow-lg:0 16px 36px -8px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--slate-950);--surface:var(--slate-900);--surface-2:#101616;--surface-hover:var(--slate-800);--border:color-mix(in srgb, var(--slate-700) 70%, transparent);--border-strong:var(--slate-600);--text:#eef2f1;--text-muted:var(--slate-400);--text-subtle:var(--slate-500);--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-fg:#04251f;--accent-soft:color-mix(in srgb, var(--brand-500) 16%, transparent);--accent-soft-fg:var(--brand-200);--ring:color-mix(in srgb, var(--brand-400) 50%, transparent);--success-bg:color-mix(in srgb, var(--success) 20%, transparent);--warning-bg:color-mix(in srgb, var(--warning) 20%, transparent);--danger-bg:color-mix(in srgb, var(--danger) 20%, transparent);--info-bg:color-mix(in srgb, var(--info) 22%, transparent);--shadow-sm:0 1px 2px 0 #0006;--shadow:0 1px 3px 0 #00000080, 0 1px 2px -1px #0006;--shadow-md:0 6px 16px -4px #0000008c;--shadow-lg:0 16px 36px -8px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:var(--slate-50);--surface:#fff;--surface-2:var(--slate-50);--surface-hover:var(--slate-100);--border:var(--slate-200);--border-strong:var(--slate-300);--text:var(--slate-900);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--accent:var(--brand-600);--accent-hover:var(--brand-700);--accent-fg:#fff;--accent-soft:var(--brand-50);--accent-soft-fg:var(--brand-700);--ring:color-mix(in srgb, var(--brand-500) 45%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,sans-serif}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:9999px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.overlay-enter-active[data-v-0a48c32b],.overlay-leave-active[data-v-0a48c32b]{transition:opacity .2s}.overlay-enter-from[data-v-0a48c32b],.overlay-leave-to[data-v-0a48c32b]{opacity:0}.overlay-enter-active[data-v-ed2c5461],.overlay-leave-active[data-v-ed2c5461]{transition:opacity .2s}.overlay-enter-from[data-v-ed2c5461],.overlay-leave-to[data-v-ed2c5461]{opacity:0}.ui-checkbox[data-v-1e40b378]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--accent);border-radius:4px}.toast-enter-active[data-v-2b500649],.toast-leave-active[data-v-2b500649]{transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-enter-from[data-v-2b500649],.toast-leave-to[data-v-2b500649]{opacity:0;transform:translate(100%)}.toast-move[data-v-2b500649]{transition:transform .3s}
|
|
2
|
+
/*$vite$:1*/
|