kemet-ui 4.0.0 → 4.0.2

package/dist/elements/carousel-slide.d.ts

@@ -0,0 +1,34 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-slide
+ * @summary A container for a slide in the carousel.
+ *
+ * @prop {boolean} selected - Determines if the slide is selected.
+ *
+ */
+declare class KemetCarouselSlide extends LitElement {
+    static styles: lit.CSSResult[];
+    selected: boolean;
+    static get properties(): {
+        'aria-hidden': {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    constructor();
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-slide': KemetCarouselSlide;
+    }
+}
+
+export { KemetCarouselSlide as default };

package/dist/elements/carousel-slide.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/elements/carousel-slide.ts
+var carousel_slide_exports = {};
+__export(carousel_slide_exports, {
+  default: () => KemetCarouselSlide
+});
+module.exports = __toCommonJS(carousel_slide_exports);
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var KemetCarouselSlide = class extends import_lit.LitElement {
+  constructor() {
+    super();
+    this.selected = false;
+    this["aria-hidden"] = "true";
+  }
+  static get properties() {
+    return {
+      "aria-hidden": { type: String, reflect: true }
+    };
+  }
+  render() {
+    return import_lit.html`
+      <slot></slot>
+    `;
+  }
+};
+KemetCarouselSlide.styles = [
+  import_lit.css`
+      :host,
+      :host *,
+      :host *::before,
+      *::after {
+        box-sizing: border-box;
+      }
+
+      :host {
+        flex: 0 0 auto;
+      }
+    `
+];
+__decorateClass([
+  (0, import_decorators.property)({ type: Boolean, reflect: true })
+], KemetCarouselSlide.prototype, "selected", 2);
+KemetCarouselSlide = __decorateClass([
+  (0, import_decorators.customElement)("kemet-carousel-slide")
+], KemetCarouselSlide);
+//# sourceMappingURL=carousel-slide.js.map

package/dist/elements/carousel-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/carousel-slide.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-slide\n * @summary A container for a slide in the carousel.\n *\n * @prop {boolean} selected - Determines if the slide is selected.\n *\n */\n\n@customElement('kemet-carousel-slide')\nexport default class KemetCarouselSlide extends LitElement {\n  static styles = [\n    css`\n      :host,\n      :host *,\n      :host *::before,\n      *::after {\n        box-sizing: border-box;\n      }\n\n      :host {\n        flex: 0 0 auto;\n      }\n    `,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  selected: boolean = false;\n\n  static get properties() {\n    return {\n      'aria-hidden': { type: String, reflect: true },\n    };\n  }\n\n  constructor() {\n    super();\n    this['aria-hidden'] = 'true';\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-slide': KemetCarouselSlide\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAAwC;AAexC,IAAqB,qBAArB,cAAgD,sBAAW;AAAA,EAyBzD,cAAc;AACZ,UAAM;AATR,oBAAoB;AAUlB,SAAK,aAAa,IAAI;AAAA,EACxB;AAAA,EATA,WAAW,aAAa;AACtB,WAAO;AAAA,MACL,eAAe,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAC/C;AAAA,EACF;AAAA,EAOA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAnCqB,mBACZ,SAAS;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAhBvB,mBAiBnB;AAjBmB,qBAArB;AAAA,MADC,iCAAc,sBAAsB;AAAA,GAChB;","names":[]}

package/dist/elements/carousel-slide.mjs

@@ -0,0 +1,8 @@
+import {
+  KemetCarouselSlide
+} from "../chunk-YVOM5EV3.mjs";
+import "../chunk-SAWN7RJP.mjs";
+export {
+  KemetCarouselSlide as default
+};
+//# sourceMappingURL=carousel-slide.mjs.map

package/dist/elements/carousel-slide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/carousel-total.d.mts

@@ -0,0 +1,33 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetCarousel from './carousel.mjs';
+import './carousel-link.mjs';
+import './carousel-slide.mjs';
+
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-total
+ * @summary Displays the total slide number.
+ *
+ * @prop {number} total - The total number of slides.
+ *
+ */
+declare class KemetCarouselTotal extends LitElement {
+    static styles: lit.CSSResult[];
+    total: number | undefined;
+    carousel: KemetCarousel | null;
+    firstUpdated(): void;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-total': KemetCarouselTotal;
+    }
+}
+
+export { KemetCarouselTotal as default };

package/dist/elements/carousel-total.d.ts

@@ -0,0 +1,33 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetCarousel from './carousel.js';
+import './carousel-link.js';
+import './carousel-slide.js';
+
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-total
+ * @summary Displays the total slide number.
+ *
+ * @prop {number} total - The total number of slides.
+ *
+ */
+declare class KemetCarouselTotal extends LitElement {
+    static styles: lit.CSSResult[];
+    total: number | undefined;
+    carousel: KemetCarousel | null;
+    firstUpdated(): void;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-total': KemetCarouselTotal;
+    }
+}
+
+export { KemetCarouselTotal as default };

package/dist/elements/carousel-total.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/elements/carousel-total.ts
+var carousel_total_exports = {};
+__export(carousel_total_exports, {
+  default: () => KemetCarouselTotal
+});
+module.exports = __toCommonJS(carousel_total_exports);
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var KemetCarouselTotal = class extends import_lit.LitElement {
+  firstUpdated() {
+    this.carousel = this.closest("kemet-carousel");
+  }
+  updated() {
+    this.total = this.carousel?.total;
+  }
+  render() {
+    return import_lit.html`${this.total}`;
+  }
+};
+KemetCarouselTotal.styles = [
+  import_lit.css`
+      :host {
+        display: inline-block;
+      }
+    `
+];
+__decorateClass([
+  (0, import_decorators.property)({ type: Number })
+], KemetCarouselTotal.prototype, "total", 2);
+__decorateClass([
+  (0, import_decorators.state)()
+], KemetCarouselTotal.prototype, "carousel", 2);
+KemetCarouselTotal = __decorateClass([
+  (0, import_decorators.customElement)("kemet-carousel-total")
+], KemetCarouselTotal);
+//# sourceMappingURL=carousel-total.js.map

package/dist/elements/carousel-total.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/carousel-total.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type KemetCarousel from './carousel';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-total\n * @summary Displays the total slide number.\n *\n * @prop {number} total - The total number of slides.\n *\n */\n\n@customElement('kemet-carousel-total')\nexport default class KemetCarouselTotal extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n      }\n    `,\n  ];\n\n  @property({ type: Number })\n  total: number | undefined;\n\n  @state()\n  carousel: KemetCarousel | null;\n\n  firstUpdated() {\n    this.carousel = this.closest('kemet-carousel');\n  }\n\n  updated() {\n    this.total = this.carousel?.total;\n  }\n\n  render() {\n    return html`${this.total}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-total': KemetCarouselTotal\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAA+C;AAgB/C,IAAqB,qBAArB,cAAgD,sBAAW;AAAA,EAezD,eAAe;AACb,SAAK,WAAW,KAAK,QAAQ,gBAAgB;AAAA,EAC/C;AAAA,EAEA,UAAU;AACR,SAAK,QAAQ,KAAK,UAAU;AAAA,EAC9B;AAAA,EAEA,SAAS;AACP,WAAO,kBAAO,KAAK,KAAK;AAAA,EAC1B;AACF;AA1BqB,mBACZ,SAAS;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAKF;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GATP,mBAUnB;AAGA;AAAA,MADC,yBAAM;AAAA,GAZY,mBAanB;AAbmB,qBAArB;AAAA,MADC,iCAAc,sBAAsB;AAAA,GAChB;","names":[]}

package/dist/elements/carousel-total.mjs

@@ -0,0 +1,8 @@
+import {
+  KemetCarouselTotal
+} from "../chunk-4B5LWYUI.mjs";
+import "../chunk-SAWN7RJP.mjs";
+export {
+  KemetCarouselTotal as default
+};
+//# sourceMappingURL=carousel-total.mjs.map

package/dist/elements/carousel-total.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/carousel.d.mts

@@ -0,0 +1,123 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetCarouselLink from './carousel-link.mjs';
+import KemetCarouselSlide from './carousel-slide.mjs';
+
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel
+ * @summary The Carousel allows you to click or swipe through content.
+ *
+ * @prop {number} index - The current slide index.
+ * @prop {number} total - The total amount of slides.
+ * @prop {string} sliderWidth - The width of the slider.
+ * @prop {string} sliderTranslateX - The X position of the slider.
+ * @prop {boolean} inner - Displays the toolbar inside the carousel container.
+ * @prop {boolean} arrows - Determines whether to display arrows.
+ * @prop {object} options - Default options for the carousel.
+ * @prop {object} breakpoints - Options at different breakpoints for the carousel. Is mobile first.
+ *
+ * @event kemet-change-start - Fires when the slide has begun to change.
+ * @event kemet-change-finished - Fires when a slide has changed and finished animating
+ *
+ * @slot slides - Place the slide elements here.
+ * @slot toolbar - Allows you to construct a toolbar within the carousel. Place things like pagination here.
+ * @slot prev - A slot for the previous arrow.
+ * @slot next - A slot for the next arrow.
+ * @slot information - Allows you to enter custom HTML such as a slide description to be used in the toolbar.
+ *
+ * @cssproperty --kemet-carousel-width - The width of the carousel.
+ * @cssproperty --kemet-carousel-height - The height of the carousel.
+ * @cssproperty --kemet-carousel-toolbar-gap - The space between items in the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-justify-content - The cross axis alignment of the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-padding - The padding of the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-width - The inner toolbar width.
+ * @cssproperty --kemet-carousel-toolbar-inner-bottom - The bottom position of the inner toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-top - The top position of the inner toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-color - The inner toolbar text color.
+ * @cssproperty --kemet-carousel-toolbar-inner-background-color - The inner toolbar background color.
+ * @cssproperty --kemet-carousel-slides-border - The border around the slides.
+ * @cssproperty --kemet-carousel-transition-speed - The transition speed of the slides.
+ * @cssproperty --kemet-carousel-arrows-opacity - The arrows start opacity.
+ * @cssproperty --kemet-carousel-arrows-opacity-hover - The arrows however opacity.
+ * @cssproperty --kemet-carousel-arrows-transition-speed - The arrows transition speed.
+ *
+ * @csspart container - Contains the slides and toolbar.
+ * @csspart slides - Wrapper for the slider.
+ * @csspart slider - Contains the slides.
+ * @csspart toolbar - Contains the toolbar.
+ *
+ */
+declare class KemetCarousel extends LitElement {
+    static styles: lit.CSSResult[];
+    index: number;
+    total: number;
+    sliderWidth: string;
+    sliderTranslateX: string;
+    inner: boolean;
+    arrows: boolean;
+    options: object;
+    breakpoints: object;
+    /** @internal */
+    slides: KemetCarouselSlide[];
+    /** @internal */
+    links: KemetCarouselLink[];
+    /** @internal */
+    toolbarSlotElement: HTMLElement | null;
+    /** @internal */
+    informationElement: HTMLElement | null;
+    /** @internal */
+    swipeMove: (event: TouchEvent | MouseEvent) => void;
+    /** @internal */
+    handleSlideShow: () => void;
+    /** @internal */
+    slideShowID: number;
+    /** @internal */
+    startX: number;
+    /** @internal */
+    slideWidth: number;
+    /** @internal */
+    informationSlot: HTMLElement;
+    /** @internal */
+    containerElement: HTMLElement;
+    /** @internal */
+    slidesElement: HTMLElement;
+    /** @internal */
+    sliderElement: HTMLElement;
+    /** @internal */
+    toolbarElement: HTMLElement;
+    constructor();
+    firstUpdated(): void;
+    updated(prevProps: Map<string, never>): void;
+    render(): lit_html.TemplateResult<1>;
+    swipeStart(event: TouchEvent | MouseEvent): void;
+    swipeEnd(event: TouchEvent | MouseEvent): void;
+    swipeUpdate(event: TouchEvent | MouseEvent): number;
+    swipeLeave(): void;
+    setSlideSize(): void;
+    setToolbarSize(): void;
+    makeToolbar(): lit_html.TemplateResult<1>;
+    handleSlotChange(): void;
+    handleArrows(): void;
+    handleFirst(): void;
+    handleLast(): void;
+    handleNext(): void;
+    handlePrev(): void;
+    updateIndex(newIndex: number): void;
+    updateInformation(): void;
+    goToSlide(index: number): void;
+    handleTransitionEnd(): void;
+    handleLink(event: CustomEvent): void;
+    getOption(option: string): any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel': KemetCarousel;
+    }
+}
+
+export { KemetCarousel as default };

package/dist/elements/carousel.d.ts

@@ -0,0 +1,123 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetCarouselLink from './carousel-link.js';
+import KemetCarouselSlide from './carousel-slide.js';
+
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel
+ * @summary The Carousel allows you to click or swipe through content.
+ *
+ * @prop {number} index - The current slide index.
+ * @prop {number} total - The total amount of slides.
+ * @prop {string} sliderWidth - The width of the slider.
+ * @prop {string} sliderTranslateX - The X position of the slider.
+ * @prop {boolean} inner - Displays the toolbar inside the carousel container.
+ * @prop {boolean} arrows - Determines whether to display arrows.
+ * @prop {object} options - Default options for the carousel.
+ * @prop {object} breakpoints - Options at different breakpoints for the carousel. Is mobile first.
+ *
+ * @event kemet-change-start - Fires when the slide has begun to change.
+ * @event kemet-change-finished - Fires when a slide has changed and finished animating
+ *
+ * @slot slides - Place the slide elements here.
+ * @slot toolbar - Allows you to construct a toolbar within the carousel. Place things like pagination here.
+ * @slot prev - A slot for the previous arrow.
+ * @slot next - A slot for the next arrow.
+ * @slot information - Allows you to enter custom HTML such as a slide description to be used in the toolbar.
+ *
+ * @cssproperty --kemet-carousel-width - The width of the carousel.
+ * @cssproperty --kemet-carousel-height - The height of the carousel.
+ * @cssproperty --kemet-carousel-toolbar-gap - The space between items in the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-justify-content - The cross axis alignment of the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-padding - The padding of the toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-width - The inner toolbar width.
+ * @cssproperty --kemet-carousel-toolbar-inner-bottom - The bottom position of the inner toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-top - The top position of the inner toolbar.
+ * @cssproperty --kemet-carousel-toolbar-inner-color - The inner toolbar text color.
+ * @cssproperty --kemet-carousel-toolbar-inner-background-color - The inner toolbar background color.
+ * @cssproperty --kemet-carousel-slides-border - The border around the slides.
+ * @cssproperty --kemet-carousel-transition-speed - The transition speed of the slides.
+ * @cssproperty --kemet-carousel-arrows-opacity - The arrows start opacity.
+ * @cssproperty --kemet-carousel-arrows-opacity-hover - The arrows however opacity.
+ * @cssproperty --kemet-carousel-arrows-transition-speed - The arrows transition speed.
+ *
+ * @csspart container - Contains the slides and toolbar.
+ * @csspart slides - Wrapper for the slider.
+ * @csspart slider - Contains the slides.
+ * @csspart toolbar - Contains the toolbar.
+ *
+ */
+declare class KemetCarousel extends LitElement {
+    static styles: lit.CSSResult[];
+    index: number;
+    total: number;
+    sliderWidth: string;
+    sliderTranslateX: string;
+    inner: boolean;
+    arrows: boolean;
+    options: object;
+    breakpoints: object;
+    /** @internal */
+    slides: KemetCarouselSlide[];
+    /** @internal */
+    links: KemetCarouselLink[];
+    /** @internal */
+    toolbarSlotElement: HTMLElement | null;
+    /** @internal */
+    informationElement: HTMLElement | null;
+    /** @internal */
+    swipeMove: (event: TouchEvent | MouseEvent) => void;
+    /** @internal */
+    handleSlideShow: () => void;
+    /** @internal */
+    slideShowID: number;
+    /** @internal */
+    startX: number;
+    /** @internal */
+    slideWidth: number;
+    /** @internal */
+    informationSlot: HTMLElement;
+    /** @internal */
+    containerElement: HTMLElement;
+    /** @internal */
+    slidesElement: HTMLElement;
+    /** @internal */
+    sliderElement: HTMLElement;
+    /** @internal */
+    toolbarElement: HTMLElement;
+    constructor();
+    firstUpdated(): void;
+    updated(prevProps: Map<string, never>): void;
+    render(): lit_html.TemplateResult<1>;
+    swipeStart(event: TouchEvent | MouseEvent): void;
+    swipeEnd(event: TouchEvent | MouseEvent): void;
+    swipeUpdate(event: TouchEvent | MouseEvent): number;
+    swipeLeave(): void;
+    setSlideSize(): void;
+    setToolbarSize(): void;
+    makeToolbar(): lit_html.TemplateResult<1>;
+    handleSlotChange(): void;
+    handleArrows(): void;
+    handleFirst(): void;
+    handleLast(): void;
+    handleNext(): void;
+    handlePrev(): void;
+    updateIndex(newIndex: number): void;
+    updateInformation(): void;
+    goToSlide(index: number): void;
+    handleTransitionEnd(): void;
+    handleLink(event: CustomEvent): void;
+    getOption(option: string): any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel': KemetCarousel;
+    }
+}
+
+export { KemetCarousel as default };