@equal-experts/kuat-vue 0.9.2 → 0.11.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.
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as e, createBlock as n, openBlock as o, normalizeClass as c, withCtx as l, renderSlot as i } from "vue";
2
- import { _ as p, a as _, b as u, c as m, d as f } from "./CarouselNext.vue_vue_type_script_setup_true_lang-Ccl5Fhm_.js";
2
+ import { _ as p, a as _, b as u, c as m, d as f } from "./CarouselNext.vue_vue_type_script_setup_true_lang-BvnpmYmA.js";
3
3
  const C = /* @__PURE__ */ e({
4
4
  __name: "KuatCarousel",
5
5
  props: {
@@ -1,2 +1,2 @@
1
1
  export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/ui/carousel';
2
- export type { CarouselItemBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
2
+ export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
package/dist/carousel.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as e, a as o, b as r, d as u, c as C } from "./CarouselNext.vue_vue_type_script_setup_true_lang-Ccl5Fhm_.js";
1
+ import { _ as e, a as o, b as r, d as u, c as C } from "./CarouselNext.vue_vue_type_script_setup_true_lang-BvnpmYmA.js";
2
2
  export {
3
3
  e as Carousel,
4
4
  o as CarouselContent,
@@ -9,6 +9,11 @@ interface Props {
9
9
  class?: HTMLAttributes["class"];
10
10
  opts?: Record<string, unknown>;
11
11
  basis?: CarouselItemBasis;
12
+ basisSm?: CarouselItemBasis;
13
+ basisMd?: CarouselItemBasis;
14
+ basisLg?: CarouselItemBasis;
15
+ basisXl?: CarouselItemBasis;
16
+ basis2xl?: CarouselItemBasis;
12
17
  orientation?: CarouselOrientation;
13
18
  plugins?: CarouselPlugins;
14
19
  setApi?: (api: CarouselApi | undefined) => void;
@@ -4,6 +4,11 @@ import { CarouselItemBasis } from './context';
4
4
  interface Props {
5
5
  class?: HTMLAttributes["class"];
6
6
  basis?: CarouselItemBasis;
7
+ basisSm?: CarouselItemBasis;
8
+ basisMd?: CarouselItemBasis;
9
+ basisLg?: CarouselItemBasis;
10
+ basisXl?: CarouselItemBasis;
11
+ basis2xl?: CarouselItemBasis;
7
12
  }
8
13
  declare function __VLS_template(): {
9
14
  default?(_: {}): any;
@@ -3,11 +3,19 @@ import { default as useEmblaCarousel } from 'embla-carousel-vue';
3
3
 
4
4
  export type CarouselOrientation = "horizontal" | "vertical";
5
5
  export type CarouselItemBasis = 1 | 2 | 3;
6
+ export interface CarouselResponsiveBasis {
7
+ sm?: CarouselItemBasis;
8
+ md?: CarouselItemBasis;
9
+ lg?: CarouselItemBasis;
10
+ xl?: CarouselItemBasis;
11
+ "2xl"?: CarouselItemBasis;
12
+ }
6
13
  type EmblaApiRef = ReturnType<typeof useEmblaCarousel>[1];
7
14
  export type CarouselApi = NonNullable<EmblaApiRef["value"]>;
8
15
  export interface CarouselContextValue {
9
16
  api: Ref<CarouselApi | undefined>;
10
17
  basis: Ref<CarouselItemBasis>;
18
+ responsiveBasis: Ref<CarouselResponsiveBasis>;
11
19
  orientation: Ref<CarouselOrientation>;
12
20
  scrollPrev: () => void;
13
21
  scrollNext: () => void;
@@ -3,5 +3,5 @@ export { default as CarouselContent } from './CarouselContent.vue';
3
3
  export { default as CarouselItem } from './CarouselItem.vue';
4
4
  export { default as CarouselPrevious } from './CarouselPrevious.vue';
5
5
  export { default as CarouselNext } from './CarouselNext.vue';
6
- export type { CarouselItemBasis, CarouselOrientation, CarouselApi } from './context';
6
+ export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselOrientation, CarouselApi } from './context';
7
7
  export type { CarouselEventHandler, CarouselEventHandlers, CarouselPlugins } from './Carousel.vue';
@@ -3,6 +3,10 @@ import { PrimitiveProps } from 'reka-ui';
3
3
 
4
4
  interface Props extends PrimitiveProps {
5
5
  class?: HTMLAttributes["class"];
6
+ /** Width behavior for the root card container. */
7
+ width?: "default" | "fluid" | "custom";
8
+ /** Used when `width` is `custom`; accepts CSS max-width values. */
9
+ maxWidth?: string | number;
6
10
  /** Optional media; when `null`, the media area is removed (no gap). */
7
11
  imageSrc?: string | null;
8
12
  imageAlt?: string;
@@ -22,16 +26,22 @@ declare function __VLS_template(): {
22
26
  };
23
27
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
24
28
  as: string;
29
+ width: string;
30
+ maxWidth: string;
25
31
  imageSrc: null;
26
32
  imageAlt: string;
27
33
  contentText: null;
28
34
  }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
29
35
  as: string;
36
+ width: string;
37
+ maxWidth: string;
30
38
  imageSrc: null;
31
39
  imageAlt: string;
32
40
  contentText: null;
33
41
  }>>> & Readonly<{}>, {
34
42
  as: import('reka-ui').AsTag | import('vue').Component;
43
+ width: "default" | "fluid" | "custom";
44
+ maxWidth: string | number;
35
45
  imageSrc: string | null;
36
46
  imageAlt: string;
37
47
  contentText: string | null;
package/dist/index.d.ts CHANGED
@@ -6,7 +6,7 @@ export { ContentCard } from './components/ui/content-card';
6
6
  export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
7
7
  export type { KuatHeaderVariants } from './components/ui/kuat-header';
8
8
  export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/ui/carousel';
9
- export type { CarouselItemBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
9
+ export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
10
10
  export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, } from './components/ui/kuat-carousel';
11
11
  export type { KuatCarouselSlidesPerView } from './components/ui/kuat-carousel';
12
12
  export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './components/ui/kuat-radial-progress';