solid-slider 1.3.0 → 1.3.1

package/README.md

@@ -162,7 +162,7 @@ Thie library exports it's own CSS which is the basic Keen-Slider implementation
 - 1.2.5 - Added autoplay plugin and general plugin structure.
 - 1.2.7 - Maybe I should actually export the .css? That'd be a good idea, right? /s
 - 1.2.9 - Updated timer primitive and patched issue with current slide setting from initial options.
-- 1.3.0 - Introduced Slider, SliderProvider and SliderButton for ease.
+- 1.3.1 - Introduced Slider, SliderProvider and SliderButton for ease.
 
 ## Keen Options API
 

package/dist/autoplay/autoplay.d.ts

@@ -0,0 +1,28 @@
+import { Accessor } from "solid-js";
+import { KeenSliderInstance } from "keen-slider";
+/**
+ * Provides an autoplay plugin.
+ *
+ * @param {number} interval Interval in milliseconds for switching slides
+ * @param {object} options Options to customize the autoplay
+ * @param {Function} options.pause A pause signal to control the autoplay
+ * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
+ * @param {object} options.animation Allows for control of duration and easing.
+ * @param {number} options.duration Duration for transitioning the slide.
+ * @param {number} options.easing Easing function for the transition animation.
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+declare const autoplay: (interval: number, options: {
+    pause?: Accessor<boolean>;
+    pauseOnDrag?: boolean;
+    animation?: {
+        duration?: number;
+        easing?: (t: number) => number;
+    };
+}) => (slider: KeenSliderInstance) => void;
+export default autoplay;

package/dist/autoplay/autoplay.jsx

@@ -0,0 +1,33 @@
+import { createEffect } from "solid-js";
+import { makeTimer } from "@solid-primitives/timer";
+/**
+ * Provides an autoplay plugin.
+ *
+ * @param {number} interval Interval in milliseconds for switching slides
+ * @param {object} options Options to customize the autoplay
+ * @param {Function} options.pause A pause signal to control the autoplay
+ * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
+ * @param {object} options.animation Allows for control of duration and easing.
+ * @param {number} options.duration Duration for transitioning the slide.
+ * @param {number} options.easing Easing function for the transition animation.
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+const autoplay = (interval = 1000, options) => {
+    return (slider) => {
+        let dispose;
+        const start = () => {
+            dispose = makeTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
+        };
+        // Pause the slider on drag
+        if (options.pauseOnDrag || true) {
+            slider.on("dragStarted", () => dispose());
+        }
+        createEffect(() => (!options.pause || options.pause() === false ? start() : dispose()));
+    };
+};
+export default autoplay;

package/dist/autoplay/index.common.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var timer = require('@solid-primitives/timer');
+
+/**
+ * Provides an autoplay plugin.
+ *
+ * @param {number} interval Interval in milliseconds for switching slides
+ * @param {object} options Options to customize the autoplay
+ * @param {Function} options.pause A pause signal to control the autoplay
+ * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
+ * @param {object} options.animation Allows for control of duration and easing.
+ * @param {number} options.duration Duration for transitioning the slide.
+ * @param {number} options.easing Easing function for the transition animation.
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+const autoplay = (interval = 1000, options) => {
+  return slider => {
+    let dispose;
+
+    const start = () => {
+      dispose = timer.makeTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
+    }; // Pause the slider on drag
+
+
+    if (options.pauseOnDrag || true) {
+      slider.on("dragStarted", () => dispose());
+    }
+
+    solidJs.createEffect(() => !options.pause || options.pause() === false ? start() : dispose());
+  };
+};
+
+module.exports = autoplay;
+//# sourceMappingURL=index.common.js.map

package/dist/autoplay/index.common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.common.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { Accessor, createEffect } from \"solid-js\";\nimport { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\n\n/**\n * Provides an autoplay plugin.\n *\n * @param {number} interval Interval in milliseconds for switching slides\n * @param {object} options Options to customize the autoplay\n * @param {Function} options.pause A pause signal to control the autoplay\n * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.\n * @param {object} options.animation Allows for control of duration and easing.\n * @param {number} options.duration Duration for transitioning the slide.\n * @param {number} options.easing Easing function for the transition animation.\n *\n * @example\n * ```ts\n * const [create, { prev, next }] = createSlider();\n * <div use:slider>...</div>\n * ```\n */\nconst autoplay = (\n  interval: number = 1000,\n  options: {\n    pause?: Accessor<boolean>;\n    pauseOnDrag?: boolean;\n    animation?: {\n      duration?: number;\n      easing?: (t: number) => number;\n    };\n  }\n) => {\n  return (slider: KeenSliderInstance) => {\n    let dispose: Function;\n    const start = () => {\n      dispose = makeTimer(\n        () => slider.moveToIdx(slider.track.details.position + 1, true, options.animation),\n        interval,\n        setInterval\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag || true) {\n      slider.on(\"dragStarted\", () => dispose());\n    }\n    createEffect(() => (!options.pause || options.pause() === false ? start() : dispose()));\n  };\n};\n\nexport default autoplay;\n"],"names":["autoplay","interval","options","slider","dispose","start","makeTimer","moveToIdx","track","details","position","animation","setInterval","pauseOnDrag","on","createEffect","pause"],"mappings":";;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMA,MAAAA,QAAQ,GAAG,CACfC,QAAgB,GAAG,IADJ,EAEfC,OAFe,KAUZ;AACH,EAAA,OAAQC,MAAD,IAAgC;AACrC,IAAA,IAAIC,OAAJ,CAAA;;AACA,IAAMC,MAAAA,KAAK,GAAG,MAAM;AAClBD,MAAAA,OAAO,GAAGE,eAAS,CACjB,MAAMH,MAAM,CAACI,SAAP,CAAiBJ,MAAM,CAACK,KAAP,CAAaC,OAAb,CAAqBC,QAArB,GAAgC,CAAjD,EAAoD,IAApD,EAA0DR,OAAO,CAACS,SAAlE,CADW,EAEjBV,QAFiB,EAGjBW,WAHiB,CAAnB,CAAA;AAKD,KAND,CAFqC;;;AAUrC,IAAA,IAAIV,OAAO,CAACW,WAAR,IAAuB,IAA3B,EAAiC;AAC/BV,MAAAA,MAAM,CAACW,EAAP,CAAU,aAAV,EAAyB,MAAMV,OAAO,EAAtC,CAAA,CAAA;AACD,KAAA;;AACDW,IAAAA,oBAAY,CAAC,MAAO,CAACb,OAAO,CAACc,KAAT,IAAkBd,OAAO,CAACc,KAAR,EAAA,KAAoB,KAAtC,GAA8CX,KAAK,EAAnD,GAAwDD,OAAO,EAAvE,CAAZ,CAAA;AACD,GAdD,CAAA;AAeD;;;;"}

package/dist/autoplay/index.module.js

@@ -0,0 +1,39 @@
+import { createEffect } from 'solid-js';
+import { makeTimer } from '@solid-primitives/timer';
+
+/**
+ * Provides an autoplay plugin.
+ *
+ * @param {number} interval Interval in milliseconds for switching slides
+ * @param {object} options Options to customize the autoplay
+ * @param {Function} options.pause A pause signal to control the autoplay
+ * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
+ * @param {object} options.animation Allows for control of duration and easing.
+ * @param {number} options.duration Duration for transitioning the slide.
+ * @param {number} options.easing Easing function for the transition animation.
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+const autoplay = (interval = 1000, options) => {
+  return slider => {
+    let dispose;
+
+    const start = () => {
+      dispose = makeTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
+    }; // Pause the slider on drag
+
+
+    if (options.pauseOnDrag || true) {
+      slider.on("dragStarted", () => dispose());
+    }
+
+    createEffect(() => !options.pause || options.pause() === false ? start() : dispose());
+  };
+};
+
+export { autoplay as default };
+//# sourceMappingURL=index.module.js.map

package/dist/autoplay/index.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { Accessor, createEffect } from \"solid-js\";\nimport { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\n\n/**\n * Provides an autoplay plugin.\n *\n * @param {number} interval Interval in milliseconds for switching slides\n * @param {object} options Options to customize the autoplay\n * @param {Function} options.pause A pause signal to control the autoplay\n * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.\n * @param {object} options.animation Allows for control of duration and easing.\n * @param {number} options.duration Duration for transitioning the slide.\n * @param {number} options.easing Easing function for the transition animation.\n *\n * @example\n * ```ts\n * const [create, { prev, next }] = createSlider();\n * <div use:slider>...</div>\n * ```\n */\nconst autoplay = (\n  interval: number = 1000,\n  options: {\n    pause?: Accessor<boolean>;\n    pauseOnDrag?: boolean;\n    animation?: {\n      duration?: number;\n      easing?: (t: number) => number;\n    };\n  }\n) => {\n  return (slider: KeenSliderInstance) => {\n    let dispose: Function;\n    const start = () => {\n      dispose = makeTimer(\n        () => slider.moveToIdx(slider.track.details.position + 1, true, options.animation),\n        interval,\n        setInterval\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag || true) {\n      slider.on(\"dragStarted\", () => dispose());\n    }\n    createEffect(() => (!options.pause || options.pause() === false ? start() : dispose()));\n  };\n};\n\nexport default autoplay;\n"],"names":["autoplay","interval","options","slider","dispose","start","makeTimer","moveToIdx","track","details","position","animation","setInterval","pauseOnDrag","on","createEffect","pause"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMA,MAAAA,QAAQ,GAAG,CACfC,QAAgB,GAAG,IADJ,EAEfC,OAFe,KAUZ;AACH,EAAA,OAAQC,MAAD,IAAgC;AACrC,IAAA,IAAIC,OAAJ,CAAA;;AACA,IAAMC,MAAAA,KAAK,GAAG,MAAM;AAClBD,MAAAA,OAAO,GAAGE,SAAS,CACjB,MAAMH,MAAM,CAACI,SAAP,CAAiBJ,MAAM,CAACK,KAAP,CAAaC,OAAb,CAAqBC,QAArB,GAAgC,CAAjD,EAAoD,IAApD,EAA0DR,OAAO,CAACS,SAAlE,CADW,EAEjBV,QAFiB,EAGjBW,WAHiB,CAAnB,CAAA;AAKD,KAND,CAFqC;;;AAUrC,IAAA,IAAIV,OAAO,CAACW,WAAR,IAAuB,IAA3B,EAAiC;AAC/BV,MAAAA,MAAM,CAACW,EAAP,CAAU,aAAV,EAAyB,MAAMV,OAAO,EAAtC,CAAA,CAAA;AACD,KAAA;;AACDW,IAAAA,YAAY,CAAC,MAAO,CAACb,OAAO,CAACc,KAAT,IAAkBd,OAAO,CAACc,KAAR,EAAA,KAAoB,KAAtC,GAA8CX,KAAK,EAAnD,GAAwDD,OAAO,EAAvE,CAAZ,CAAA;AACD,GAdD,CAAA;AAeD;;;;"}

package/dist/index/components.d.ts

@@ -0,0 +1,50 @@
+import { Component } from "solid-js";
+import { KeenSliderOptions, KeenSliderPlugin } from "keen-slider";
+interface Func<T> {
+    ([...args]: any, args2?: any): T;
+}
+export declare function returnType<T>(func: Func<T>): T;
+export declare const SliderContext: import("solid-js").Context<import("solid-js").Signal<{
+    current: import("solid-js").Accessor<number>;
+    next: import("solid-js").Accessor<void>;
+    prev: import("solid-js").Accessor<void>;
+    moveTo: (id: number, duration?: number, absolute?: boolean, easing?: (t: number) => number) => void;
+    details: import("solid-js").Accessor<import("keen-slider").TrackDetails>;
+    slider: import("solid-js").Accessor<import("keen-slider").KeenSliderInstance<{}, {}, import("keen-slider").KeenSliderHooks>>;
+    destroy: import("solid-js").Accessor<void>;
+}>>;
+/**
+ * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+export declare const SliderProvider: Component;
+/**
+ * Main Slider component for specifying the Slider on the page.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+export declare const Slider: Component<{
+    options?: KeenSliderOptions;
+    plugins?: KeenSliderPlugin[];
+}>;
+/**
+ * Provides a helpful button with next/prev to pair with your slider.
+ *
+ * @param props {boolean} next - Specify if this should be a next button.
+ * @param props {boolean} prev - Specify if this should be a prev button.
+ * @param props {string} class - Class to override the button.
+ * @param props {object} classList - List of classes to override the button.
+ */
+export declare const SliderButton: Component<{
+    next?: boolean;
+    prev?: boolean;
+    disabled?: boolean;
+    class?: string;
+    classList?: {
+        [k: string]: boolean | undefined;
+    };
+}>;
+export {};

package/dist/index/components.jsx

@@ -0,0 +1,51 @@
+import { createContext, useContext, createSignal } from "solid-js";
+import { createSlider } from "./primitive";
+import { isServer } from "solid-js/web";
+export function returnType(func) {
+    return {};
+}
+const sliderValues = returnType(createSlider);
+// Main context for the slider
+export const SliderContext = createContext(createSignal(null));
+/**
+ * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+export const SliderProvider = props => (<SliderContext.Provider value={createSignal(null)}>{props.children}</SliderContext.Provider>);
+/**
+ * Main Slider component for specifying the Slider on the page.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+export const Slider = props => {
+    if (isServer)
+        return props.children;
+    const [, setHelpers] = useContext(SliderContext);
+    const [slider, helpers] = createSlider(props.options || {}, ...(props.plugins || []));
+    setHelpers(helpers);
+    slider;
+    return <div use:slider>{props.children}</div>;
+};
+/**
+ * Provides a helpful button with next/prev to pair with your slider.
+ *
+ * @param props {boolean} next - Specify if this should be a next button.
+ * @param props {boolean} prev - Specify if this should be a prev button.
+ * @param props {string} class - Class to override the button.
+ * @param props {object} classList - List of classes to override the button.
+ */
+export const SliderButton = props => {
+    const context = useContext(SliderContext);
+    const changeSlide = () => {
+        if (context == null)
+            return;
+        const [helpers] = context;
+        props.next ? helpers()?.next() : helpers()?.prev();
+    };
+    return (<button disabled={props.disabled || false} class={props.class} classList={props.classList} onClick={changeSlide}>
+      {props.children}
+    </button>);
+};

package/dist/index/index.common.js

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var solidJs = require('solid-js');
+var KeenSlider = require('keen-slider');
+var web = require('solid-js/web');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var KeenSlider__default = /*#__PURE__*/_interopDefaultLegacy(KeenSlider);
+
+/**
+ * Creates a slider powered by KeenSlider.
+ *
+ * @param {Object} options Values to initialize the slider with
+ * @param {Array} plugins Extensions that enhance KeenSlider options
+ * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
+ * @returns {Function} create Mounts the slider on provided element
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.next Function to trigger the next slide
+ * @returns {Function} helpers.prev Function to trigger the previous slide
+ * @returns {Function<Object>} helpers.details Provides details about the current slider
+ * @returns {Function} helpers.slider Returns the KeenSlider instance
+ * @returns {Function} helpers.destroy Manual destroy function
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+const createSlider = (options, ...plugins) => {
+  let slider;
+  const [current, setCurrent] = solidJs.createSignal(0);
+
+  const destroy = () => slider && slider.destroy(); // Slider creation method and directive function
+
+
+  const create = el => {
+    el.classList.add("keen-slider"); // @ts-ignore
+
+    const opts = () => ({
+      selector: el.childNodes,
+      ...(typeof options == "function" ? options() : options)
+    });
+
+    solidJs.onMount(() => {
+      slider = new KeenSlider__default["default"](el, opts(), plugins);
+      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
+      setCurrent(slider.track.details.rel);
+    });
+    solidJs.onCleanup(destroy);
+
+    if (typeof options === "function") {
+      solidJs.createEffect(solidJs.on(() => options, () => slider && slider.update(opts())));
+    }
+  };
+
+  return [create, {
+    current,
+    next: () => slider && slider.next(),
+    prev: () => slider && slider.prev(),
+    details: () => slider ? slider.track.details : {},
+    slider: () => slider,
+    moveTo: (id, duration = 250, absolute = false, easing) => {
+      var _slider;
+
+      return (_slider = slider) === null || _slider === void 0 ? void 0 : _slider.moveToIdx(id, absolute, {
+        duration,
+        easing: easing
+      });
+    },
+    destroy
+  }];
+};
+
+const _tmpl$ = /*#__PURE__*/web.template(`<div></div>`, 2),
+      _tmpl$2 = /*#__PURE__*/web.template(`<button></button>`, 2);
+
+function returnType(func) {
+  return {};
+}
+// Main context for the slider
+const SliderContext = solidJs.createContext(solidJs.createSignal(null));
+/**
+ * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+
+const SliderProvider = props => web.createComponent(SliderContext.Provider, {
+  get value() {
+    return solidJs.createSignal(null);
+  },
+
+  get children() {
+    return props.children;
+  }
+
+});
+/**
+ * Main Slider component for specifying the Slider on the page.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+
+const Slider = props => {
+  if (web.isServer) return props.children;
+  const [, setHelpers] = solidJs.useContext(SliderContext);
+  const [slider, helpers] = createSlider(props.options || {}, ...(props.plugins || []));
+  setHelpers(helpers);
+  return (() => {
+    const _el$ = _tmpl$.cloneNode(true);
+
+    slider(_el$, () => true);
+
+    web.insert(_el$, () => props.children);
+
+    return _el$;
+  })();
+};
+/**
+ * Provides a helpful button with next/prev to pair with your slider.
+ *
+ * @param props {boolean} next - Specify if this should be a next button.
+ * @param props {boolean} prev - Specify if this should be a prev button.
+ * @param props {string} class - Class to override the button.
+ * @param props {object} classList - List of classes to override the button.
+ */
+
+const SliderButton = props => {
+  const context = solidJs.useContext(SliderContext);
+
+  const changeSlide = () => {
+    var _helpers, _helpers2;
+
+    if (context == null) return;
+    const [helpers] = context;
+    props.next ? (_helpers = helpers()) === null || _helpers === void 0 ? void 0 : _helpers.next() : (_helpers2 = helpers()) === null || _helpers2 === void 0 ? void 0 : _helpers2.prev();
+  };
+
+  return (() => {
+    const _el$2 = _tmpl$2.cloneNode(true);
+
+    _el$2.$$click = changeSlide;
+
+    web.insert(_el$2, () => props.children);
+
+    web.effect(_p$ => {
+      const _v$ = props.disabled || false,
+            _v$2 = props.class,
+            _v$3 = props.classList;
+
+      _v$ !== _p$._v$ && (_el$2.disabled = _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && (_el$2.className = _p$._v$2 = _v$2);
+      _p$._v$3 = web.classList(_el$2, _v$3, _p$._v$3);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined,
+      _v$3: undefined
+    });
+
+    return _el$2;
+  })();
+};
+
+web.delegateEvents(["click"]);
+
+exports.Slider = Slider;
+exports.SliderButton = SliderButton;
+exports.SliderContext = SliderContext;
+exports.SliderProvider = SliderProvider;
+exports.createSlider = createSlider;
+exports.returnType = returnType;
+//# sourceMappingURL=index.common.js.map

package/dist/index/index.common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.common.js","sources":["../../src/primitive.ts","../../src/components.tsx"],"sourcesContent":["import { on, onMount, createSignal, onCleanup, Accessor, createEffect } from \"solid-js\";\nimport KeenSlider, {\n  KeenSliderHooks,\n  KeenSliderInstance,\n  KeenSliderOptions,\n  KeenSliderPlugin,\n  TrackDetails\n} from \"keen-slider\";\n\ndeclare module \"solid-js\" {\n  namespace JSX {\n    interface Directives {\n      slider: {};\n    }\n  }\n}\n\n/**\n * Creates a slider powered by KeenSlider.\n *\n * @param {Object} options Values to initialize the slider with\n * @param {Array} plugins Extensions that enhance KeenSlider options\n * @returns {[create: Function, helpers: Object]} Returns mount and helper methods\n * @returns {Function} create Mounts the slider on provided element\n * @returns {Function} helpers.current Current slide number\n * @returns {Function} helpers.current Current slide number\n * @returns {Function} helpers.next Function to trigger the next slide\n * @returns {Function} helpers.prev Function to trigger the previous slide\n * @returns {Function<Object>} helpers.details Provides details about the current slider\n * @returns {Function} helpers.slider Returns the KeenSlider instance\n * @returns {Function} helpers.destroy Manual destroy function\n *\n * @example\n * ```ts\n * const [create, { prev, next }] = createSlider();\n * <div use:slider>...</div>\n * ```\n */\nexport const createSlider = <O = {}, P = {}, H extends string = KeenSliderHooks>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: Accessor<void>;\n    prev: Accessor<void>;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number\n    ) => void;\n    details: Accessor<TrackDetails>;\n    slider: Accessor<KeenSliderInstance<O, P, H> | undefined>;\n    destroy: Accessor<void>;\n  }\n] => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  const [current, setCurrent] = createSignal(0);\n  const destroy = () => slider && slider.destroy();\n  // Slider creation method and directive function\n  const create = (el: HTMLElement) => {\n    el.classList.add(\"keen-slider\");\n    // @ts-ignore\n    const opts: Accessor<KeenSliderOptions<O, P, H> | undefined> = () => ({\n      selector: el.childNodes,\n      ...(typeof options == \"function\" ? options() : options)\n    });\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, opts(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n      setCurrent(slider!.track.details.rel);\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(\n        on(\n          () => options,\n          () => slider && slider.update(opts())\n        )\n      );\n    }\n  };\n  return [\n    create,\n    {\n      current,\n      next: () => slider && slider.next(),\n      prev: () => slider && slider.prev(),\n      details: () => (slider ? slider.track.details : ({} as TrackDetails)),\n      slider: () => slider,\n      moveTo: (id: number, duration = 250, absolute = false, easing?: (t: number) => number) =>\n        slider?.moveToIdx(id, absolute, { duration, easing: easing }),\n      destroy\n    }\n  ];\n};\n","import { Component, createContext, useContext, createSignal, createMemo } from \"solid-js\";\nimport { createSlider } from \"./primitive\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { isServer } from \"solid-js/web\";\n\n// The following is a hacky way of extracting SliderHelpers\ninterface Func<T> {\n  ([...args]: any, args2?: any): T;\n}\nexport function returnType<T>(func: Func<T>) {\n  return {} as T;\n}\nconst sliderValues = returnType(createSlider);\ntype SliderHelpers = typeof sliderValues[1];\n\n// Main context for the slider\nexport const SliderContext = createContext(createSignal<SliderHelpers | null>(null));\n\n/**\n * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.\n *\n * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.\n * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const SliderProvider: Component = props => (\n  <SliderContext.Provider value={createSignal(null)}>{props.children}</SliderContext.Provider>\n);\n\n/**\n * Main Slider component for specifying the Slider on the page.\n *\n * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.\n * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const Slider: Component<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = props => {\n  if (isServer) return props.children;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(props.options || {}, ...(props.plugins || []));\n  setHelpers(helpers);\n  slider;\n  return <div use:slider>{props.children}</div>;\n};\n\n/**\n * Provides a helpful button with next/prev to pair with your slider.\n *\n * @param props {boolean} next - Specify if this should be a next button.\n * @param props {boolean} prev - Specify if this should be a prev button.\n * @param props {string} class - Class to override the button.\n * @param props {object} classList - List of classes to override the button.\n */\nexport const SliderButton: Component<{\n  next?: boolean;\n  prev?: boolean;\n  disabled?: boolean;\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n}> = props => {\n  const context = useContext(SliderContext);\n  const changeSlide = () => {\n    if (context == null) return;\n    const [helpers] = context;\n    props.next ? helpers()?.next() : helpers()?.prev();\n  };\n  return (\n    <button\n      disabled={props.disabled || false}\n      class={props.class}\n      classList={props.classList}\n      onClick={changeSlide}\n    >\n      {props.children}\n    </button>\n  );\n};\n"],"names":["createSlider","options","plugins","slider","current","setCurrent","createSignal","destroy","create","el","classList","add","opts","selector","childNodes","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","update","next","prev","moveTo","id","duration","absolute","easing","moveToIdx","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","children","Slider","isServer","setHelpers","useContext","helpers","SliderButton","context","changeSlide","_$effect","disabled","class","_$classList"],"mappings":"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"}

package/dist/index/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./primitive";
+export * from "./components";

package/dist/index/index.jsx

@@ -0,0 +1,2 @@
+export * from "./primitive";
+export * from "./components";

package/dist/index/index.module.js

@@ -0,0 +1,167 @@
+import { createSignal, onMount, onCleanup, createEffect, on, createContext, useContext } from 'solid-js';
+import KeenSlider from 'keen-slider';
+import { createComponent, isServer, insert, effect, classList, delegateEvents, template } from 'solid-js/web';
+
+/**
+ * Creates a slider powered by KeenSlider.
+ *
+ * @param {Object} options Values to initialize the slider with
+ * @param {Array} plugins Extensions that enhance KeenSlider options
+ * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
+ * @returns {Function} create Mounts the slider on provided element
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.next Function to trigger the next slide
+ * @returns {Function} helpers.prev Function to trigger the previous slide
+ * @returns {Function<Object>} helpers.details Provides details about the current slider
+ * @returns {Function} helpers.slider Returns the KeenSlider instance
+ * @returns {Function} helpers.destroy Manual destroy function
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+const createSlider = (options, ...plugins) => {
+  let slider;
+  const [current, setCurrent] = createSignal(0);
+
+  const destroy = () => slider && slider.destroy(); // Slider creation method and directive function
+
+
+  const create = el => {
+    el.classList.add("keen-slider"); // @ts-ignore
+
+    const opts = () => ({
+      selector: el.childNodes,
+      ...(typeof options == "function" ? options() : options)
+    });
+
+    onMount(() => {
+      slider = new KeenSlider(el, opts(), plugins);
+      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
+      setCurrent(slider.track.details.rel);
+    });
+    onCleanup(destroy);
+
+    if (typeof options === "function") {
+      createEffect(on(() => options, () => slider && slider.update(opts())));
+    }
+  };
+
+  return [create, {
+    current,
+    next: () => slider && slider.next(),
+    prev: () => slider && slider.prev(),
+    details: () => slider ? slider.track.details : {},
+    slider: () => slider,
+    moveTo: (id, duration = 250, absolute = false, easing) => {
+      var _slider;
+
+      return (_slider = slider) === null || _slider === void 0 ? void 0 : _slider.moveToIdx(id, absolute, {
+        duration,
+        easing: easing
+      });
+    },
+    destroy
+  }];
+};
+
+const _tmpl$ = /*#__PURE__*/template(`<div></div>`, 2),
+      _tmpl$2 = /*#__PURE__*/template(`<button></button>`, 2);
+
+function returnType(func) {
+  return {};
+}
+// Main context for the slider
+const SliderContext = createContext(createSignal(null));
+/**
+ * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+
+const SliderProvider = props => createComponent(SliderContext.Provider, {
+  get value() {
+    return createSignal(null);
+  },
+
+  get children() {
+    return props.children;
+  }
+
+});
+/**
+ * Main Slider component for specifying the Slider on the page.
+ *
+ * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
+ * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
+ */
+
+const Slider = props => {
+  if (isServer) return props.children;
+  const [, setHelpers] = useContext(SliderContext);
+  const [slider, helpers] = createSlider(props.options || {}, ...(props.plugins || []));
+  setHelpers(helpers);
+  return (() => {
+    const _el$ = _tmpl$.cloneNode(true);
+
+    slider(_el$, () => true);
+
+    insert(_el$, () => props.children);
+
+    return _el$;
+  })();
+};
+/**
+ * Provides a helpful button with next/prev to pair with your slider.
+ *
+ * @param props {boolean} next - Specify if this should be a next button.
+ * @param props {boolean} prev - Specify if this should be a prev button.
+ * @param props {string} class - Class to override the button.
+ * @param props {object} classList - List of classes to override the button.
+ */
+
+const SliderButton = props => {
+  const context = useContext(SliderContext);
+
+  const changeSlide = () => {
+    var _helpers, _helpers2;
+
+    if (context == null) return;
+    const [helpers] = context;
+    props.next ? (_helpers = helpers()) === null || _helpers === void 0 ? void 0 : _helpers.next() : (_helpers2 = helpers()) === null || _helpers2 === void 0 ? void 0 : _helpers2.prev();
+  };
+
+  return (() => {
+    const _el$2 = _tmpl$2.cloneNode(true);
+
+    _el$2.$$click = changeSlide;
+
+    insert(_el$2, () => props.children);
+
+    effect(_p$ => {
+      const _v$ = props.disabled || false,
+            _v$2 = props.class,
+            _v$3 = props.classList;
+
+      _v$ !== _p$._v$ && (_el$2.disabled = _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && (_el$2.className = _p$._v$2 = _v$2);
+      _p$._v$3 = classList(_el$2, _v$3, _p$._v$3);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined,
+      _v$3: undefined
+    });
+
+    return _el$2;
+  })();
+};
+
+delegateEvents(["click"]);
+
+export { Slider, SliderButton, SliderContext, SliderProvider, createSlider, returnType };
+//# sourceMappingURL=index.module.js.map

package/dist/index/index.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.js","sources":["../../src/primitive.ts","../../src/components.tsx"],"sourcesContent":["import { on, onMount, createSignal, onCleanup, Accessor, createEffect } from \"solid-js\";\nimport KeenSlider, {\n  KeenSliderHooks,\n  KeenSliderInstance,\n  KeenSliderOptions,\n  KeenSliderPlugin,\n  TrackDetails\n} from \"keen-slider\";\n\ndeclare module \"solid-js\" {\n  namespace JSX {\n    interface Directives {\n      slider: {};\n    }\n  }\n}\n\n/**\n * Creates a slider powered by KeenSlider.\n *\n * @param {Object} options Values to initialize the slider with\n * @param {Array} plugins Extensions that enhance KeenSlider options\n * @returns {[create: Function, helpers: Object]} Returns mount and helper methods\n * @returns {Function} create Mounts the slider on provided element\n * @returns {Function} helpers.current Current slide number\n * @returns {Function} helpers.current Current slide number\n * @returns {Function} helpers.next Function to trigger the next slide\n * @returns {Function} helpers.prev Function to trigger the previous slide\n * @returns {Function<Object>} helpers.details Provides details about the current slider\n * @returns {Function} helpers.slider Returns the KeenSlider instance\n * @returns {Function} helpers.destroy Manual destroy function\n *\n * @example\n * ```ts\n * const [create, { prev, next }] = createSlider();\n * <div use:slider>...</div>\n * ```\n */\nexport const createSlider = <O = {}, P = {}, H extends string = KeenSliderHooks>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: Accessor<void>;\n    prev: Accessor<void>;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number\n    ) => void;\n    details: Accessor<TrackDetails>;\n    slider: Accessor<KeenSliderInstance<O, P, H> | undefined>;\n    destroy: Accessor<void>;\n  }\n] => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  const [current, setCurrent] = createSignal(0);\n  const destroy = () => slider && slider.destroy();\n  // Slider creation method and directive function\n  const create = (el: HTMLElement) => {\n    el.classList.add(\"keen-slider\");\n    // @ts-ignore\n    const opts: Accessor<KeenSliderOptions<O, P, H> | undefined> = () => ({\n      selector: el.childNodes,\n      ...(typeof options == \"function\" ? options() : options)\n    });\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, opts(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n      setCurrent(slider!.track.details.rel);\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(\n        on(\n          () => options,\n          () => slider && slider.update(opts())\n        )\n      );\n    }\n  };\n  return [\n    create,\n    {\n      current,\n      next: () => slider && slider.next(),\n      prev: () => slider && slider.prev(),\n      details: () => (slider ? slider.track.details : ({} as TrackDetails)),\n      slider: () => slider,\n      moveTo: (id: number, duration = 250, absolute = false, easing?: (t: number) => number) =>\n        slider?.moveToIdx(id, absolute, { duration, easing: easing }),\n      destroy\n    }\n  ];\n};\n","import { Component, createContext, useContext, createSignal, createMemo } from \"solid-js\";\nimport { createSlider } from \"./primitive\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { isServer } from \"solid-js/web\";\n\n// The following is a hacky way of extracting SliderHelpers\ninterface Func<T> {\n  ([...args]: any, args2?: any): T;\n}\nexport function returnType<T>(func: Func<T>) {\n  return {} as T;\n}\nconst sliderValues = returnType(createSlider);\ntype SliderHelpers = typeof sliderValues[1];\n\n// Main context for the slider\nexport const SliderContext = createContext(createSignal<SliderHelpers | null>(null));\n\n/**\n * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.\n *\n * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.\n * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const SliderProvider: Component = props => (\n  <SliderContext.Provider value={createSignal(null)}>{props.children}</SliderContext.Provider>\n);\n\n/**\n * Main Slider component for specifying the Slider on the page.\n *\n * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.\n * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const Slider: Component<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = props => {\n  if (isServer) return props.children;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(props.options || {}, ...(props.plugins || []));\n  setHelpers(helpers);\n  slider;\n  return <div use:slider>{props.children}</div>;\n};\n\n/**\n * Provides a helpful button with next/prev to pair with your slider.\n *\n * @param props {boolean} next - Specify if this should be a next button.\n * @param props {boolean} prev - Specify if this should be a prev button.\n * @param props {string} class - Class to override the button.\n * @param props {object} classList - List of classes to override the button.\n */\nexport const SliderButton: Component<{\n  next?: boolean;\n  prev?: boolean;\n  disabled?: boolean;\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n}> = props => {\n  const context = useContext(SliderContext);\n  const changeSlide = () => {\n    if (context == null) return;\n    const [helpers] = context;\n    props.next ? helpers()?.next() : helpers()?.prev();\n  };\n  return (\n    <button\n      disabled={props.disabled || false}\n      class={props.class}\n      classList={props.classList}\n      onClick={changeSlide}\n    >\n      {props.children}\n    </button>\n  );\n};\n"],"names":["createSlider","options","plugins","slider","current","setCurrent","createSignal","destroy","create","el","classList","add","opts","selector","childNodes","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","update","next","prev","moveTo","id","duration","absolute","easing","moveToIdx","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","children","Slider","isServer","setHelpers","useContext","helpers","SliderButton","context","changeSlide","_$effect","disabled","class","_$classList"],"mappings":"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"}

package/dist/index/primitive.d.ts

@@ -0,0 +1,39 @@
+import { Accessor } from "solid-js";
+import { KeenSliderHooks, KeenSliderInstance, KeenSliderOptions, KeenSliderPlugin, TrackDetails } from "keen-slider";
+declare module "solid-js" {
+    namespace JSX {
+        interface Directives {
+            slider: {};
+        }
+    }
+}
+/**
+ * Creates a slider powered by KeenSlider.
+ *
+ * @param {Object} options Values to initialize the slider with
+ * @param {Array} plugins Extensions that enhance KeenSlider options
+ * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
+ * @returns {Function} create Mounts the slider on provided element
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.next Function to trigger the next slide
+ * @returns {Function} helpers.prev Function to trigger the previous slide
+ * @returns {Function<Object>} helpers.details Provides details about the current slider
+ * @returns {Function} helpers.slider Returns the KeenSlider instance
+ * @returns {Function} helpers.destroy Manual destroy function
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+export declare const createSlider: <O = {}, P = {}, H extends string = KeenSliderHooks>(options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>, ...plugins: KeenSliderPlugin<O, P, H>[]) => [create: (el: HTMLElement) => void, helpers: {
+    current: Accessor<number>;
+    next: Accessor<void>;
+    prev: Accessor<void>;
+    moveTo: (id: number, duration?: number, absolute?: boolean, easing?: (t: number) => number) => void;
+    details: Accessor<TrackDetails>;
+    slider: Accessor<KeenSliderInstance<O, P, H>>;
+    destroy: Accessor<void>;
+}];

package/dist/index/primitive.js

@@ -0,0 +1,58 @@
+import { on, onMount, createSignal, onCleanup, createEffect } from "solid-js";
+import KeenSlider from "keen-slider";
+/**
+ * Creates a slider powered by KeenSlider.
+ *
+ * @param {Object} options Values to initialize the slider with
+ * @param {Array} plugins Extensions that enhance KeenSlider options
+ * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
+ * @returns {Function} create Mounts the slider on provided element
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.current Current slide number
+ * @returns {Function} helpers.next Function to trigger the next slide
+ * @returns {Function} helpers.prev Function to trigger the previous slide
+ * @returns {Function<Object>} helpers.details Provides details about the current slider
+ * @returns {Function} helpers.slider Returns the KeenSlider instance
+ * @returns {Function} helpers.destroy Manual destroy function
+ *
+ * @example
+ * ```ts
+ * const [create, { prev, next }] = createSlider();
+ * <div use:slider>...</div>
+ * ```
+ */
+export const createSlider = (options, ...plugins) => {
+    let slider;
+    const [current, setCurrent] = createSignal(0);
+    const destroy = () => slider && slider.destroy();
+    // Slider creation method and directive function
+    const create = (el) => {
+        el.classList.add("keen-slider");
+        // @ts-ignore
+        const opts = () => ({
+            selector: el.childNodes,
+            ...(typeof options == "function" ? options() : options)
+        });
+        onMount(() => {
+            slider = new KeenSlider(el, opts(), plugins);
+            slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
+            setCurrent(slider.track.details.rel);
+        });
+        onCleanup(destroy);
+        if (typeof options === "function") {
+            createEffect(on(() => options, () => slider && slider.update(opts())));
+        }
+    };
+    return [
+        create,
+        {
+            current,
+            next: () => slider && slider.next(),
+            prev: () => slider && slider.prev(),
+            details: () => (slider ? slider.track.details : {}),
+            slider: () => slider,
+            moveTo: (id, duration = 250, absolute = false, easing) => slider?.moveToIdx(id, absolute, { duration, easing: easing }),
+            destroy
+        }
+    ];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-slider",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "A slider utility for SolidJS.",
   "author": "David Di Biase",
   "repository": {
@@ -14,16 +14,28 @@
   "homepage": "https://github.com/davedbase/solid-slider#readme",
   "scripts": {
     "format": "prettier -w \"src/**/*.{js,ts,json,css,tsx,jsx}\"",
-    "build": "tsup && cp src/slider.css dist/slider.css"
+    "build": "rollup -c rollup.config.js && cp src/slider.css dist/slider.css"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/index/index.common.js",
+  "module": "dist/index/index.module.js",
+  "types": "dist/index/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
-    "./plugins/autoplay": "./dist/plugins/autoplay.js",
+    ".": {
+      "solid": "./dist/index/index.jsx",
+      "import": "./dist/index/index.module.js",
+      "browser": "./dist/index/index.module.js",
+      "require": "./dist/index/index.common.js",
+      "node": "./dist/index/index.common.js"
+    },
+    "./plugins/autoplay":  {
+      "solid": "./dist/autoplay/autoplay.jsx",
+      "import": "./dist/autoplay/index.module.js",
+      "browser": "./dist/autoplay/index.module.js",
+      "require": "./dist/autoplay/index.common.js",
+      "node": "./dist/autoplay/index.common.js"
+    },
     "./slider.css": "./dist/slider.css"
   },
-  "types": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
     "dist"
@@ -41,15 +53,15 @@
     "plugin"
   ],
   "dependencies": {
-    "@solid-primitives/context": "^0.1.0",
     "@solid-primitives/timer": "1.3.0",
-    "esbuild-plugin-solid": "^0.4.2",
     "keen-slider": "^6.6.10",
     "solid-js": "^1.3.16"
   },
   "devDependencies": {
+    "esbuild-plugin-solid": "^0.4.2",
+    "rollup": "^2.70.2",
+    "rollup-preset-solid": "^1.4.0",
     "prettier": "^2.5.1",
-    "tsup": "^5.12.6",
     "typescript": "^4.5.5"
   }
 }

package/dist/chunk-NXJS66U5.mjs

@@ -1,20 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-export {
-  __spreadValues
-};

package/dist/index.d.ts

@@ -1,92 +0,0 @@
-import * as solid_js from 'solid-js';
-import { Accessor, Component } from 'solid-js';
-import * as keen_slider from 'keen-slider';
-import { KeenSliderHooks, KeenSliderOptions, KeenSliderPlugin, TrackDetails, KeenSliderInstance } from 'keen-slider';
-
-declare module "solid-js" {
-    namespace JSX {
-        interface Directives {
-            slider: {};
-        }
-    }
-}
-/**
- * Creates a slider powered by KeenSlider.
- *
- * @param {Object} options Values to initialize the slider with
- * @param {Array} plugins Extensions that enhance KeenSlider options
- * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
- * @returns {Function} create Mounts the slider on provided element
- * @returns {Function} helpers.current Current slide number
- * @returns {Function} helpers.current Current slide number
- * @returns {Function} helpers.next Function to trigger the next slide
- * @returns {Function} helpers.prev Function to trigger the previous slide
- * @returns {Function<Object>} helpers.details Provides details about the current slider
- * @returns {Function} helpers.slider Returns the KeenSlider instance
- * @returns {Function} helpers.destroy Manual destroy function
- *
- * @example
- * ```ts
- * const [create, { prev, next }] = createSlider();
- * <div use:slider>...</div>
- * ```
- */
-declare const createSlider: <O = {}, P = {}, H extends string = KeenSliderHooks>(options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>> | undefined, ...plugins: KeenSliderPlugin<O, P, H>[]) => [create: (el: HTMLElement) => void, helpers: {
-    current: Accessor<number>;
-    next: Accessor<void>;
-    prev: Accessor<void>;
-    moveTo: (id: number, duration?: number | undefined, absolute?: boolean | undefined, easing?: ((t: number) => number) | undefined) => void;
-    details: Accessor<TrackDetails>;
-    slider: Accessor<KeenSliderInstance<O, P, H> | undefined>;
-    destroy: Accessor<void>;
-}];
-
-interface Func<T> {
-    ([...args]: any, args2?: any): T;
-}
-declare function returnType<T>(func: Func<T>): T;
-declare const SliderContext: solid_js.Context<solid_js.Signal<{
-    current: solid_js.Accessor<number>;
-    next: solid_js.Accessor<void>;
-    prev: solid_js.Accessor<void>;
-    moveTo: (id: number, duration?: number | undefined, absolute?: boolean | undefined, easing?: ((t: number) => number) | undefined) => void;
-    details: solid_js.Accessor<keen_slider.TrackDetails>;
-    slider: solid_js.Accessor<keen_slider.KeenSliderInstance<{}, {}, keen_slider.KeenSliderHooks> | undefined>;
-    destroy: solid_js.Accessor<void>;
-} | null>>;
-/**
- * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.
- *
- * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
- * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
- */
-declare const SliderProvider: Component;
-/**
- * Main Slider component for specifying the Slider on the page.
- *
- * @param props {KeenSliderOptions} options - Accepts all KeenSlider options.
- * @param props {KeenSLiderPlugin} plugins - A list of Solid Slider or Keen slider plugins.
- */
-declare const Slider: Component<{
-    options?: KeenSliderOptions;
-    plugins?: KeenSliderPlugin[];
-}>;
-/**
- * Provides a helpful button with next/prev to pair with your slider.
- *
- * @param props {boolean} next - Specify if this should be a next button.
- * @param props {boolean} prev - Specify if this should be a prev button.
- * @param props {string} class - Class to override the button.
- * @param props {object} classList - List of classes to override the button.
- */
-declare const SliderButton: Component<{
-    next?: boolean;
-    prev?: boolean;
-    disabled?: boolean;
-    class?: string;
-    classList?: {
-        [k: string]: boolean | undefined;
-    };
-}>;
-
-export { Slider, SliderButton, SliderContext, SliderProvider, createSlider, returnType };

package/dist/index.js

@@ -1,158 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Slider: () => Slider,
-  SliderButton: () => SliderButton,
-  SliderContext: () => SliderContext,
-  SliderProvider: () => SliderProvider,
-  createSlider: () => createSlider,
-  returnType: () => returnType
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/primitive.ts
-var import_solid_js = require("solid-js");
-var import_keen_slider = __toESM(require("keen-slider"));
-var createSlider = (options, ...plugins) => {
-  let slider;
-  const [current, setCurrent] = (0, import_solid_js.createSignal)(0);
-  const destroy = () => slider && slider.destroy();
-  const create = (el) => {
-    el.classList.add("keen-slider");
-    const opts = () => __spreadValues({
-      selector: el.childNodes
-    }, typeof options == "function" ? options() : options);
-    (0, import_solid_js.onMount)(() => {
-      slider = new import_keen_slider.default(el, opts(), plugins);
-      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
-      setCurrent(slider.track.details.rel);
-    });
-    (0, import_solid_js.onCleanup)(destroy);
-    if (typeof options === "function") {
-      (0, import_solid_js.createEffect)((0, import_solid_js.on)(() => options, () => slider && slider.update(opts())));
-    }
-  };
-  return [
-    create,
-    {
-      current,
-      next: () => slider && slider.next(),
-      prev: () => slider && slider.prev(),
-      details: () => slider ? slider.track.details : {},
-      slider: () => slider,
-      moveTo: (id, duration = 250, absolute = false, easing) => slider == null ? void 0 : slider.moveToIdx(id, absolute, { duration, easing }),
-      destroy
-    }
-  ];
-};
-
-// src/components.tsx
-var import_web = require("solid-js/web");
-var import_web2 = require("solid-js/web");
-var import_web3 = require("solid-js/web");
-var import_web4 = require("solid-js/web");
-var import_web5 = require("solid-js/web");
-var import_web6 = require("solid-js/web");
-var import_solid_js2 = require("solid-js");
-var import_web7 = require("solid-js/web");
-var _tmpl$ = /* @__PURE__ */ (0, import_web.template)(`<div></div>`, 2);
-var _tmpl$2 = /* @__PURE__ */ (0, import_web.template)(`<button></button>`, 2);
-function returnType(func) {
-  return {};
-}
-var sliderValues = returnType(createSlider);
-var SliderContext = (0, import_solid_js2.createContext)((0, import_solid_js2.createSignal)(null));
-var SliderProvider = (props) => (0, import_web6.createComponent)(SliderContext.Provider, {
-  get value() {
-    return (0, import_solid_js2.createSignal)(null);
-  },
-  get children() {
-    return props.children;
-  }
-});
-var Slider = (props) => {
-  if (import_web7.isServer)
-    return props.children;
-  const [, setHelpers] = (0, import_solid_js2.useContext)(SliderContext);
-  const [slider, helpers] = createSlider(props.options || {}, ...props.plugins || []);
-  setHelpers(helpers);
-  slider;
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-    slider(_el$, () => true);
-    (0, import_web5.insert)(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var SliderButton = (props) => {
-  const context = (0, import_solid_js2.useContext)(SliderContext);
-  const changeSlide = () => {
-    var _a, _b;
-    if (context == null)
-      return;
-    const [helpers] = context;
-    props.next ? (_a = helpers()) == null ? void 0 : _a.next() : (_b = helpers()) == null ? void 0 : _b.prev();
-  };
-  return (() => {
-    const _el$2 = _tmpl$2.cloneNode(true);
-    _el$2.$$click = changeSlide;
-    (0, import_web5.insert)(_el$2, () => props.children);
-    (0, import_web4.effect)((_p$) => {
-      const _v$ = props.disabled || false, _v$2 = props.class, _v$3 = props.classList;
-      _v$ !== _p$._v$ && (_el$2.disabled = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && (_el$2.className = _p$._v$2 = _v$2);
-      _p$._v$3 = (0, import_web3.classList)(_el$2, _v$3, _p$._v$3);
-      return _p$;
-    }, {
-      _v$: void 0,
-      _v$2: void 0,
-      _v$3: void 0
-    });
-    return _el$2;
-  })();
-};
-(0, import_web2.delegateEvents)(["click"]);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Slider,
-  SliderButton,
-  SliderContext,
-  SliderProvider,
-  createSlider,
-  returnType
-});

package/dist/index.mjs

@@ -1,114 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-NXJS66U5.mjs";
-
-// src/primitive.ts
-import { on, onMount, createSignal, onCleanup, createEffect } from "solid-js";
-import KeenSlider from "keen-slider";
-var createSlider = (options, ...plugins) => {
-  let slider;
-  const [current, setCurrent] = createSignal(0);
-  const destroy = () => slider && slider.destroy();
-  const create = (el) => {
-    el.classList.add("keen-slider");
-    const opts = () => __spreadValues({
-      selector: el.childNodes
-    }, typeof options == "function" ? options() : options);
-    onMount(() => {
-      slider = new KeenSlider(el, opts(), plugins);
-      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
-      setCurrent(slider.track.details.rel);
-    });
-    onCleanup(destroy);
-    if (typeof options === "function") {
-      createEffect(on(() => options, () => slider && slider.update(opts())));
-    }
-  };
-  return [
-    create,
-    {
-      current,
-      next: () => slider && slider.next(),
-      prev: () => slider && slider.prev(),
-      details: () => slider ? slider.track.details : {},
-      slider: () => slider,
-      moveTo: (id, duration = 250, absolute = false, easing) => slider == null ? void 0 : slider.moveToIdx(id, absolute, { duration, easing }),
-      destroy
-    }
-  ];
-};
-
-// src/components.tsx
-import { template as _$template } from "solid-js/web";
-import { delegateEvents as _$delegateEvents } from "solid-js/web";
-import { classList as _$classList } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
-import { createContext, useContext, createSignal as createSignal2 } from "solid-js";
-import { isServer } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div></div>`, 2);
-var _tmpl$2 = /* @__PURE__ */ _$template(`<button></button>`, 2);
-function returnType(func) {
-  return {};
-}
-var sliderValues = returnType(createSlider);
-var SliderContext = createContext(createSignal2(null));
-var SliderProvider = (props) => _$createComponent(SliderContext.Provider, {
-  get value() {
-    return createSignal2(null);
-  },
-  get children() {
-    return props.children;
-  }
-});
-var Slider = (props) => {
-  if (isServer)
-    return props.children;
-  const [, setHelpers] = useContext(SliderContext);
-  const [slider, helpers] = createSlider(props.options || {}, ...props.plugins || []);
-  setHelpers(helpers);
-  slider;
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-    slider(_el$, () => true);
-    _$insert(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var SliderButton = (props) => {
-  const context = useContext(SliderContext);
-  const changeSlide = () => {
-    var _a, _b;
-    if (context == null)
-      return;
-    const [helpers] = context;
-    props.next ? (_a = helpers()) == null ? void 0 : _a.next() : (_b = helpers()) == null ? void 0 : _b.prev();
-  };
-  return (() => {
-    const _el$2 = _tmpl$2.cloneNode(true);
-    _el$2.$$click = changeSlide;
-    _$insert(_el$2, () => props.children);
-    _$effect((_p$) => {
-      const _v$ = props.disabled || false, _v$2 = props.class, _v$3 = props.classList;
-      _v$ !== _p$._v$ && (_el$2.disabled = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && (_el$2.className = _p$._v$2 = _v$2);
-      _p$._v$3 = _$classList(_el$2, _v$3, _p$._v$3);
-      return _p$;
-    }, {
-      _v$: void 0,
-      _v$2: void 0,
-      _v$3: void 0
-    });
-    return _el$2;
-  })();
-};
-_$delegateEvents(["click"]);
-export {
-  Slider,
-  SliderButton,
-  SliderContext,
-  SliderProvider,
-  createSlider,
-  returnType
-};

package/dist/plugins/autoplay.js

@@ -1,41 +0,0 @@
-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);
-
-// src/plugins/autoplay.ts
-var autoplay_exports = {};
-__export(autoplay_exports, {
-  default: () => autoplay_default
-});
-module.exports = __toCommonJS(autoplay_exports);
-var import_solid_js = require("solid-js");
-var import_timer = require("@solid-primitives/timer");
-var autoplay = (interval = 1e3, options) => {
-  return (slider) => {
-    let dispose;
-    const start = () => {
-      dispose = (0, import_timer.makeTimer)(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
-    };
-    if (options.pauseOnDrag || true) {
-      slider.on("dragStarted", () => dispose());
-    }
-    (0, import_solid_js.createEffect)(() => !options.pause || options.pause() === false ? start() : dispose());
-  };
-};
-var autoplay_default = autoplay;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/plugins/autoplay.mjs

@@ -1,21 +0,0 @@
-import "../chunk-NXJS66U5.mjs";
-
-// src/plugins/autoplay.ts
-import { createEffect } from "solid-js";
-import { makeTimer } from "@solid-primitives/timer";
-var autoplay = (interval = 1e3, options) => {
-  return (slider) => {
-    let dispose;
-    const start = () => {
-      dispose = makeTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
-    };
-    if (options.pauseOnDrag || true) {
-      slider.on("dragStarted", () => dispose());
-    }
-    createEffect(() => !options.pause || options.pause() === false ? start() : dispose());
-  };
-};
-var autoplay_default = autoplay;
-export {
-  autoplay_default as default
-};