trepur_components 2.3.26 → 2.3.27

package/lib/components/Accordion/index.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import t from "clsx";
-const o = a(({ id: r, className: c, children: i, loading: d = !1, ...s }, m) => /* @__PURE__ */ n("div", { id: r, className: t("", c), ref: m, ...s, children: i }));
+import { forwardRef as t } from "react";
+import a from "clsx";
+const o = t(({ id: r, className: c, children: i, ...m }, s) => /* @__PURE__ */ n("div", { id: r, className: a("", c), ref: s, ...m, children: i }));
 o.displayName = "Accordion";
-const l = Object.assign(o);
+const f = Object.assign(o);
 export {
-  l as Accordion
+  f as Accordion
 };

package/lib/components/AlertBar/index.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createContext as b, forwardRef as s, useMemo as h, useContext as l } from "react";
+import { createContext as b, forwardRef as o, useMemo as h, useContext as l } from "react";
 import { faCrosshairs as A } from "@fortawesome/fontawesome-free-solid";
 import B from "clsx";
-import { Button as N } from "../Button/index.js";
+import { Button as w } from "../Button/index.js";
 import { Icon as c } from "../Icon/index.js";
-const o = b(null), f = s(
+const s = b(null), f = o(
   ({
-    className: a,
-    children: t,
+    className: t,
+    children: a,
     variant: e = "info",
     dismiss: n = !1,
     loading: i = !1,
@@ -20,46 +20,50 @@ const o = b(null), f = s(
       }),
       [n, i]
     );
-    return /* @__PURE__ */ r(o.Provider, { value: x, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(s.Provider, { value: x, children: /* @__PURE__ */ r(
       "div",
       {
-        className: B("flex w-full items-center gap-x-2 px-8 py-2", {
-          "border-error-default bg-error-light text-error-default": e === "error",
-          "border-info-default bg-info-light text-info-default": e === "info",
-          "border-success-default bg-success-light text-success-default": e === "success",
-          "border-warning-default bg-warning-light text-warning-default": e === "warning"
-        }),
+        className: B(
+          "flex w-full items-center gap-x-2 px-8 py-2",
+          t,
+          {
+            "border-error-default bg-error-light text-error-default": e === "error",
+            "border-info-default bg-info-light text-info-default": e === "info",
+            "border-success-default bg-success-light text-success-default": e === "success",
+            "border-warning-default bg-warning-light text-warning-default": e === "warning"
+          }
+        ),
         ref: p,
         ...g,
-        children: t
+        children: a
       }
     ) });
   }
-), d = s(({ ...a }, t) => {
-  const { loading: e } = l(o) || {};
+), d = o(({ ...t }, a) => {
+  const { loading: e } = l(s) || {};
   return e ? /* @__PURE__ */ r("p", { className: "bg-loading h-6 w-40 animate-pulse rounded-lg" }) : /* @__PURE__ */ r(
     "p",
     {
       className: "text-md text-light-grey flex-1 truncate",
-      ref: t,
-      ...a
+      ref: a,
+      ...t
     }
   );
-}), m = s(({ icon: a }, t) => {
-  const { loading: e } = l(o) || {};
-  return e ? /* @__PURE__ */ r("span", { className: "bg-loading h-6 w-6 animate-pulse rounded-lg" }) : /* @__PURE__ */ r(c, { ref: t, icon: a });
-}), u = s(({ ...a }) => {
-  const { loading: t = !1 } = l(o) || {};
-  return /* @__PURE__ */ r(N, { loading: t, variant: "ghost", ...a, children: /* @__PURE__ */ r(c, { icon: A }) });
+}), u = o(({ icon: t }, a) => {
+  const { loading: e } = l(s) || {};
+  return e ? /* @__PURE__ */ r("span", { className: "bg-loading h-6 w-6 animate-pulse rounded-lg" }) : /* @__PURE__ */ r(c, { ref: a, icon: t });
+}), m = o(({ ...t }) => {
+  const { loading: a = !1 } = l(s) || {};
+  return /* @__PURE__ */ r(w, { loading: a, variant: "ghost", ...t, children: /* @__PURE__ */ r(c, { icon: A }) });
 });
 f.displayName = "AlertBar";
 d.displayName = "AlertBar.Label";
-m.displayName = "AlertBar.Icon";
-u.displayName = "AlertBar.Dismiss";
+u.displayName = "AlertBar.Icon";
+m.displayName = "AlertBar.Dismiss";
 const j = Object.assign(f, {
   Label: d,
-  Icon: m,
-  Dismiss: u
+  Icon: u,
+  Dismiss: m
 });
 export {
   j as AlertBar

package/lib/components/Button/index.js

@@ -9,7 +9,6 @@ const l = n(({ children: o, ...e }) => /* @__PURE__ */ r("button", { type: "butt
     loading: t = !1,
     variant: b = "primary",
     type: i = "button",
-    disabled: h,
     href: m,
     target: p,
     size: a = "md"
@@ -42,10 +41,10 @@ const l = n(({ children: o, ...e }) => /* @__PURE__ */ r("button", { type: "butt
 c.displayName = "Button";
 d.displayName = "Button.Icon";
 u.displayName = "Button.Label";
-const I = Object.assign(c, {
+const N = Object.assign(c, {
   Icon: d,
   Label: u
 });
 export {
-  I as Button
+  N as Button
 };

package/lib/components/Calendar/index.js

@@ -1,19 +1,19 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as w, useState as y } from "react";
-import b from "react-calendar";
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as g, useState as w } from "react";
+import y from "react-calendar";
 import "./style.css.js";
-const i = w(
+const o = g(
   ({
-    onChange: m,
-    useRange: l,
+    onChange: i,
+    useRange: m,
     minDetail: s,
-    minDate: c,
-    maxDate: f,
-    showNavigation: d,
-    disabledDates: u,
+    minDate: l,
+    maxDate: c,
+    showNavigation: f,
+    disabledDates: d,
     showDoubleView: p
-  }, D) => {
-    const [n, r] = y(/* @__PURE__ */ new Date()), C = (e, t) => {
+  }, u) => {
+    const [n, r] = w(/* @__PURE__ */ new Date()), D = (e, t) => {
       const a = new Intl.DateTimeFormat("en-gb", {
         year: "numeric",
         month: "2-digit",
@@ -21,29 +21,29 @@ const i = w(
       }).format(e == null ? void 0 : e.date);
       return t ? t.includes(a) : !1;
     };
-    return /* @__PURE__ */ g(
-      b,
+    return /* @__PURE__ */ C(
+      y,
       {
-        ref: D,
-        onActiveStartDateChange: ({ value: e, activeStartDate: t, action: a }) => {
-          const o = t !== null ? t : n;
-          a === "next" && r(new Date(o)), a === "prev" && r(new Date(o));
+        ref: u,
+        onActiveStartDateChange: ({ activeStartDate: e, action: t }) => {
+          const a = e !== null ? e : n;
+          t === "next" && r(new Date(a)), t === "prev" && r(new Date(a));
         },
         activeStartDate: n,
-        onChange: m,
-        selectRange: l,
+        onChange: i,
+        selectRange: m,
         minDetail: s,
-        minDate: c,
-        maxDate: f,
-        showNavigation: d,
+        minDate: l,
+        maxDate: c,
+        showNavigation: f,
         showDoubleView: p,
-        tileDisabled: (e) => C(e, u)
+        tileDisabled: (e) => D(e, d)
       }
     );
   }
 );
-i.displayName = "Calendar";
-const F = Object.assign(i);
+o.displayName = "Calendar";
+const v = Object.assign(o);
 export {
-  F as CalendarComponent
+  v as CalendarComponent
 };

package/lib/components/Card/index.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import m from "clsx";
-const t = l(({ className: s, href: o, target: r, children: d, ...i }, p) => {
-  let a = "div", e = {};
-  return (o || r) && (a = "a", e = { href: o, target: r, ...i }), /* @__PURE__ */ n(
+const e = l(({ className: s, href: o, target: r, children: d, ...i }) => {
+  let a = "div", t = {};
+  return (o || r) && (a = "a", t = { href: o, target: r, ...i }), /* @__PURE__ */ n(
     a,
     {
       className: m(
@@ -13,13 +13,13 @@ const t = l(({ className: s, href: o, target: r, children: d, ...i }, p) => {
         },
         s
       ),
-      ...e,
+      ...t,
       children: d
     }
   );
 });
-t.displayName = "Card";
-const u = Object.assign(t);
+e.displayName = "Card";
+const g = Object.assign(e);
 export {
-  u as Card
+  g as Card
 };

package/lib/components/Carousel/Carousel.stories.d.ts

@@ -7,9 +7,7 @@ declare const meta: {
         Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Arrow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
         Dots: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').DotProps & import('react').RefAttributes<HTMLButtonElement>>;
-        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-            rightArrow?: boolean | undefined;
-        } & import('react').RefAttributes<HTMLDivElement>>;
+        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     };
     args: {
         perView: number;

package/lib/components/Carousel/index.d.ts

@@ -17,7 +17,7 @@ export interface CarouselContextProps {
     instanceRef?: any;
     currentSlide?: number;
     slideWrapperClassName?: string;
-    breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
+    breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;
     defaultAnimation?: {
         duration?: number;
         easing?: (t: number) => number;
@@ -38,20 +38,20 @@ export interface CarouselContextProps {
     rubberband?: boolean;
     slides?: any[];
     vertical?: boolean;
-    animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationStarted?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    animationStopped?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    animationEnded?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    created?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    destroyed?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    detailsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragStarted?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragChecked?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragEnded?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    beforeOptionsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    optionsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
     slideChanged?: boolean;
-    updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    updated?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
     perView?: number;
     spacing?: number;
     number?: number;
@@ -63,8 +63,6 @@ declare const Carousel: import('react').ForwardRefExoticComponent<HTMLAttributes
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Arrow: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
     Dots: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & DotProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Slides: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        rightArrow?: boolean | undefined;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Slides: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Carousel };

package/lib/components/Carousel/index.js

@@ -1,141 +1,141 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as L, forwardRef as p, useState as j, useMemo as O, useContext as b } from "react";
-import { Icon as D } from "../Icon/index.js";
-import { faChevronRight as T, faChevronLeft as $, faCircle as M } from "@fortawesome/fontawesome-free-solid";
-import v from "clsx";
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as I, forwardRef as h, useState as k, useMemo as K, useContext as b } from "react";
+import { Icon as j } from "../Icon/index.js";
+import { faChevronRight as L, faChevronLeft as O, faCircle as T } from "@fortawesome/fontawesome-free-solid";
+import m from "clsx";
 import "../../node_modules/keen-slider/keen-slider.min.css.js";
-import { useKeenSlider as W } from "../../node_modules/keen-slider/react.js";
-import { WheelControls as q } from "./utils.js";
-const N = L(null), P = p(
+import { useKeenSlider as $ } from "../../node_modules/keen-slider/react.js";
+import { WheelControls as M } from "./utils.js";
+const g = I(null), A = h(
   ({
-    breakpoints: l,
-    children: c,
-    className: n,
-    loop: t,
-    perView: a,
+    breakpoints: s,
+    children: t,
+    className: a,
+    loop: e,
+    perView: l,
     rubberband: r,
-    spacing: u,
-    ...e
-  }, i) => {
-    const [h, d] = j(1), [x, y] = j(!1), [f, o] = W(
+    spacing: n,
+    ...i
+  }, x) => {
+    const [f, u] = k(1), [y, c] = k(!1), [C, p] = $(
       {
-        breakpoints: l,
-        loop: t,
+        breakpoints: s,
+        loop: e,
         rubberband: r,
-        slideChanged(m) {
-          d(m.track.details.rel);
+        slideChanged(d) {
+          u(d.track.details.rel);
         },
         created() {
-          y(!0);
+          c(!0);
         },
         slides: {
-          spacing: u,
-          perView: a
+          spacing: n,
+          perView: l
         }
       },
-      [q]
-    ), w = O(
+      [M]
+    ), w = K(
       () => ({
-        sliderRef: f,
-        instanceRef: o,
-        currentSlide: h,
-        setCurrentSlide: d,
-        perView: a,
-        ...e
+        sliderRef: C,
+        instanceRef: p,
+        currentSlide: f,
+        setCurrentSlide: u,
+        perView: l,
+        ...i
       }),
       [
-        e,
+        i,
+        C,
+        p.current,
         f,
-        o.current,
-        h,
-        d,
-        a,
-        x
+        u,
+        l,
+        y
       ]
-    ), g = (m) => {
-      var C;
-      m.key === "Tab" && ((C = o.current) == null || C.next());
+    ), N = (d) => {
+      var v;
+      d.key === "Tab" && ((v = p.current) == null || v.next());
     };
-    return /* @__PURE__ */ s(N.Provider, { value: w, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(g.Provider, { value: w, children: /* @__PURE__ */ o(
       "div",
       {
-        onKeyDown: g,
-        className: v("navigation-wrapper w-full", n),
-        ref: i,
-        ...e,
-        children: c
+        onKeyDown: N,
+        className: m("navigation-wrapper w-full", a),
+        ref: x,
+        ...i,
+        children: t
       }
     ) });
   }
-), R = p(({ children: l, className: c, ...n }, t) => /* @__PURE__ */ s(
+), D = h(({ children: s, className: t, ...a }, e) => /* @__PURE__ */ o(
   "div",
   {
-    ref: t,
-    className: v(
+    ref: e,
+    className: m(
       "navigation-wrapper flex w-full justify-between gap-4",
-      c
+      t
     ),
-    ...n,
-    children: l
+    ...a,
+    children: s
   }
-)), z = p(({ className: l, children: c, rightArrow: n = !1, ...t }) => {
-  const { sliderRef: a } = b(N) || {};
-  return /* @__PURE__ */ s(
+)), P = h(({ className: s, children: t, ...a }) => {
+  const { sliderRef: e } = b(g) || {};
+  return /* @__PURE__ */ o(
     "div",
     {
-      ref: a,
-      className: v("keen-slider w-full pb-4", l),
-      ...t,
-      children: c
+      ref: e,
+      className: m("keen-slider w-full pb-4", s),
+      ...a,
+      children: t
     }
   );
-}), I = p(({ className: l, children: c, rightArrow: n = !1, ...t }, a) => {
-  const { instanceRef: r } = b(N) || {};
-  return /* @__PURE__ */ s(
+}), R = h(({ className: s, rightArrow: t = !1, ...a }, e) => {
+  const { instanceRef: l } = b(g) || {};
+  return /* @__PURE__ */ o(
     "div",
     {
-      ref: a,
-      className: v(
+      ref: e,
+      className: m(
         "my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
-        l
+        s
       ),
-      onClick: (u) => {
-        var e, i;
-        n ? u.stopPropagation() !== void 0 || ((e = r.current) == null || e.next()) : u.stopPropagation() !== void 0 || ((i = r.current) == null || i.prev());
+      onClick: (r) => {
+        var n, i;
+        t ? r.stopPropagation() !== void 0 || ((n = l.current) == null || n.next()) : r.stopPropagation() !== void 0 || ((i = l.current) == null || i.prev());
       },
-      ...t,
-      children: /* @__PURE__ */ s("a", { children: /* @__PURE__ */ s(D, { icon: n ? T : $, size: "3x" }) })
+      ...a,
+      children: /* @__PURE__ */ o("a", { children: /* @__PURE__ */ o(j, { icon: t ? L : O, size: "3x" }) })
     }
   );
-}), K = p(({ className: l, children: c, onClick: n, ...t }, a) => {
-  var d, x, y, f;
+}), z = h(({ className: s, ...t }, a) => {
+  var x, f, u, y;
   const {
-    instanceRef: r,
-    loop: u,
-    currentSlide: e = 1,
-    perView: i = 1
-  } = b(N) || {}, h = (f = (y = (x = (d = r == null ? void 0 : r.current) == null ? void 0 : d.track) == null ? void 0 : x.details) == null ? void 0 : y.slides) == null ? void 0 : f.length;
-  return /* @__PURE__ */ s("div", { className: "flex justify-center", children: [...Array(h).keys()].map((o) => {
-    var m, C, k, S;
-    const w = ((S = (k = (C = (m = r == null ? void 0 : r.current) == null ? void 0 : m.track) == null ? void 0 : C.details) == null ? void 0 : k.slides) == null ? void 0 : S.length) ?? 1, g = u ? e + i <= w ? o >= e && o < e + i : o >= e || e + i - w - 1 >= o : e === o;
-    return /* @__PURE__ */ s(
+    instanceRef: e,
+    loop: l,
+    currentSlide: r = 1,
+    perView: n = 1
+  } = b(g) || {}, i = (y = (u = (f = (x = e == null ? void 0 : e.current) == null ? void 0 : x.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : y.length;
+  return /* @__PURE__ */ o("div", { className: m("flex justify-center", s), children: [...Array(i).keys()].map((c) => {
+    var w, N, d, v;
+    const C = ((v = (d = (N = (w = e == null ? void 0 : e.current) == null ? void 0 : w.track) == null ? void 0 : N.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = l ? r + n <= C ? c >= r && c < r + n : c >= r || r + n - C - 1 >= c : r === c;
+    return /* @__PURE__ */ o(
       "button",
       {
         ref: a,
         type: "button",
         onClick: () => {
-          var A;
-          (A = r.current) == null || A.moveToIdx(o);
+          var S;
+          (S = e.current) == null || S.moveToIdx(c);
         },
         "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
-        children: /* @__PURE__ */ s(
-          D,
+        children: /* @__PURE__ */ o(
+          j,
           {
-            className: v(
+            className: m(
               "hover:text-carousel-dots-hover",
-              g ? "text-carousel-dots-active" : "text-carousel-dots-default"
+              p ? "text-carousel-dots-active" : "text-carousel-dots-default"
             ),
-            icon: M,
+            icon: T,
             size: "2x"
           }
         )
@@ -143,17 +143,17 @@ const N = L(null), P = p(
     );
   }) });
 });
-P.displayName = "Carousel";
-R.displayName = "Carousel.Content";
-I.displayName = "Carousel.Arrow";
-K.displayName = "Carousel.Dots";
-z.displayName = "Carousel.Slides";
-const X = Object.assign(P, {
-  Content: R,
-  Arrow: I,
-  Dots: K,
-  Slides: z
+A.displayName = "Carousel";
+D.displayName = "Carousel.Content";
+R.displayName = "Carousel.Arrow";
+z.displayName = "Carousel.Dots";
+P.displayName = "Carousel.Slides";
+const Q = Object.assign(A, {
+  Content: D,
+  Arrow: R,
+  Dots: z,
+  Slides: P
 });
 export {
-  X as Carousel
+  Q as Carousel
 };

package/lib/components/CarouselThumbnail/index.d.ts

@@ -3,7 +3,7 @@ import { HTMLAttributes } from 'react';
 
 export interface CarouselThumbnailContextProps {
     slideWrapperClassName?: string;
-    breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
+    breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;
     defaultAnimation?: {
         duration?: number;
         easing?: (t: number) => number;
@@ -24,20 +24,20 @@ export interface CarouselThumbnailContextProps {
     rubberband?: boolean;
     slides?: any[];
     vertical?: boolean;
-    animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationStarted?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    animationStopped?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    animationEnded?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    created?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    destroyed?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    detailsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragStarted?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragChecked?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    dragEnded?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    beforeOptionsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
+    optionsChanged?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
     slideChanged?: boolean;
-    updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    updated?: (slider: KeenSliderInstance<object, object, KeenSliderHooks>) => void;
     spacing?: number;
     number?: number;
     origin?: number | 'auto' | 'center';