@vuecs/elements 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.
- package/LICENSE +201 -0
- package/README.md +21 -0
- package/dist/components/alert/Alert.vue.d.ts +177 -0
- package/dist/components/alert/Alert.vue.d.ts.map +1 -0
- package/dist/components/alert/AlertClose.vue.d.ts +110 -0
- package/dist/components/alert/AlertClose.vue.d.ts.map +1 -0
- package/dist/components/alert/AlertDescription.vue.d.ts +56 -0
- package/dist/components/alert/AlertDescription.vue.d.ts.map +1 -0
- package/dist/components/alert/AlertTitle.vue.d.ts +71 -0
- package/dist/components/alert/AlertTitle.vue.d.ts.map +1 -0
- package/dist/components/alert/index.d.ts +11 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/theme.d.ts +6 -0
- package/dist/components/alert/theme.d.ts.map +1 -0
- package/dist/components/alert/types.d.ts +44 -0
- package/dist/components/alert/types.d.ts.map +1 -0
- package/dist/components/aspect-ratio/AspectRatio.vue.d.ts +63 -0
- package/dist/components/aspect-ratio/AspectRatio.vue.d.ts.map +1 -0
- package/dist/components/aspect-ratio/index.d.ts +5 -0
- package/dist/components/aspect-ratio/index.d.ts.map +1 -0
- package/dist/components/aspect-ratio/theme.d.ts +4 -0
- package/dist/components/aspect-ratio/theme.d.ts.map +1 -0
- package/dist/components/aspect-ratio/types.d.ts +11 -0
- package/dist/components/aspect-ratio/types.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.vue.d.ts +174 -0
- package/dist/components/avatar/Avatar.vue.d.ts.map +1 -0
- package/dist/components/avatar/index.d.ts +5 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/theme.d.ts +4 -0
- package/dist/components/avatar/theme.d.ts.map +1 -0
- package/dist/components/avatar/types.d.ts +16 -0
- package/dist/components/avatar/types.d.ts.map +1 -0
- package/dist/components/badge/Badge.vue.d.ts +104 -0
- package/dist/components/badge/Badge.vue.d.ts.map +1 -0
- package/dist/components/badge/index.d.ts +5 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/theme.d.ts +4 -0
- package/dist/components/badge/theme.d.ts.map +1 -0
- package/dist/components/badge/types.d.ts +14 -0
- package/dist/components/badge/types.d.ts.map +1 -0
- package/dist/components/card/Card.vue.d.ts +120 -0
- package/dist/components/card/Card.vue.d.ts.map +1 -0
- package/dist/components/card/CardBody.vue.d.ts +79 -0
- package/dist/components/card/CardBody.vue.d.ts.map +1 -0
- package/dist/components/card/CardDescription.vue.d.ts +79 -0
- package/dist/components/card/CardDescription.vue.d.ts.map +1 -0
- package/dist/components/card/CardFooter.vue.d.ts +79 -0
- package/dist/components/card/CardFooter.vue.d.ts.map +1 -0
- package/dist/components/card/CardHeader.vue.d.ts +79 -0
- package/dist/components/card/CardHeader.vue.d.ts.map +1 -0
- package/dist/components/card/CardTitle.vue.d.ts +79 -0
- package/dist/components/card/CardTitle.vue.d.ts.map +1 -0
- package/dist/components/card/context.d.ts +17 -0
- package/dist/components/card/context.d.ts.map +1 -0
- package/dist/components/card/index.d.ts +16 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/theme.d.ts +9 -0
- package/dist/components/card/theme.d.ts.map +1 -0
- package/dist/components/card/types.d.ts +38 -0
- package/dist/components/card/types.d.ts.map +1 -0
- package/dist/components/collapse/Collapse.vue.d.ts +153 -0
- package/dist/components/collapse/Collapse.vue.d.ts.map +1 -0
- package/dist/components/collapse/CollapseContent.vue.d.ts +97 -0
- package/dist/components/collapse/CollapseContent.vue.d.ts.map +1 -0
- package/dist/components/collapse/CollapseTrigger.vue.d.ts +106 -0
- package/dist/components/collapse/CollapseTrigger.vue.d.ts.map +1 -0
- package/dist/components/collapse/index.d.ts +9 -0
- package/dist/components/collapse/index.d.ts.map +1 -0
- package/dist/components/collapse/theme.d.ts +6 -0
- package/dist/components/collapse/theme.d.ts.map +1 -0
- package/dist/components/collapse/types.d.ts +32 -0
- package/dist/components/collapse/types.d.ts.map +1 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/separator/Separator.vue.d.ts +106 -0
- package/dist/components/separator/Separator.vue.d.ts.map +1 -0
- package/dist/components/separator/index.d.ts +5 -0
- package/dist/components/separator/index.d.ts.map +1 -0
- package/dist/components/separator/theme.d.ts +4 -0
- package/dist/components/separator/theme.d.ts.map +1 -0
- package/dist/components/separator/types.d.ts +11 -0
- package/dist/components/separator/types.d.ts.map +1 -0
- package/dist/components/tag/Tag.vue.d.ts +145 -0
- package/dist/components/tag/Tag.vue.d.ts.map +1 -0
- package/dist/components/tag/Tags.vue.d.ts +115 -0
- package/dist/components/tag/Tags.vue.d.ts.map +1 -0
- package/dist/components/tag/index.d.ts +7 -0
- package/dist/components/tag/index.d.ts.map +1 -0
- package/dist/components/tag/theme.d.ts +5 -0
- package/dist/components/tag/theme.d.ts.map +1 -0
- package/dist/components/tag/types.d.ts +41 -0
- package/dist/components/tag/types.d.ts.map +1 -0
- package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts +29 -0
- package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts.map +1 -0
- package/dist/components/visually-hidden/index.d.ts +3 -0
- package/dist/components/visually-hidden/index.d.ts.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +1080 -0
- package/dist/index.mjs.map +1 -0
- package/dist/style.css +213 -0
- package/dist/vue.d.ts +45 -0
- package/dist/vue.d.ts.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ComponentThemeDefinition } from '@vuecs/core';
|
|
2
|
+
import type { AlertDescriptionThemeClasses, AlertThemeClasses, AlertTitleThemeClasses } from './types';
|
|
3
|
+
export declare const alertThemeDefaults: ComponentThemeDefinition<AlertThemeClasses>;
|
|
4
|
+
export declare const alertTitleThemeDefaults: ComponentThemeDefinition<AlertTitleThemeClasses>;
|
|
5
|
+
export declare const alertDescriptionThemeDefaults: ComponentThemeDefinition<AlertDescriptionThemeClasses>;
|
|
6
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/alert/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,4BAA4B,EAC5B,iBAAiB,EACjB,sBAAsB,EACzB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,EAAE,wBAAwB,CAAC,iBAAiB,CAQ1E,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,6BAA6B,EAAE,wBAAwB,CAAC,4BAA4B,CAAiD,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { ComponentDefaultValues, ThemeElementDefinition } from '@vuecs/core';
|
|
2
|
+
export type AlertColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export type AlertVariant = 'solid' | 'soft' | 'outline';
|
|
4
|
+
export type AlertSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type AlertThemeClasses = {
|
|
6
|
+
/** Outer container. */
|
|
7
|
+
root: string;
|
|
8
|
+
/** Icon slot wrapper (left of title/description). */
|
|
9
|
+
icon: string;
|
|
10
|
+
/** Title + description column. */
|
|
11
|
+
content: string;
|
|
12
|
+
/** Dismiss button — slotless `<VCAlertClose />` corner-X form. */
|
|
13
|
+
closeIcon: string;
|
|
14
|
+
/** Dismiss button — labeled-text form. */
|
|
15
|
+
close: string;
|
|
16
|
+
};
|
|
17
|
+
export type AlertTitleThemeClasses = {
|
|
18
|
+
/** The title element. */
|
|
19
|
+
root: string;
|
|
20
|
+
};
|
|
21
|
+
export type AlertDescriptionThemeClasses = {
|
|
22
|
+
/** The description element. */
|
|
23
|
+
root: string;
|
|
24
|
+
};
|
|
25
|
+
export type AlertDefaults = {
|
|
26
|
+
/** Color-derived default icons. Empty string = no icon for that color (primary / neutral default to no icon). */
|
|
27
|
+
primaryIcon: string;
|
|
28
|
+
neutralIcon: string;
|
|
29
|
+
infoIcon: string;
|
|
30
|
+
successIcon: string;
|
|
31
|
+
warningIcon: string;
|
|
32
|
+
errorIcon: string;
|
|
33
|
+
};
|
|
34
|
+
declare module '@vuecs/core' {
|
|
35
|
+
interface ThemeElements {
|
|
36
|
+
alert?: ThemeElementDefinition<AlertThemeClasses>;
|
|
37
|
+
alertTitle?: ThemeElementDefinition<AlertTitleThemeClasses>;
|
|
38
|
+
alertDescription?: ThemeElementDefinition<AlertDescriptionThemeClasses>;
|
|
39
|
+
}
|
|
40
|
+
interface ComponentDefaults {
|
|
41
|
+
alert?: ComponentDefaultValues<AlertDefaults>;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAElF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACvC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,iHAAiH;IACjH,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,KAAK,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;QAClD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,gBAAgB,CAAC,EAAE,sBAAsB,CAAC,4BAA4B,CAAC,CAAC;KAC3E;IACD,UAAU,iBAAiB;QACvB,KAAK,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;KACjD;CACJ"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { ThemeClassesOverride, VariantValues } from '@vuecs/core';
|
|
3
|
+
import type { AspectRatioThemeClasses } from './types';
|
|
4
|
+
declare const aspectRatioProps: {
|
|
5
|
+
/** Desired ratio — width / height (e.g. `16/9`, `4/3`, `1`). */
|
|
6
|
+
ratio: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
10
|
+
/** Theme-class overrides for this component instance. */
|
|
11
|
+
themeClass: {
|
|
12
|
+
type: PropType<ThemeClassesOverride<AspectRatioThemeClasses>>;
|
|
13
|
+
default: any;
|
|
14
|
+
};
|
|
15
|
+
/** Theme-variant values for this component instance. */
|
|
16
|
+
themeVariant: {
|
|
17
|
+
type: PropType<VariantValues>;
|
|
18
|
+
default: any;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export type AspectRatioProps = ExtractPublicPropTypes<typeof aspectRatioProps>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
24
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
25
|
+
/** Desired ratio — width / height (e.g. `16/9`, `4/3`, `1`). */
|
|
26
|
+
ratio: {
|
|
27
|
+
type: NumberConstructor;
|
|
28
|
+
default: number;
|
|
29
|
+
};
|
|
30
|
+
/** Theme-class overrides for this component instance. */
|
|
31
|
+
themeClass: {
|
|
32
|
+
type: PropType<ThemeClassesOverride<AspectRatioThemeClasses>>;
|
|
33
|
+
default: any;
|
|
34
|
+
};
|
|
35
|
+
/** Theme-variant values for this component instance. */
|
|
36
|
+
themeVariant: {
|
|
37
|
+
type: PropType<VariantValues>;
|
|
38
|
+
default: any;
|
|
39
|
+
};
|
|
40
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
41
|
+
[key: string]: any;
|
|
42
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
/** Desired ratio — width / height (e.g. `16/9`, `4/3`, `1`). */
|
|
44
|
+
ratio: {
|
|
45
|
+
type: NumberConstructor;
|
|
46
|
+
default: number;
|
|
47
|
+
};
|
|
48
|
+
/** Theme-class overrides for this component instance. */
|
|
49
|
+
themeClass: {
|
|
50
|
+
type: PropType<ThemeClassesOverride<AspectRatioThemeClasses>>;
|
|
51
|
+
default: any;
|
|
52
|
+
};
|
|
53
|
+
/** Theme-variant values for this component instance. */
|
|
54
|
+
themeVariant: {
|
|
55
|
+
type: PropType<VariantValues>;
|
|
56
|
+
default: any;
|
|
57
|
+
};
|
|
58
|
+
}>> & Readonly<{}>, {
|
|
59
|
+
themeClass: ThemeClassesOverride<AspectRatioThemeClasses>;
|
|
60
|
+
themeVariant: VariantValues;
|
|
61
|
+
ratio: number;
|
|
62
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
//# sourceMappingURL=AspectRatio.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AspectRatio.vue.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,gBAAgB;IAClB,gEAAgE;;;;;IAEhE,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;;;IACrF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,gBAAgB,CAAC,CAAC;wBAE1D,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAlBd,gEAAgE;;;;;IAEhE,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;;;IACrF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IALvD,gEAAgE;;;;;IAEhE,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;;;IACrF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;4EAwBzD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,wBAAwB,EAAE,wBAAwB,CAAC,uBAAuB,CAA4C,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ThemeElementDefinition } from '@vuecs/core';
|
|
2
|
+
export type AspectRatioThemeClasses = {
|
|
3
|
+
/** The outer wrapper that maintains the ratio. */
|
|
4
|
+
root: string;
|
|
5
|
+
};
|
|
6
|
+
declare module '@vuecs/core' {
|
|
7
|
+
interface ThemeElements {
|
|
8
|
+
aspectRatio?: ThemeElementDefinition<AspectRatioThemeClasses>;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,uBAAuB,GAAG;IAClC,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,WAAW,CAAC,EAAE,sBAAsB,CAAC,uBAAuB,CAAC,CAAC;KACjE;CACJ"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType, SlotsType } from 'vue';
|
|
2
|
+
import type { ThemeClassesOverride, VariantValues } from '@vuecs/core';
|
|
3
|
+
import type { AvatarSize, AvatarThemeClasses } from './types';
|
|
4
|
+
export type AvatarFallbackSlotProps = {
|
|
5
|
+
/** Resolved theme class for the fallback wrapper. */
|
|
6
|
+
class: string;
|
|
7
|
+
};
|
|
8
|
+
declare const avatarProps: {
|
|
9
|
+
/** Image source. When omitted, the fallback renders immediately. */
|
|
10
|
+
src: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: any;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Image alt text. Defaults to `''` so the rendered `<img>` always
|
|
16
|
+
* carries the attribute (decorative-image semantics) — pass a
|
|
17
|
+
* meaningful string when the avatar conveys identity.
|
|
18
|
+
*/
|
|
19
|
+
alt: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Delay (ms) before the fallback appears. Useful to avoid a flicker
|
|
25
|
+
* on fast connections — gives the image a brief window to load before
|
|
26
|
+
* the placeholder shows. Forwarded to Reka's `AvatarFallback`.
|
|
27
|
+
*
|
|
28
|
+
* Vuecs convention: keep this at `undefined` rather than mirroring a
|
|
29
|
+
* concrete Reka default. Reka's `AvatarFallback` treats `delayMs: 0`
|
|
30
|
+
* as "wait forever" instead of "render immediately"; the spread-guard
|
|
31
|
+
* in `setup()` works around that quirk so omitting the prop renders
|
|
32
|
+
* the fallback right away. This is the ONE place where the
|
|
33
|
+
* Reka-wrapping convention's natural-forwarding rule is bent.
|
|
34
|
+
*/
|
|
35
|
+
delayMs: {
|
|
36
|
+
type: NumberConstructor;
|
|
37
|
+
default: any;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Size variant — resolved by the active theme. `sm` ≈ 32px, `md` ≈
|
|
41
|
+
* 40px (default), `lg` ≈ 56px. For arbitrary pixel sizes, use
|
|
42
|
+
* `themeClass={ root: extend('h-12 w-12') }` instead.
|
|
43
|
+
*/
|
|
44
|
+
size: {
|
|
45
|
+
type: PropType<AvatarSize>;
|
|
46
|
+
default: any;
|
|
47
|
+
};
|
|
48
|
+
/** Theme-class overrides for this component instance. */
|
|
49
|
+
themeClass: {
|
|
50
|
+
type: PropType<ThemeClassesOverride<AvatarThemeClasses>>;
|
|
51
|
+
default: any;
|
|
52
|
+
};
|
|
53
|
+
/** Theme-variant values for this component instance. */
|
|
54
|
+
themeVariant: {
|
|
55
|
+
type: PropType<VariantValues>;
|
|
56
|
+
default: any;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>;
|
|
60
|
+
declare const _default: typeof __VLS_export;
|
|
61
|
+
export default _default;
|
|
62
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
63
|
+
/** Image source. When omitted, the fallback renders immediately. */
|
|
64
|
+
src: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: any;
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Image alt text. Defaults to `''` so the rendered `<img>` always
|
|
70
|
+
* carries the attribute (decorative-image semantics) — pass a
|
|
71
|
+
* meaningful string when the avatar conveys identity.
|
|
72
|
+
*/
|
|
73
|
+
alt: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: string;
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* Delay (ms) before the fallback appears. Useful to avoid a flicker
|
|
79
|
+
* on fast connections — gives the image a brief window to load before
|
|
80
|
+
* the placeholder shows. Forwarded to Reka's `AvatarFallback`.
|
|
81
|
+
*
|
|
82
|
+
* Vuecs convention: keep this at `undefined` rather than mirroring a
|
|
83
|
+
* concrete Reka default. Reka's `AvatarFallback` treats `delayMs: 0`
|
|
84
|
+
* as "wait forever" instead of "render immediately"; the spread-guard
|
|
85
|
+
* in `setup()` works around that quirk so omitting the prop renders
|
|
86
|
+
* the fallback right away. This is the ONE place where the
|
|
87
|
+
* Reka-wrapping convention's natural-forwarding rule is bent.
|
|
88
|
+
*/
|
|
89
|
+
delayMs: {
|
|
90
|
+
type: NumberConstructor;
|
|
91
|
+
default: any;
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* Size variant — resolved by the active theme. `sm` ≈ 32px, `md` ≈
|
|
95
|
+
* 40px (default), `lg` ≈ 56px. For arbitrary pixel sizes, use
|
|
96
|
+
* `themeClass={ root: extend('h-12 w-12') }` instead.
|
|
97
|
+
*/
|
|
98
|
+
size: {
|
|
99
|
+
type: PropType<AvatarSize>;
|
|
100
|
+
default: any;
|
|
101
|
+
};
|
|
102
|
+
/** Theme-class overrides for this component instance. */
|
|
103
|
+
themeClass: {
|
|
104
|
+
type: PropType<ThemeClassesOverride<AvatarThemeClasses>>;
|
|
105
|
+
default: any;
|
|
106
|
+
};
|
|
107
|
+
/** Theme-variant values for this component instance. */
|
|
108
|
+
themeVariant: {
|
|
109
|
+
type: PropType<VariantValues>;
|
|
110
|
+
default: any;
|
|
111
|
+
};
|
|
112
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
113
|
+
[key: string]: any;
|
|
114
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
115
|
+
/** Image source. When omitted, the fallback renders immediately. */
|
|
116
|
+
src: {
|
|
117
|
+
type: StringConstructor;
|
|
118
|
+
default: any;
|
|
119
|
+
};
|
|
120
|
+
/**
|
|
121
|
+
* Image alt text. Defaults to `''` so the rendered `<img>` always
|
|
122
|
+
* carries the attribute (decorative-image semantics) — pass a
|
|
123
|
+
* meaningful string when the avatar conveys identity.
|
|
124
|
+
*/
|
|
125
|
+
alt: {
|
|
126
|
+
type: StringConstructor;
|
|
127
|
+
default: string;
|
|
128
|
+
};
|
|
129
|
+
/**
|
|
130
|
+
* Delay (ms) before the fallback appears. Useful to avoid a flicker
|
|
131
|
+
* on fast connections — gives the image a brief window to load before
|
|
132
|
+
* the placeholder shows. Forwarded to Reka's `AvatarFallback`.
|
|
133
|
+
*
|
|
134
|
+
* Vuecs convention: keep this at `undefined` rather than mirroring a
|
|
135
|
+
* concrete Reka default. Reka's `AvatarFallback` treats `delayMs: 0`
|
|
136
|
+
* as "wait forever" instead of "render immediately"; the spread-guard
|
|
137
|
+
* in `setup()` works around that quirk so omitting the prop renders
|
|
138
|
+
* the fallback right away. This is the ONE place where the
|
|
139
|
+
* Reka-wrapping convention's natural-forwarding rule is bent.
|
|
140
|
+
*/
|
|
141
|
+
delayMs: {
|
|
142
|
+
type: NumberConstructor;
|
|
143
|
+
default: any;
|
|
144
|
+
};
|
|
145
|
+
/**
|
|
146
|
+
* Size variant — resolved by the active theme. `sm` ≈ 32px, `md` ≈
|
|
147
|
+
* 40px (default), `lg` ≈ 56px. For arbitrary pixel sizes, use
|
|
148
|
+
* `themeClass={ root: extend('h-12 w-12') }` instead.
|
|
149
|
+
*/
|
|
150
|
+
size: {
|
|
151
|
+
type: PropType<AvatarSize>;
|
|
152
|
+
default: any;
|
|
153
|
+
};
|
|
154
|
+
/** Theme-class overrides for this component instance. */
|
|
155
|
+
themeClass: {
|
|
156
|
+
type: PropType<ThemeClassesOverride<AvatarThemeClasses>>;
|
|
157
|
+
default: any;
|
|
158
|
+
};
|
|
159
|
+
/** Theme-variant values for this component instance. */
|
|
160
|
+
themeVariant: {
|
|
161
|
+
type: PropType<VariantValues>;
|
|
162
|
+
default: any;
|
|
163
|
+
};
|
|
164
|
+
}>> & Readonly<{}>, {
|
|
165
|
+
themeClass: ThemeClassesOverride<AvatarThemeClasses>;
|
|
166
|
+
themeVariant: VariantValues;
|
|
167
|
+
size: AvatarSize;
|
|
168
|
+
src: string;
|
|
169
|
+
alt: string;
|
|
170
|
+
delayMs: number;
|
|
171
|
+
}, SlotsType<{
|
|
172
|
+
fallback: AvatarFallbackSlotProps;
|
|
173
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
174
|
+
//# sourceMappingURL=Avatar.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,KAAK,EACR,oBAAoB,EAEpB,aAAa,EAChB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IAClC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,WAAW;IACb,oEAAoE;;;;;IAEpE;;;;OAIG;;;;;IAEH;;;;;;;;;;;OAWG;;;;;IAEH;;;;OAIG;;cACqB,QAAQ,CAAC,UAAU,CAAC;;;IAC5C,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;;;IAChF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC,OAAO,WAAW,CAAC,CAAC;wBAEhD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IA3Cd,oEAAoE;;;;;IAEpE;;;;OAIG;;;;;IAEH;;;;;;;;;;;OAWG;;;;;IAEH;;;;OAIG;;cACqB,QAAQ,CAAC,UAAU,CAAC;;;IAC5C,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;;;IAChF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IA9BvD,oEAAoE;;;;;IAEpE;;;;OAIG;;;;;IAEH;;;;;;;;;;;OAWG;;;;;IAEH;;;;OAIG;;cACqB,QAAQ,CAAC,UAAU,CAAC;;;IAC5C,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;;;IAChF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;cAkBzC,uBAAuB;yEAsCvC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACzE,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,mBAAmB,EAAE,wBAAwB,CAAC,kBAAkB,CAM5E,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ThemeElementDefinition } from '@vuecs/core';
|
|
2
|
+
export type AvatarSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type AvatarThemeClasses = {
|
|
4
|
+
/** The outer wrapper. */
|
|
5
|
+
root: string;
|
|
6
|
+
/** The `<img>` element wrapper. */
|
|
7
|
+
image: string;
|
|
8
|
+
/** Fallback element rendered when the image hasn't loaded (or failed). */
|
|
9
|
+
fallback: string;
|
|
10
|
+
};
|
|
11
|
+
declare module '@vuecs/core' {
|
|
12
|
+
interface ThemeElements {
|
|
13
|
+
avatar?: ThemeElementDefinition<AvatarThemeClasses>;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC7B,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;KACvD;CACJ"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { BadgeColor, BadgeSize, BadgeThemeClasses, BadgeVariant } from './types';
|
|
3
|
+
declare const badgeProps: {
|
|
4
|
+
themeClass: {
|
|
5
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<BadgeThemeClasses>>;
|
|
6
|
+
default: any;
|
|
7
|
+
};
|
|
8
|
+
themeVariant: {
|
|
9
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
10
|
+
default: any;
|
|
11
|
+
};
|
|
12
|
+
/** Color variant key — resolved by the active theme. */
|
|
13
|
+
color: {
|
|
14
|
+
type: PropType<BadgeColor>;
|
|
15
|
+
default: any;
|
|
16
|
+
};
|
|
17
|
+
/** Style variant key — resolved by the active theme (e.g. `solid`, `soft`, `outline`). */
|
|
18
|
+
variant: {
|
|
19
|
+
type: PropType<BadgeVariant>;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
/** Size variant key — resolved by the active theme. */
|
|
23
|
+
size: {
|
|
24
|
+
type: PropType<BadgeSize>;
|
|
25
|
+
default: any;
|
|
26
|
+
};
|
|
27
|
+
/** HTML tag to render. */
|
|
28
|
+
tag: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export type BadgeProps = ExtractPublicPropTypes<typeof badgeProps>;
|
|
34
|
+
declare const _default: typeof __VLS_export;
|
|
35
|
+
export default _default;
|
|
36
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
37
|
+
themeClass: {
|
|
38
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<BadgeThemeClasses>>;
|
|
39
|
+
default: any;
|
|
40
|
+
};
|
|
41
|
+
themeVariant: {
|
|
42
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
43
|
+
default: any;
|
|
44
|
+
};
|
|
45
|
+
/** Color variant key — resolved by the active theme. */
|
|
46
|
+
color: {
|
|
47
|
+
type: PropType<BadgeColor>;
|
|
48
|
+
default: any;
|
|
49
|
+
};
|
|
50
|
+
/** Style variant key — resolved by the active theme (e.g. `solid`, `soft`, `outline`). */
|
|
51
|
+
variant: {
|
|
52
|
+
type: PropType<BadgeVariant>;
|
|
53
|
+
default: any;
|
|
54
|
+
};
|
|
55
|
+
/** Size variant key — resolved by the active theme. */
|
|
56
|
+
size: {
|
|
57
|
+
type: PropType<BadgeSize>;
|
|
58
|
+
default: any;
|
|
59
|
+
};
|
|
60
|
+
/** HTML tag to render. */
|
|
61
|
+
tag: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
66
|
+
[key: string]: any;
|
|
67
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
68
|
+
themeClass: {
|
|
69
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<BadgeThemeClasses>>;
|
|
70
|
+
default: any;
|
|
71
|
+
};
|
|
72
|
+
themeVariant: {
|
|
73
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
74
|
+
default: any;
|
|
75
|
+
};
|
|
76
|
+
/** Color variant key — resolved by the active theme. */
|
|
77
|
+
color: {
|
|
78
|
+
type: PropType<BadgeColor>;
|
|
79
|
+
default: any;
|
|
80
|
+
};
|
|
81
|
+
/** Style variant key — resolved by the active theme (e.g. `solid`, `soft`, `outline`). */
|
|
82
|
+
variant: {
|
|
83
|
+
type: PropType<BadgeVariant>;
|
|
84
|
+
default: any;
|
|
85
|
+
};
|
|
86
|
+
/** Size variant key — resolved by the active theme. */
|
|
87
|
+
size: {
|
|
88
|
+
type: PropType<BadgeSize>;
|
|
89
|
+
default: any;
|
|
90
|
+
};
|
|
91
|
+
/** HTML tag to render. */
|
|
92
|
+
tag: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
}>> & Readonly<{}>, {
|
|
97
|
+
themeClass: import("@vuecs/core").ThemeClassesOverride<BadgeThemeClasses>;
|
|
98
|
+
themeVariant: import("@vuecs/core").VariantValues;
|
|
99
|
+
color: BadgeColor;
|
|
100
|
+
variant: BadgeVariant;
|
|
101
|
+
size: BadgeSize;
|
|
102
|
+
tag: string;
|
|
103
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
104
|
+
//# sourceMappingURL=Badge.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EACR,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,YAAY,EACf,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,UAAU;;;;;;;;;IACZ,wDAAwD;;cAC/B,QAAQ,CAAC,UAAU,CAAC;;;IAC7C,0FAA0F;;cAC/D,QAAQ,CAAC,YAAY,CAAC;;;IACjD,uDAAuD;;cAC/B,QAAQ,CAAC,SAAS,CAAC;;;IAC3C,0BAA0B;;;;;CAG7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAAC,OAAO,UAAU,CAAC,CAAC;wBAE9C,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IArBd,wDAAwD;;cAC/B,QAAQ,CAAC,UAAU,CAAC;;;IAC7C,0FAA0F;;cAC/D,QAAQ,CAAC,YAAY,CAAC;;;IACjD,uDAAuD;;cAC/B,QAAQ,CAAC,SAAS,CAAC;;;IAC3C,0BAA0B;;;;;;;;;;;;;;;;IAN1B,wDAAwD;;cAC/B,QAAQ,CAAC,UAAU,CAAC;;;IAC7C,0FAA0F;;cAC/D,QAAQ,CAAC,YAAY,CAAC;;;IACjD,uDAAuD;;cAC/B,QAAQ,CAAC,SAAS,CAAC;;;IAC3C,0BAA0B;;;;;;;;;;;;4EA+B5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/badge/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,kBAAkB,EAAE,wBAAwB,CAAC,iBAAiB,CAAqC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ThemeElementDefinition } from '@vuecs/core';
|
|
2
|
+
export type BadgeColor = 'primary' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
|
|
3
|
+
export type BadgeVariant = 'solid' | 'soft' | 'outline';
|
|
4
|
+
export type BadgeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type BadgeThemeClasses = {
|
|
6
|
+
/** The pill element. */
|
|
7
|
+
root: string;
|
|
8
|
+
};
|
|
9
|
+
declare module '@vuecs/core' {
|
|
10
|
+
interface ThemeElements {
|
|
11
|
+
badge?: ThemeElementDefinition<BadgeThemeClasses>;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC1F,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,KAAK,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;KACrD;CACJ"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { CardPadding, CardThemeClasses, CardVariant } from './types';
|
|
3
|
+
declare const cardProps: {
|
|
4
|
+
themeClass: {
|
|
5
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CardThemeClasses>>;
|
|
6
|
+
default: any;
|
|
7
|
+
};
|
|
8
|
+
themeVariant: {
|
|
9
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
10
|
+
default: any;
|
|
11
|
+
};
|
|
12
|
+
/** Visual style variant — resolved by the active theme. */
|
|
13
|
+
variant: {
|
|
14
|
+
type: PropType<CardVariant>;
|
|
15
|
+
default: any;
|
|
16
|
+
};
|
|
17
|
+
/** Inner padding scale; propagates to child parts via card context. */
|
|
18
|
+
padding: {
|
|
19
|
+
type: PropType<CardPadding>;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
/** Adds hover / focus styling — useful for link-cards. */
|
|
23
|
+
interactive: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: any;
|
|
26
|
+
};
|
|
27
|
+
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
28
|
+
as: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
/** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
|
|
33
|
+
asChild: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export type CardProps = ExtractPublicPropTypes<typeof cardProps>;
|
|
39
|
+
declare const _default: typeof __VLS_export;
|
|
40
|
+
export default _default;
|
|
41
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
42
|
+
themeClass: {
|
|
43
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CardThemeClasses>>;
|
|
44
|
+
default: any;
|
|
45
|
+
};
|
|
46
|
+
themeVariant: {
|
|
47
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
48
|
+
default: any;
|
|
49
|
+
};
|
|
50
|
+
/** Visual style variant — resolved by the active theme. */
|
|
51
|
+
variant: {
|
|
52
|
+
type: PropType<CardVariant>;
|
|
53
|
+
default: any;
|
|
54
|
+
};
|
|
55
|
+
/** Inner padding scale; propagates to child parts via card context. */
|
|
56
|
+
padding: {
|
|
57
|
+
type: PropType<CardPadding>;
|
|
58
|
+
default: any;
|
|
59
|
+
};
|
|
60
|
+
/** Adds hover / focus styling — useful for link-cards. */
|
|
61
|
+
interactive: {
|
|
62
|
+
type: BooleanConstructor;
|
|
63
|
+
default: any;
|
|
64
|
+
};
|
|
65
|
+
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
66
|
+
as: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
70
|
+
/** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
|
|
71
|
+
asChild: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
75
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
76
|
+
[key: string]: any;
|
|
77
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
78
|
+
themeClass: {
|
|
79
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CardThemeClasses>>;
|
|
80
|
+
default: any;
|
|
81
|
+
};
|
|
82
|
+
themeVariant: {
|
|
83
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
84
|
+
default: any;
|
|
85
|
+
};
|
|
86
|
+
/** Visual style variant — resolved by the active theme. */
|
|
87
|
+
variant: {
|
|
88
|
+
type: PropType<CardVariant>;
|
|
89
|
+
default: any;
|
|
90
|
+
};
|
|
91
|
+
/** Inner padding scale; propagates to child parts via card context. */
|
|
92
|
+
padding: {
|
|
93
|
+
type: PropType<CardPadding>;
|
|
94
|
+
default: any;
|
|
95
|
+
};
|
|
96
|
+
/** Adds hover / focus styling — useful for link-cards. */
|
|
97
|
+
interactive: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: any;
|
|
100
|
+
};
|
|
101
|
+
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
102
|
+
as: {
|
|
103
|
+
type: StringConstructor;
|
|
104
|
+
default: string;
|
|
105
|
+
};
|
|
106
|
+
/** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
|
|
107
|
+
asChild: {
|
|
108
|
+
type: BooleanConstructor;
|
|
109
|
+
default: boolean;
|
|
110
|
+
};
|
|
111
|
+
}>> & Readonly<{}>, {
|
|
112
|
+
themeClass: import("@vuecs/core").ThemeClassesOverride<CardThemeClasses>;
|
|
113
|
+
themeVariant: import("@vuecs/core").VariantValues;
|
|
114
|
+
variant: CardVariant;
|
|
115
|
+
as: string;
|
|
116
|
+
asChild: boolean;
|
|
117
|
+
padding: CardPadding;
|
|
118
|
+
interactive: boolean;
|
|
119
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
120
|
+
//# sourceMappingURL=Card.vue.d.ts.map
|