@vuecs/elements 1.0.0 → 1.2.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 (47) hide show
  1. package/dist/components/alert/Alert.vue.d.ts +5 -5
  2. package/dist/components/alert/Alert.vue.d.ts.map +1 -1
  3. package/dist/components/alert/AlertClose.vue.d.ts +4 -4
  4. package/dist/components/alert/AlertClose.vue.d.ts.map +1 -1
  5. package/dist/components/alert/AlertDescription.vue.d.ts +10 -10
  6. package/dist/components/alert/AlertDescription.vue.d.ts.map +1 -1
  7. package/dist/components/alert/AlertTitle.vue.d.ts +10 -10
  8. package/dist/components/alert/AlertTitle.vue.d.ts.map +1 -1
  9. package/dist/components/avatar/Avatar.vue.d.ts +1 -1
  10. package/dist/components/badge/Badge.vue.d.ts +1 -1
  11. package/dist/components/card/Card.vue.d.ts +4 -4
  12. package/dist/components/card/Card.vue.d.ts.map +1 -1
  13. package/dist/components/card/CardBody.vue.d.ts +4 -4
  14. package/dist/components/card/CardBody.vue.d.ts.map +1 -1
  15. package/dist/components/card/CardDescription.vue.d.ts +4 -4
  16. package/dist/components/card/CardDescription.vue.d.ts.map +1 -1
  17. package/dist/components/card/CardFooter.vue.d.ts +4 -4
  18. package/dist/components/card/CardFooter.vue.d.ts.map +1 -1
  19. package/dist/components/card/CardHeader.vue.d.ts +4 -4
  20. package/dist/components/card/CardHeader.vue.d.ts.map +1 -1
  21. package/dist/components/card/CardPlaceholder.d.ts +146 -0
  22. package/dist/components/card/CardPlaceholder.d.ts.map +1 -0
  23. package/dist/components/card/CardTitle.vue.d.ts +4 -4
  24. package/dist/components/card/CardTitle.vue.d.ts.map +1 -1
  25. package/dist/components/card/index.d.ts +2 -0
  26. package/dist/components/card/index.d.ts.map +1 -1
  27. package/dist/components/card/theme.d.ts +2 -1
  28. package/dist/components/card/theme.d.ts.map +1 -1
  29. package/dist/components/card/types.d.ts +13 -0
  30. package/dist/components/card/types.d.ts.map +1 -1
  31. package/dist/components/collapse/Collapse.vue.d.ts +4 -4
  32. package/dist/components/collapse/Collapse.vue.d.ts.map +1 -1
  33. package/dist/components/collapse/CollapseContent.vue.d.ts +10 -10
  34. package/dist/components/collapse/CollapseContent.vue.d.ts.map +1 -1
  35. package/dist/components/collapse/CollapseTrigger.vue.d.ts +4 -4
  36. package/dist/components/collapse/CollapseTrigger.vue.d.ts.map +1 -1
  37. package/dist/components/tag/Tag.vue.d.ts +1 -1
  38. package/dist/components/tag/Tags.vue.d.ts +1 -1
  39. package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts +4 -4
  40. package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts.map +1 -1
  41. package/dist/index.d.ts.map +1 -1
  42. package/dist/index.mjs +127 -23
  43. package/dist/index.mjs.map +1 -1
  44. package/dist/style.css +37 -0
  45. package/dist/vue.d.ts +2 -0
  46. package/dist/vue.d.ts.map +1 -1
  47. package/package.json +5 -3
@@ -1 +1 @@
1
- {"version":3,"file":"CardTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/card/CardTitle.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EACR,oBAAoB,EAEpB,aAAa,EAChB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,cAAc;IAChB,iFAAiF;;;;;IAEjF,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,OAAO,cAAc,CAAC,CAAC;wBAEtD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IApBd,iFAAiF;;;;;IAEjF,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IAPvD,iFAAiF;;;;;IAEjF,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;4EAqCzD,CAAC"}
1
+ {"version":3,"file":"CardTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/card/CardTitle.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,KAAK,EACR,oBAAoB,EAEpB,aAAa,EAChB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,cAAc;IAChB,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,OAAO,cAAc,CAAC,CAAC;wBAEtD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IApBd,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IAPvD,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;4EAqCzD,CAAC"}
@@ -4,12 +4,14 @@ export { default as VCCardTitle } from './CardTitle.vue';
4
4
  export { default as VCCardDescription } from './CardDescription.vue';
5
5
  export { default as VCCardBody } from './CardBody.vue';
6
6
  export { default as VCCardFooter } from './CardFooter.vue';
7
+ export { VCCardPlaceholder } from './CardPlaceholder';
7
8
  export type { CardProps } from './Card.vue';
8
9
  export type { CardHeaderProps } from './CardHeader.vue';
9
10
  export type { CardTitleProps } from './CardTitle.vue';
10
11
  export type { CardDescriptionProps } from './CardDescription.vue';
11
12
  export type { CardBodyProps } from './CardBody.vue';
12
13
  export type { CardFooterProps } from './CardFooter.vue';
14
+ export type { CardPlaceholderProps } from './CardPlaceholder';
13
15
  export * from './context';
14
16
  export * from './theme';
15
17
  export * from './types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import type { ComponentThemeDefinition } from '@vuecs/core';
2
- import type { CardBodyThemeClasses, CardDescriptionThemeClasses, CardFooterThemeClasses, CardHeaderThemeClasses, CardThemeClasses, CardTitleThemeClasses } from './types';
2
+ import type { CardBodyThemeClasses, CardDescriptionThemeClasses, CardFooterThemeClasses, CardHeaderThemeClasses, CardPlaceholderThemeClasses, CardThemeClasses, CardTitleThemeClasses } from './types';
3
3
  export declare const cardThemeDefaults: ComponentThemeDefinition<CardThemeClasses>;
4
4
  export declare const cardHeaderThemeDefaults: ComponentThemeDefinition<CardHeaderThemeClasses>;
5
5
  export declare const cardTitleThemeDefaults: ComponentThemeDefinition<CardTitleThemeClasses>;
6
6
  export declare const cardDescriptionThemeDefaults: ComponentThemeDefinition<CardDescriptionThemeClasses>;
7
7
  export declare const cardBodyThemeDefaults: ComponentThemeDefinition<CardBodyThemeClasses>;
8
8
  export declare const cardFooterThemeDefaults: ComponentThemeDefinition<CardFooterThemeClasses>;
9
+ export declare const cardPlaceholderThemeDefaults: ComponentThemeDefinition<CardPlaceholderThemeClasses>;
9
10
  //# sourceMappingURL=theme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/card/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,wBAAwB,CAAC,gBAAgB,CAAoC,CAAC;AAE9G,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,sBAAsB,EAAE,wBAAwB,CAAC,qBAAqB,CAA0C,CAAC;AAE9H,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAAgD,CAAC;AAEhJ,eAAO,MAAM,qBAAqB,EAAE,wBAAwB,CAAC,oBAAoB,CAAyC,CAAC;AAE3H,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/card/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,wBAAwB,CAAC,gBAAgB,CAAoC,CAAC;AAE9G,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,sBAAsB,EAAE,wBAAwB,CAAC,qBAAqB,CAA0C,CAAC;AAE9H,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAAgD,CAAC;AAEhJ,eAAO,MAAM,qBAAqB,EAAE,wBAAwB,CAAC,oBAAoB,CAAyC,CAAC;AAE3H,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAQ9F,CAAC"}
@@ -25,6 +25,18 @@ export type CardFooterThemeClasses = {
25
25
  /** The footer band. */
26
26
  root: string;
27
27
  };
28
+ export type CardPlaceholderThemeClasses = {
29
+ /** Outer card wrapper (`<div>`). */
30
+ root: string;
31
+ /** Wrapper around the cover-image placeholder. */
32
+ image: string;
33
+ /** Wrapper around the header line (typically a wide bar). */
34
+ header: string;
35
+ /** Wrapper around the body lines. */
36
+ body: string;
37
+ /** Wrapper around the footer block (typically two short bars). */
38
+ footer: string;
39
+ };
28
40
  declare module '@vuecs/core' {
29
41
  interface ThemeElements {
30
42
  card?: ThemeElementDefinition<CardThemeClasses>;
@@ -33,6 +45,7 @@ declare module '@vuecs/core' {
33
45
  cardDescription?: ThemeElementDefinition<CardDescriptionThemeClasses>;
34
46
  cardBody?: ThemeElementDefinition<CardBodyThemeClasses>;
35
47
  cardFooter?: ThemeElementDefinition<CardFooterThemeClasses>;
48
+ cardPlaceholder?: ThemeElementDefinition<CardPlaceholderThemeClasses>;
36
49
  }
37
50
  }
38
51
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAChD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,SAAS,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;QAC1D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;QACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QACxD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;KAC/D;CACJ"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAChD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,SAAS,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;QAC1D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;QACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QACxD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;KACzE;CACJ"}
@@ -1,4 +1,4 @@
1
- import type { ExtractPublicPropTypes, PropType } from 'vue';
1
+ import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
2
2
  import type { CollapseThemeClasses } from './types';
3
3
  declare const collapseProps: {
4
4
  themeClass: {
@@ -36,7 +36,7 @@ declare const collapseProps: {
36
36
  };
37
37
  /** HTML tag to render. */
38
38
  as: {
39
- type: StringConstructor;
39
+ type: PropType<string | Component>;
40
40
  default: string;
41
41
  };
42
42
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -84,7 +84,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
84
84
  };
85
85
  /** HTML tag to render. */
86
86
  as: {
87
- type: StringConstructor;
87
+ type: PropType<string | Component>;
88
88
  default: string;
89
89
  };
90
90
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -130,7 +130,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
130
130
  };
131
131
  /** HTML tag to render. */
132
132
  as: {
133
- type: StringConstructor;
133
+ type: PropType<string | Component>;
134
134
  default: string;
135
135
  };
136
136
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -1 +1 @@
1
- {"version":3,"file":"Collapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,aAAa;;;;;;;;;IACf,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;;;;IAE1B,6EAA6E;;;;;CAGhF,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,aAAa,CAAC,CAAC;wBAEpD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA9Bd,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;;;;IAE1B,6EAA6E;;;;;;;;;;;;;;;;IAf7E,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;;;;IAE1B,6EAA6E;;;;;;;;;;;;;;;;4EA8C/E,CAAC"}
1
+ {"version":3,"file":"Collapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,aAAa;;;;;;;;;IACf,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;CAGhF,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,aAAa,CAAC,CAAC;wBAEpD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA9Bd,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;;;;;;;;;;;;IAf7E,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;;;;;;;;;;;;4EA8C/E,CAAC"}
@@ -1,12 +1,12 @@
1
- import type { ExtractPublicPropTypes } from 'vue';
1
+ import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
2
2
  import type { CollapseContentThemeClasses } from './types';
3
3
  declare const collapseContentProps: {
4
4
  themeClass: {
5
- type: import("vue").PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
5
+ type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
6
6
  default: any;
7
7
  };
8
8
  themeVariant: {
9
- type: import("vue").PropType<import("@vuecs/core").VariantValues>;
9
+ type: PropType<import("@vuecs/core").VariantValues>;
10
10
  default: any;
11
11
  };
12
12
  /**
@@ -19,7 +19,7 @@ declare const collapseContentProps: {
19
19
  };
20
20
  /** HTML tag to render. */
21
21
  as: {
22
- type: StringConstructor;
22
+ type: PropType<string | Component>;
23
23
  default: string;
24
24
  };
25
25
  /** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
@@ -33,11 +33,11 @@ declare const _default: typeof __VLS_export;
33
33
  export default _default;
34
34
  declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
35
35
  themeClass: {
36
- type: import("vue").PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
36
+ type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
37
37
  default: any;
38
38
  };
39
39
  themeVariant: {
40
- type: import("vue").PropType<import("@vuecs/core").VariantValues>;
40
+ type: PropType<import("@vuecs/core").VariantValues>;
41
41
  default: any;
42
42
  };
43
43
  /**
@@ -50,7 +50,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
50
50
  };
51
51
  /** HTML tag to render. */
52
52
  as: {
53
- type: StringConstructor;
53
+ type: PropType<string | Component>;
54
54
  default: string;
55
55
  };
56
56
  /** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
@@ -62,11 +62,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
62
62
  [key: string]: any;
63
63
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
64
64
  themeClass: {
65
- type: import("vue").PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
65
+ type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
66
66
  default: any;
67
67
  };
68
68
  themeVariant: {
69
- type: import("vue").PropType<import("@vuecs/core").VariantValues>;
69
+ type: PropType<import("@vuecs/core").VariantValues>;
70
70
  default: any;
71
71
  };
72
72
  /**
@@ -79,7 +79,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
79
79
  };
80
80
  /** HTML tag to render. */
81
81
  as: {
82
- type: StringConstructor;
82
+ type: PropType<string | Component>;
83
83
  default: string;
84
84
  };
85
85
  /** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
@@ -1 +1 @@
1
- {"version":3,"file":"CollapseContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseContent.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAIlD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;OAGG;;;;;IAEH,0BAA0B;;;;;IAE1B,kFAAkF;;;;;CAGrF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAElE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IAtBd;;;OAGG;;;;;IAEH,0BAA0B;;;;;IAE1B,kFAAkF;;;;;;;;;;;;;;;;IAPlF;;;OAGG;;;;;IAEH,0BAA0B;;;;;IAE1B,kFAAkF;;;;;;;;;;;4EAqCpF,CAAC"}
1
+ {"version":3,"file":"CollapseContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseContent.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;CAGrF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAElE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IAtBd;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;;;;;;;;;;;;IAPlF;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;;;;;;;4EAqCpF,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { ExtractPublicPropTypes, PropType } from 'vue';
1
+ import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
2
2
  import type { CollapseChevron, CollapseTriggerThemeClasses } from './types';
3
3
  declare const collapseTriggerProps: {
4
4
  themeClass: {
@@ -22,7 +22,7 @@ declare const collapseTriggerProps: {
22
22
  };
23
23
  /** HTML tag (or component) to render as. Reka default: `'button'`. */
24
24
  as: {
25
- type: StringConstructor;
25
+ type: PropType<string | Component>;
26
26
  default: string;
27
27
  };
28
28
  /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
56
56
  };
57
57
  /** HTML tag (or component) to render as. Reka default: `'button'`. */
58
58
  as: {
59
- type: StringConstructor;
59
+ type: PropType<string | Component>;
60
60
  default: string;
61
61
  };
62
62
  /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -88,7 +88,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
88
88
  };
89
89
  /** HTML tag (or component) to render as. Reka default: `'button'`. */
90
90
  as: {
91
- type: StringConstructor;
91
+ type: PropType<string | Component>;
92
92
  default: string;
93
93
  };
94
94
  /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -1 +1 @@
1
- {"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAa,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AASvE,OAAO,KAAK,EACR,eAAe,EAEf,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;CAGnF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAIlE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA3Bd;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;;;;;;;;;;;;IAVhF;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;;;;IAEtE,gFAAgF;;;;;;;;;;;4EAmElF,CAAC"}
1
+ {"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AASvE,OAAO,KAAK,EACR,eAAe,EAEf,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;CAGnF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAIlE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA3Bd;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;;;;;;IAVhF;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;4EAmElF,CAAC"}
@@ -131,9 +131,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
131
131
  onRemove?: (...args: any[]) => any;
132
132
  }>, {
133
133
  icon: string;
134
+ size: TagSize;
134
135
  themeClass: ThemeClassesOverride<TagThemeClasses>;
135
136
  themeVariant: VariantValues;
136
- size: TagSize;
137
137
  value: string | number;
138
138
  label: string;
139
139
  removable: boolean;
@@ -104,9 +104,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
104
104
  }>> & Readonly<{
105
105
  onRemove?: (...args: any[]) => any;
106
106
  }>, {
107
+ size: TagSize;
107
108
  themeClass: ThemeClassesOverride<TagsThemeClasses>;
108
109
  themeVariant: VariantValues;
109
- size: TagSize;
110
110
  removable: boolean;
111
111
  items: TagsItem[];
112
112
  }, SlotsType<{
@@ -1,8 +1,8 @@
1
- import type { ExtractPublicPropTypes } from 'vue';
1
+ import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
2
2
  declare const visuallyHiddenProps: {
3
3
  /** HTML tag to render. */
4
4
  as: {
5
- type: StringConstructor;
5
+ type: PropType<string | Component>;
6
6
  default: string;
7
7
  };
8
8
  };
@@ -12,7 +12,7 @@ export default _default;
12
12
  declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
13
  /** HTML tag to render. */
14
14
  as: {
15
- type: StringConstructor;
15
+ type: PropType<string | Component>;
16
16
  default: string;
17
17
  };
18
18
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
20
20
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
21
  /** HTML tag to render. */
22
22
  as: {
23
- type: StringConstructor;
23
+ type: PropType<string | Component>;
24
24
  default: string;
25
25
  };
26
26
  }>> & Readonly<{}>, {
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAGlD,QAAA,MAAM,mBAAmB;IACrB,0BAA0B;;;;;CAE7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAdd,0BAA0B;;;;;;;;IAA1B,0BAA0B;;;;;;;4EAyB5B,CAAC"}
1
+ {"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGvE,QAAA,MAAM,mBAAmB;IACrB,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;CAC/D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAdd,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IAD5D,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAwB9D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,CAAC;AAyBf,cAAc,cAAc,CAAC;AAE7B,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC;AAElC,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,GAAE,OAAY,GAAG,IAAI,CA4B7D;;;;AAED,wBAAwD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,CAAC;AA0Bf,cAAc,cAAc,CAAC;AAE7B,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC;AAElC,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,GAAE,OAAY,GAAG,IAAI,CA6B7D;;;;AAED,wBAAwD"}
package/dist/index.mjs CHANGED
@@ -1,6 +1,7 @@
1
- import { installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
1
+ import { VCPrimitive, installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
2
2
  import { computed, defineComponent, h, inject, mergeProps, provide, resolveComponent } from "vue";
3
- import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, Primitive, Separator, VisuallyHidden } from "reka-ui";
3
+ import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, Separator, VisuallyHidden } from "reka-ui";
4
+ import { VCPlaceholder } from "@vuecs/placeholder";
4
5
  //#region src/components/alert/theme.ts
5
6
  const alertThemeDefaults = { classes: {
6
7
  root: "vc-alert",
@@ -51,7 +52,7 @@ const alertProps = {
51
52
  },
52
53
  /** HTML tag to render. */
53
54
  as: {
54
- type: String,
55
+ type: [String, Object],
55
56
  default: "div"
56
57
  },
57
58
  ...themableProps()
@@ -117,7 +118,7 @@ var AlertTitle_default = defineComponent({
117
118
  * heading). Override via `:as` for nested-heading hierarchies.
118
119
  */
119
120
  as: {
120
- type: String,
121
+ type: [String, Object],
121
122
  default: "h4"
122
123
  },
123
124
  ...themableProps()
@@ -135,7 +136,7 @@ var AlertDescription_default = defineComponent({
135
136
  props: {
136
137
  /** HTML tag to render. */
137
138
  as: {
138
- type: String,
139
+ type: [String, Object],
139
140
  default: "div"
140
141
  },
141
142
  ...themableProps()
@@ -153,7 +154,7 @@ var AlertClose_default = defineComponent({
153
154
  props: {
154
155
  /** HTML tag to render. */
155
156
  as: {
156
- type: String,
157
+ type: [String, Object],
157
158
  default: "button"
158
159
  },
159
160
  /**
@@ -371,6 +372,13 @@ const cardTitleThemeDefaults = { classes: { root: "vc-card-title" } };
371
372
  const cardDescriptionThemeDefaults = { classes: { root: "vc-card-description" } };
372
373
  const cardBodyThemeDefaults = { classes: { root: "vc-card-body" } };
373
374
  const cardFooterThemeDefaults = { classes: { root: "vc-card-footer" } };
375
+ const cardPlaceholderThemeDefaults = { classes: {
376
+ root: "vc-card-placeholder",
377
+ image: "vc-card-placeholder-image",
378
+ header: "vc-card-placeholder-header",
379
+ body: "vc-card-placeholder-body",
380
+ footer: "vc-card-placeholder-footer"
381
+ } };
374
382
  //#endregion
375
383
  //#region src/components/card/Card.vue
376
384
  var Card_default = defineComponent({
@@ -394,7 +402,7 @@ var Card_default = defineComponent({
394
402
  },
395
403
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
396
404
  as: {
397
- type: String,
405
+ type: [String, Object],
398
406
  default: "div"
399
407
  },
400
408
  /** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
@@ -408,7 +416,7 @@ var Card_default = defineComponent({
408
416
  const themeProps = useThemeProps(props, "variant", "padding", "interactive");
409
417
  const theme = useComponentTheme("card", themeProps, cardThemeDefaults);
410
418
  provideCardContext({ themeVariant: () => themeProps.themeVariant });
411
- return () => h(Primitive, mergeProps(attrs, {
419
+ return () => h(VCPrimitive, mergeProps(attrs, {
412
420
  as: props.as,
413
421
  asChild: props.asChild,
414
422
  class: theme.value.root || void 0
@@ -423,7 +431,7 @@ var CardHeader_default = defineComponent({
423
431
  props: {
424
432
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
425
433
  as: {
426
- type: String,
434
+ type: [String, Object],
427
435
  default: "header"
428
436
  },
429
437
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -455,7 +463,7 @@ var CardHeader_default = defineComponent({
455
463
  };
456
464
  }
457
465
  }, cardHeaderThemeDefaults);
458
- return () => h(Primitive, mergeProps(attrs, {
466
+ return () => h(VCPrimitive, mergeProps(attrs, {
459
467
  as: props.as,
460
468
  asChild: props.asChild,
461
469
  class: theme.value.root || void 0
@@ -470,7 +478,7 @@ var CardTitle_default = defineComponent({
470
478
  props: {
471
479
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
472
480
  as: {
473
- type: String,
481
+ type: [String, Object],
474
482
  default: "h3"
475
483
  },
476
484
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -502,7 +510,7 @@ var CardTitle_default = defineComponent({
502
510
  };
503
511
  }
504
512
  }, cardTitleThemeDefaults);
505
- return () => h(Primitive, mergeProps(attrs, {
513
+ return () => h(VCPrimitive, mergeProps(attrs, {
506
514
  as: props.as,
507
515
  asChild: props.asChild,
508
516
  class: theme.value.root || void 0
@@ -517,7 +525,7 @@ var CardDescription_default = defineComponent({
517
525
  props: {
518
526
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
519
527
  as: {
520
- type: String,
528
+ type: [String, Object],
521
529
  default: "p"
522
530
  },
523
531
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -549,7 +557,7 @@ var CardDescription_default = defineComponent({
549
557
  };
550
558
  }
551
559
  }, cardDescriptionThemeDefaults);
552
- return () => h(Primitive, mergeProps(attrs, {
560
+ return () => h(VCPrimitive, mergeProps(attrs, {
553
561
  as: props.as,
554
562
  asChild: props.asChild,
555
563
  class: theme.value.root || void 0
@@ -564,7 +572,7 @@ var CardBody_default = defineComponent({
564
572
  props: {
565
573
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
566
574
  as: {
567
- type: String,
575
+ type: [String, Object],
568
576
  default: "div"
569
577
  },
570
578
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -596,7 +604,7 @@ var CardBody_default = defineComponent({
596
604
  };
597
605
  }
598
606
  }, cardBodyThemeDefaults);
599
- return () => h(Primitive, mergeProps(attrs, {
607
+ return () => h(VCPrimitive, mergeProps(attrs, {
600
608
  as: props.as,
601
609
  asChild: props.asChild,
602
610
  class: theme.value.root || void 0
@@ -611,7 +619,7 @@ var CardFooter_default = defineComponent({
611
619
  props: {
612
620
  /** HTML tag to render. Use `:as-child` to compose onto an existing component. */
613
621
  as: {
614
- type: String,
622
+ type: [String, Object],
615
623
  default: "footer"
616
624
  },
617
625
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -643,13 +651,108 @@ var CardFooter_default = defineComponent({
643
651
  };
644
652
  }
645
653
  }, cardFooterThemeDefaults);
646
- return () => h(Primitive, mergeProps(attrs, {
654
+ return () => h(VCPrimitive, mergeProps(attrs, {
647
655
  as: props.as,
648
656
  asChild: props.asChild,
649
657
  class: theme.value.root || void 0
650
658
  }), { default: () => slots.default?.() });
651
659
  }
652
660
  });
661
+ /**
662
+ * Card-shaped skeleton — cover image + header line + body lines +
663
+ * footer block. Each section independently togglable via `:no-*` props.
664
+ *
665
+ * Lives in `@vuecs/elements` next to `<VCCard>` (the real component
666
+ * it mimics structurally) for discoverability. Composes
667
+ * `<VCPlaceholder>` per section — the `:animation` prop flows
668
+ * through, so the reduced-motion handling at the bar level applies
669
+ * here too.
670
+ */
671
+ const VCCardPlaceholder = defineComponent({
672
+ name: "VCCardPlaceholder",
673
+ props: {
674
+ /** Skip the header line. */
675
+ noHeader: {
676
+ type: Boolean,
677
+ default: false
678
+ },
679
+ /** Skip the footer block. */
680
+ noFooter: {
681
+ type: Boolean,
682
+ default: false
683
+ },
684
+ /** Skip the cover-image placeholder. */
685
+ noImg: {
686
+ type: Boolean,
687
+ default: false
688
+ },
689
+ /** Cover-image placeholder height. CSS length (`'180px'`, `'12rem'`). */
690
+ imgHeight: {
691
+ type: String,
692
+ default: "180px"
693
+ },
694
+ /** Number of body lines below the header. */
695
+ bodyLines: {
696
+ type: Number,
697
+ default: 3
698
+ },
699
+ /** Animation pattern. Forwarded to every inner `<VCPlaceholder>`. */
700
+ animation: {
701
+ type: String,
702
+ default: "wave"
703
+ },
704
+ ...themableProps()
705
+ },
706
+ setup(props) {
707
+ const theme = useComponentTheme("cardPlaceholder", useThemeProps(props), cardPlaceholderThemeDefaults);
708
+ return () => {
709
+ const t = theme.value;
710
+ const children = [];
711
+ if (!props.noImg) children.push(h("div", {
712
+ class: t.image || void 0,
713
+ style: { height: props.imgHeight }
714
+ }, [h(VCPlaceholder, {
715
+ animation: props.animation,
716
+ width: "100%"
717
+ })]));
718
+ if (!props.noHeader) children.push(h("div", { class: t.header || void 0 }, [h(VCPlaceholder, {
719
+ animation: props.animation,
720
+ width: "70%",
721
+ size: "lg"
722
+ })]));
723
+ const bodyLines = Number.isFinite(props.bodyLines) ? Math.min(20, Math.max(0, Math.floor(props.bodyLines))) : 0;
724
+ if (bodyLines > 0) {
725
+ const widths = [
726
+ "100%",
727
+ "95%",
728
+ "90%",
729
+ "88%",
730
+ "92%"
731
+ ];
732
+ const bodyChildren = Array.from({ length: bodyLines }, (_, i) => {
733
+ const width = i === bodyLines - 1 ? "60%" : widths[i % widths.length];
734
+ return h(VCPlaceholder, {
735
+ animation: props.animation,
736
+ width
737
+ });
738
+ });
739
+ children.push(h("div", { class: t.body || void 0 }, bodyChildren));
740
+ }
741
+ if (!props.noFooter) children.push(h("div", { class: t.footer || void 0 }, [h(VCPlaceholder, {
742
+ animation: props.animation,
743
+ width: "35%"
744
+ }), h(VCPlaceholder, {
745
+ animation: props.animation,
746
+ width: "30%"
747
+ })]));
748
+ return h("div", {
749
+ class: t.root || void 0,
750
+ "aria-hidden": "true",
751
+ role: "presentation"
752
+ }, children);
753
+ };
754
+ }
755
+ });
653
756
  //#endregion
654
757
  //#region src/components/collapse/theme.ts
655
758
  const collapseThemeDefaults = { classes: { root: "vc-collapse" } };
@@ -691,7 +794,7 @@ var Collapse_default = defineComponent({
691
794
  },
692
795
  /** HTML tag to render. */
693
796
  as: {
694
- type: String,
797
+ type: [String, Object],
695
798
  default: "div"
696
799
  },
697
800
  /** Render the consumer's slot child as the root (Reka `asChild` pattern). */
@@ -732,7 +835,7 @@ const collapseTriggerProps = {
732
835
  },
733
836
  /** HTML tag (or component) to render as. Reka default: `'button'`. */
734
837
  as: {
735
- type: String,
838
+ type: [String, Object],
736
839
  default: "button"
737
840
  },
738
841
  /** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
@@ -786,7 +889,7 @@ var CollapseContent_default = defineComponent({
786
889
  },
787
890
  /** HTML tag to render. */
788
891
  as: {
789
- type: String,
892
+ type: [String, Object],
790
893
  default: "div"
791
894
  },
792
895
  /** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
@@ -1036,7 +1139,7 @@ var VisuallyHidden_default = defineComponent({
1036
1139
  props: {
1037
1140
  /** HTML tag to render. */
1038
1141
  as: {
1039
- type: String,
1142
+ type: [String, Object],
1040
1143
  default: "span"
1041
1144
  } },
1042
1145
  setup(props, { attrs, slots }) {
@@ -1062,6 +1165,7 @@ function install(app, options = {}) {
1062
1165
  VCCardDescription: CardDescription_default,
1063
1166
  VCCardBody: CardBody_default,
1064
1167
  VCCardFooter: CardFooter_default,
1168
+ VCCardPlaceholder,
1065
1169
  VCCollapse: Collapse_default,
1066
1170
  VCCollapseTrigger: CollapseTrigger_default,
1067
1171
  VCCollapseContent: CollapseContent_default,
@@ -1075,6 +1179,6 @@ function install(app, options = {}) {
1075
1179
  }
1076
1180
  var src_default = { install };
1077
1181
  //#endregion
1078
- export { Alert_default as VCAlert, AlertClose_default as VCAlertClose, AlertDescription_default as VCAlertDescription, AlertTitle_default as VCAlertTitle, AspectRatio_default as VCAspectRatio, Avatar_default as VCAvatar, Badge_default as VCBadge, Card_default as VCCard, CardBody_default as VCCardBody, CardDescription_default as VCCardDescription, CardFooter_default as VCCardFooter, CardHeader_default as VCCardHeader, CardTitle_default as VCCardTitle, Collapse_default as VCCollapse, CollapseContent_default as VCCollapseContent, CollapseTrigger_default as VCCollapseTrigger, Separator_default as VCSeparator, Tag_default as VCTag, Tags_default as VCTags, VisuallyHidden_default as VCVisuallyHidden, alertDescriptionThemeDefaults, alertThemeDefaults, alertTitleThemeDefaults, aspectRatioThemeDefaults, avatarThemeDefaults, badgeThemeDefaults, cardBodyThemeDefaults, cardDescriptionThemeDefaults, cardFooterThemeDefaults, cardHeaderThemeDefaults, cardThemeDefaults, cardTitleThemeDefaults, collapseContentThemeDefaults, collapseThemeDefaults, collapseTriggerThemeDefaults, src_default as default, install, provideCardContext, separatorThemeDefaults, tagThemeDefaults, tagsThemeDefaults, useCardContext };
1182
+ export { Alert_default as VCAlert, AlertClose_default as VCAlertClose, AlertDescription_default as VCAlertDescription, AlertTitle_default as VCAlertTitle, AspectRatio_default as VCAspectRatio, Avatar_default as VCAvatar, Badge_default as VCBadge, Card_default as VCCard, CardBody_default as VCCardBody, CardDescription_default as VCCardDescription, CardFooter_default as VCCardFooter, CardHeader_default as VCCardHeader, VCCardPlaceholder, CardTitle_default as VCCardTitle, Collapse_default as VCCollapse, CollapseContent_default as VCCollapseContent, CollapseTrigger_default as VCCollapseTrigger, Separator_default as VCSeparator, Tag_default as VCTag, Tags_default as VCTags, VisuallyHidden_default as VCVisuallyHidden, alertDescriptionThemeDefaults, alertThemeDefaults, alertTitleThemeDefaults, aspectRatioThemeDefaults, avatarThemeDefaults, badgeThemeDefaults, cardBodyThemeDefaults, cardDescriptionThemeDefaults, cardFooterThemeDefaults, cardHeaderThemeDefaults, cardPlaceholderThemeDefaults, cardThemeDefaults, cardTitleThemeDefaults, collapseContentThemeDefaults, collapseThemeDefaults, collapseTriggerThemeDefaults, src_default as default, install, provideCardContext, separatorThemeDefaults, tagThemeDefaults, tagsThemeDefaults, useCardContext };
1079
1183
 
1080
1184
  //# sourceMappingURL=index.mjs.map