solid-slider 1.3.20 → 1.3.21

package/README.md

@@ -1,3 +1,8 @@
+<p>
+  <img width="100%" src="https://assets.solidjs.com/banner?type=Solid%20Slider&background=tiles&project=%20" alt="Solid Slider">
+</p>
+
+
 # Solid Slider
 
 [![size](https://img.shields.io/bundlephobia/minzip/solid-slider?style=for-the-badge)](https://bundlephobia.com/package/solid-slider)
@@ -397,10 +402,11 @@ Thie library exports it's own CSS which is the basic Keen-Slider implementation
 - 1.3.14 - Patched npm packaging issue (thanks [joeygrable94 ](https://www.github.com/joeygrable94))
 - 1.3.15 - Updated to Solid 1.7.11
 - 1.3.16 - Updated dependencies and move Solid from dependency to peer
-- 1.3.17 - Added typs definition to exports (thanks [ChristophP](https://github.com/ChristophP))
+- 1.3.17 - Added types definition to exports (thanks [ChristophP](https://github.com/ChristophP))
 - 1.3.18 - Adjusted documentation and minor source cleanup
 - 1.3.19 - Attempt to fix export paths
 - 1.3.20 - Package maintenance (bumping versions) and added new dot and thumbnail navigation components
+- 1.3.21 - Patched type for SliderDots (thanks [Violettica](https://github.com/Violettica)), improved additional types.
 
 ## Keen Options API
 

package/dist/autoplay/autoplay.d.ts

@@ -3,13 +3,13 @@ import { Accessor } from "solid-js";
 /**
  * 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.
+ * @param interval - Interval in milliseconds for switching slides
+ * @param options - Options to customize the autoplay
+ * @param options.pause - A pause signal to control the autoplay
+ * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.
+ * @param options.animation - Allows for control of duration and easing.
+ * @param options.duration - Duration for transitioning the slide.
+ * @param options.easing - Easing function for the transition animation.
  *
  * @example
  * ```ts

package/dist/autoplay/autoplay.jsx

@@ -3,13 +3,13 @@ import { createEffect } from "solid-js";
 /**
  * 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.
+ * @param interval - Interval in milliseconds for switching slides
+ * @param options - Options to customize the autoplay
+ * @param options.pause - A pause signal to control the autoplay
+ * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.
+ * @param options.animation - Allows for control of duration and easing.
+ * @param options.duration - Duration for transitioning the slide.
+ * @param options.easing - Easing function for the transition animation.
  *
  * @example
  * ```ts

package/dist/autoplay/index.common.js

@@ -6,13 +6,13 @@ var solidJs = require('solid-js');
 /**
  * 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.
+ * @param interval - Interval in milliseconds for switching slides
+ * @param options - Options to customize the autoplay
+ * @param options.pause - A pause signal to control the autoplay
+ * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.
+ * @param options.animation - Allows for control of duration and easing.
+ * @param options.duration - Duration for transitioning the slide.
+ * @param options.easing - Easing function for the transition animation.
  *
  * @example
  * ```ts

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

@@ -1 +1 @@
-{"version":3,"file":"index.common.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\nimport { Accessor, createEffect } from \"solid-js\";\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] = createSlider({}, [autoplay]);\n * ```\n */\nexport const 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        () =>\n          slider.moveToIdx(\n            slider.track.details.position + 1,\n            true,\n            options.animation,\n          ),\n        interval,\n        setInterval,\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag !== false) {\n      slider.on(\"dragStarted\", () => dispose?.());\n    }\n    createEffect(() =>\n      !options.pause || options.pause() === false ? start() : dispose?.(),\n    );\n  };\n};\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;AACO,MAAMA,QAAQ,GAAGA,CACtBC,QAAgB,GAAG,IAAI,EACvBC,OAOC,KACE;AACH,EAAA,OAAQC,MAA0B,IAAK;AACrC,IAAA,IAAIC,OAAiB;IACrB,MAAMC,KAAK,GAAGA,MAAM;AAClBD,MAAAA,OAAO,GAAGE,eAAS,CACjB,MACEH,MAAM,CAACI,SAAS,CACdJ,MAAM,CAACK,KAAK,CAACC,OAAO,CAACC,QAAQ,GAAG,CAAC,EACjC,IAAI,EACJR,OAAO,CAACS,SACV,CAAC,EACHV,QAAQ,EACRW,WACF,CAAC;IACH,CAAC;AACD;AACA,IAAA,IAAIV,OAAO,CAACW,WAAW,KAAK,KAAK,EAAE;MACjCV,MAAM,CAACW,EAAE,CAAC,aAAa,EAAE,MAAMV,OAAO,IAAI,CAAC;AAC7C,IAAA;IACAW,oBAAY,CAAC,MACX,CAACb,OAAO,CAACc,KAAK,IAAId,OAAO,CAACc,KAAK,EAAE,KAAK,KAAK,GAAGX,KAAK,EAAE,GAAGD,OAAO,IACjE,CAAC;EACH,CAAC;AACH;;;;"}
+{"version":3,"file":"index.common.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\nimport { Accessor, createEffect } from \"solid-js\";\n\n/**\n * Provides an autoplay plugin.\n *\n * @param interval - Interval in milliseconds for switching slides\n * @param options - Options to customize the autoplay\n * @param options.pause - A pause signal to control the autoplay\n * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.\n * @param options.animation - Allows for control of duration and easing.\n * @param options.duration - Duration for transitioning the slide.\n * @param options.easing - Easing function for the transition animation.\n *\n * @example\n * ```ts\n * const [create] = createSlider({}, [autoplay]);\n * ```\n */\nexport const 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        () =>\n          slider.moveToIdx(\n            slider.track.details.position + 1,\n            true,\n            options.animation,\n          ),\n        interval,\n        setInterval,\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag !== false) {\n      slider.on(\"dragStarted\", () => dispose?.());\n    }\n    createEffect(() =>\n      !options.pause || options.pause() === false ? start() : dispose?.(),\n    );\n  };\n};\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;AACO,MAAMA,QAAQ,GAAGA,CACtBC,QAAgB,GAAG,IAAI,EACvBC,OAOC,KACE;AACH,EAAA,OAAQC,MAA0B,IAAK;AACrC,IAAA,IAAIC,OAAiB;IACrB,MAAMC,KAAK,GAAGA,MAAM;AAClBD,MAAAA,OAAO,GAAGE,eAAS,CACjB,MACEH,MAAM,CAACI,SAAS,CACdJ,MAAM,CAACK,KAAK,CAACC,OAAO,CAACC,QAAQ,GAAG,CAAC,EACjC,IAAI,EACJR,OAAO,CAACS,SACV,CAAC,EACHV,QAAQ,EACRW,WACF,CAAC;IACH,CAAC;AACD;AACA,IAAA,IAAIV,OAAO,CAACW,WAAW,KAAK,KAAK,EAAE;MACjCV,MAAM,CAACW,EAAE,CAAC,aAAa,EAAE,MAAMV,OAAO,IAAI,CAAC;AAC7C,IAAA;IACAW,oBAAY,CAAC,MACX,CAACb,OAAO,CAACc,KAAK,IAAId,OAAO,CAACc,KAAK,EAAE,KAAK,KAAK,GAAGX,KAAK,EAAE,GAAGD,OAAO,IACjE,CAAC;EACH,CAAC;AACH;;;;"}

package/dist/autoplay/index.module.js

@@ -4,13 +4,13 @@ import { createEffect } from 'solid-js';
 /**
  * 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.
+ * @param interval - Interval in milliseconds for switching slides
+ * @param options - Options to customize the autoplay
+ * @param options.pause - A pause signal to control the autoplay
+ * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.
+ * @param options.animation - Allows for control of duration and easing.
+ * @param options.duration - Duration for transitioning the slide.
+ * @param options.easing - Easing function for the transition animation.
  *
  * @example
  * ```ts

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\nimport { Accessor, createEffect } from \"solid-js\";\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] = createSlider({}, [autoplay]);\n * ```\n */\nexport const 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        () =>\n          slider.moveToIdx(\n            slider.track.details.position + 1,\n            true,\n            options.animation,\n          ),\n        interval,\n        setInterval,\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag !== false) {\n      slider.on(\"dragStarted\", () => dispose?.());\n    }\n    createEffect(() =>\n      !options.pause || options.pause() === false ? start() : dispose?.(),\n    );\n  };\n};\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;AACO,MAAMA,QAAQ,GAAGA,CACtBC,QAAgB,GAAG,IAAI,EACvBC,OAOC,KACE;AACH,EAAA,OAAQC,MAA0B,IAAK;AACrC,IAAA,IAAIC,OAAiB;IACrB,MAAMC,KAAK,GAAGA,MAAM;AAClBD,MAAAA,OAAO,GAAGE,SAAS,CACjB,MACEH,MAAM,CAACI,SAAS,CACdJ,MAAM,CAACK,KAAK,CAACC,OAAO,CAACC,QAAQ,GAAG,CAAC,EACjC,IAAI,EACJR,OAAO,CAACS,SACV,CAAC,EACHV,QAAQ,EACRW,WACF,CAAC;IACH,CAAC;AACD;AACA,IAAA,IAAIV,OAAO,CAACW,WAAW,KAAK,KAAK,EAAE;MACjCV,MAAM,CAACW,EAAE,CAAC,aAAa,EAAE,MAAMV,OAAO,IAAI,CAAC;AAC7C,IAAA;IACAW,YAAY,CAAC,MACX,CAACb,OAAO,CAACc,KAAK,IAAId,OAAO,CAACc,KAAK,EAAE,KAAK,KAAK,GAAGX,KAAK,EAAE,GAAGD,OAAO,IACjE,CAAC;EACH,CAAC;AACH;;;;"}
+{"version":3,"file":"index.module.js","sources":["../../src/plugins/autoplay.tsx"],"sourcesContent":["import { makeTimer } from \"@solid-primitives/timer\";\nimport { KeenSliderInstance } from \"keen-slider\";\nimport { Accessor, createEffect } from \"solid-js\";\n\n/**\n * Provides an autoplay plugin.\n *\n * @param interval - Interval in milliseconds for switching slides\n * @param options - Options to customize the autoplay\n * @param options.pause - A pause signal to control the autoplay\n * @param options.pauseOnDrag - Denotes of the autoplay should pause on drag.\n * @param options.animation - Allows for control of duration and easing.\n * @param options.duration - Duration for transitioning the slide.\n * @param options.easing - Easing function for the transition animation.\n *\n * @example\n * ```ts\n * const [create] = createSlider({}, [autoplay]);\n * ```\n */\nexport const 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        () =>\n          slider.moveToIdx(\n            slider.track.details.position + 1,\n            true,\n            options.animation,\n          ),\n        interval,\n        setInterval,\n      );\n    };\n    // Pause the slider on drag\n    if (options.pauseOnDrag !== false) {\n      slider.on(\"dragStarted\", () => dispose?.());\n    }\n    createEffect(() =>\n      !options.pause || options.pause() === false ? start() : dispose?.(),\n    );\n  };\n};\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;AACO,MAAMA,QAAQ,GAAGA,CACtBC,QAAgB,GAAG,IAAI,EACvBC,OAOC,KACE;AACH,EAAA,OAAQC,MAA0B,IAAK;AACrC,IAAA,IAAIC,OAAiB;IACrB,MAAMC,KAAK,GAAGA,MAAM;AAClBD,MAAAA,OAAO,GAAGE,SAAS,CACjB,MACEH,MAAM,CAACI,SAAS,CACdJ,MAAM,CAACK,KAAK,CAACC,OAAO,CAACC,QAAQ,GAAG,CAAC,EACjC,IAAI,EACJR,OAAO,CAACS,SACV,CAAC,EACHV,QAAQ,EACRW,WACF,CAAC;IACH,CAAC;AACD;AACA,IAAA,IAAIV,OAAO,CAACW,WAAW,KAAK,KAAK,EAAE;MACjCV,MAAM,CAACW,EAAE,CAAC,aAAa,EAAE,MAAMV,OAAO,IAAI,CAAC;AAC7C,IAAA;IACAW,YAAY,CAAC,MACX,CAACb,OAAO,CAACc,KAAK,IAAId,OAAO,CAACc,KAAK,EAAE,KAAK,KAAK,GAAGX,KAAK,EAAE,GAAGD,OAAO,IACjE,CAAC;EACH,CAAC;AACH;;;;"}

package/dist/index/components.d.ts

@@ -1,4 +1,4 @@
-import { FlowComponent } from "solid-js";
+import { FlowComponent, Component } from "solid-js";
 import { KeenSliderOptions, KeenSliderPlugin } from "keen-slider";
 interface Func<T> {
     ([...args]: any, args2?: any): T;
@@ -17,15 +17,15 @@ export declare const SliderContext: import("solid-js").Context<import("solid-js"
 /**
  * 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 export declare const SliderProvider: FlowComponent;
 /**
  * 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 export declare const Slider: FlowComponent<{
     options?: KeenSliderOptions;
@@ -34,10 +34,10 @@ export declare const Slider: FlowComponent<{
 /**
  * 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.
+ * @param props.next - Specify if this should be a next button.
+ * @param props.prev - Specify if this should be a prev button.
+ * @param props.class - Class to override the button.
+ * @param props.classList - List of classes to override the button.
  */
 export declare const SliderButton: FlowComponent<{
     next?: boolean;
@@ -52,10 +52,10 @@ export declare const SliderButton: FlowComponent<{
  * Navigation dots component for the slider.
  * Displays a dot for each slide and highlights the current slide.
  *
- * @param props {string} class - Class to override the dots container.
- * @param props {object} classList - List of classes to override the dots container.
- * @param props {string} dotClass - Class to override individual dots.
- * @param props {object} dotClassList - List of classes to override individual dots.
+ * @param props.class - Class to override the dots container.
+ * @param props.classList - List of classes to override the dots container.
+ * @param props.dotClass - Class to override individual dots.
+ * @param props.dotClassList - List of classes to override individual dots.
  *
  * @example
  * ```tsx
@@ -68,7 +68,7 @@ export declare const SliderButton: FlowComponent<{
  * </SliderProvider>
  * ```
  */
-export declare const SliderDots: FlowComponent<{
+export declare const SliderDots: Component<{
     class?: string;
     classList?: {
         [k: string]: boolean | undefined;
@@ -83,8 +83,8 @@ export declare const SliderDots: FlowComponent<{
  * A second Slider that synchronizes with the main slider.
  * User provides thumbnail slides as children.
  *
- * @param props {KeenSliderOptions} options - Options for the thumbnail slider.
- * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.
+ * @param props.options - Options for the thumbnail slider.
+ * @param props.plugins - Plugins for the thumbnail slider.
  *
  * @example
  * ```tsx

package/dist/index/components.jsx

@@ -11,8 +11,8 @@ 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 export const SliderProvider = (props) => (<SliderContext.Provider value={createSignal(null)}>
     {props.children}
@@ -20,8 +20,8 @@ export const SliderProvider = (props) => (<SliderContext.Provider value={createS
 /**
  * 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 export const Slider = (props) => {
     if (isServer)
@@ -38,10 +38,10 @@ export const Slider = (props) => {
 /**
  * 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.
+ * @param props.next - Specify if this should be a next button.
+ * @param props.prev - Specify if this should be a prev button.
+ * @param props.class - Class to override the button.
+ * @param props.classList - List of classes to override the button.
  */
 export const SliderButton = (props) => {
     const context = useContext(SliderContext);
@@ -59,10 +59,10 @@ export const SliderButton = (props) => {
  * Navigation dots component for the slider.
  * Displays a dot for each slide and highlights the current slide.
  *
- * @param props {string} class - Class to override the dots container.
- * @param props {object} classList - List of classes to override the dots container.
- * @param props {string} dotClass - Class to override individual dots.
- * @param props {object} dotClassList - List of classes to override individual dots.
+ * @param props.class - Class to override the dots container.
+ * @param props.classList - List of classes to override the dots container.
+ * @param props.dotClass - Class to override individual dots.
+ * @param props.dotClassList - List of classes to override individual dots.
  *
  * @example
  * ```tsx
@@ -123,8 +123,8 @@ export const SliderDots = (props) => {
  * A second Slider that synchronizes with the main slider.
  * User provides thumbnail slides as children.
  *
- * @param props {KeenSliderOptions} options - Options for the thumbnail slider.
- * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.
+ * @param props.options - Options for the thumbnail slider.
+ * @param props.plugins - Plugins for the thumbnail slider.
  *
  * @example
  * ```tsx

package/dist/index/index.common.js

@@ -8,17 +8,16 @@ var web = require('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
+ * @param options - Values to initialize the slider with
+ * @param plugins - Extensions that enhance KeenSlider options
+ * @returns Returns mount and helper methods
+ * @returns create - Mounts the slider on provided element
+ * @returns helpers.current - Current slide number
+ * @returns helpers.next - Function to trigger the next slide
+ * @returns helpers.prev - Function to trigger the previous slide
+ * @returns helpers.details - Provides details about the current slider
+ * @returns helpers.slider - Returns the KeenSlider instance
+ * @returns helpers.destroy - Manual destroy function
  *
  * @example
  * ```ts
@@ -32,13 +31,14 @@ const createSlider = (options, ...plugins) => {
   const opts = () => utils.access(options);
   const [current, setCurrent] = solidJs.createSignal(opts()?.initial || 0);
   const destroy = () => slider && slider.destroy();
-  const getOptions = (overrides = {}
-  // @ts-ignore
-  ) => ({
-    selector: el.childNodes,
-    ...opts(),
-    ...overrides
-  });
+  const getOptions = (overrides = {}) => {
+    const baseOpts = opts();
+    return {
+      selector: el.childNodes,
+      ...(baseOpts || {}),
+      ...overrides
+    };
+  };
   const update = () => slider?.update(getOptions());
   // Slider creation method and directive function
   const create = newEl => {
@@ -86,8 +86,8 @@ 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 const SliderProvider = props => web.createComponent(SliderContext.Provider, {
   get value() {
@@ -101,8 +101,8 @@ const SliderProvider = props => web.createComponent(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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 const Slider = props => {
   if (web.isServer) return (() => {
@@ -127,10 +127,10 @@ const Slider = props => {
 /**
  * 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.
+ * @param props.next - Specify if this should be a next button.
+ * @param props.prev - Specify if this should be a prev button.
+ * @param props.class - Class to override the button.
+ * @param props.classList - List of classes to override the button.
  */
 const SliderButton = props => {
   const context = solidJs.useContext(SliderContext);
@@ -164,10 +164,10 @@ const SliderButton = props => {
  * Navigation dots component for the slider.
  * Displays a dot for each slide and highlights the current slide.
  *
- * @param props {string} class - Class to override the dots container.
- * @param props {object} classList - List of classes to override the dots container.
- * @param props {string} dotClass - Class to override individual dots.
- * @param props {object} dotClassList - List of classes to override individual dots.
+ * @param props.class - Class to override the dots container.
+ * @param props.classList - List of classes to override the dots container.
+ * @param props.dotClass - Class to override individual dots.
+ * @param props.dotClassList - List of classes to override individual dots.
  *
  * @example
  * ```tsx
@@ -265,8 +265,8 @@ const SliderDots = props => {
  * A second Slider that synchronizes with the main slider.
  * User provides thumbnail slides as children.
  *
- * @param props {KeenSliderOptions} options - Options for the thumbnail slider.
- * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.
+ * @param props.options - Options for the thumbnail slider.
+ * @param props.plugins - Plugins for the thumbnail slider.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.common.js","sources":["../../src/primitive.tsx","../../src/components.tsx"],"sourcesContent":["import {\n  on,\n  onMount,\n  createSignal,\n  onCleanup,\n  Accessor,\n  createEffect,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\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\nexport type SliderControls<O, P, H extends string> = [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: VoidFunction;\n    prev: VoidFunction;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number,\n    ) => void;\n    details: () => TrackDetails;\n    slider: () => KeenSliderInstance<O, P, H> | undefined;\n    destroy: VoidFunction;\n    update: VoidFunction;\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 = <\n  O = {},\n  P = {},\n  H extends string = KeenSliderHooks,\n>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): SliderControls<O, P, H> => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  let el: HTMLElement;\n  const opts = () => access(options);\n  const [current, setCurrent] = createSignal(opts()?.initial || 0);\n  const destroy = () => slider && slider.destroy();\n  const getOptions: Accessor<KeenSliderOptions<O, P, H> | undefined> = (\n    overrides = {},\n    // @ts-ignore\n  ) => ({\n    selector: el.childNodes,\n    ...opts(),\n    ...overrides,\n  });\n  const update = () => slider?.update(getOptions());\n  // Slider creation method and directive function\n  const create = (newEl: HTMLElement) => {\n    el = newEl;\n    el.classList.add(\"keen-slider\");\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, getOptions(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(on(() => options, update));\n    }\n  };\n  const moveTo = (\n    id: number,\n    duration = 250,\n    absolute = false,\n    easing?: (t: number) => number,\n  ) => {\n    slider?.moveToIdx(id, absolute, { duration, easing: easing });\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,\n      destroy,\n      update,\n    },\n  ];\n};\n","import {\n  on,\n  createContext,\n  useContext,\n  createSignal,\n  FlowComponent,\n  createEffect,\n  For,\n  Show,\n  JSX,\n  createMemo,\n  Index,\n  onMount,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\nimport { isServer } from \"solid-js/web\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { createSlider } from \"./primitive\";\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(\n  createSignal<SliderHelpers | null>(null),\n);\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: FlowComponent = (props) => (\n  <SliderContext.Provider value={createSignal<SliderHelpers | null>(null)}>\n    {props.children}\n  </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: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = (props) => {\n  if (isServer) return <div class=\"keen-slider\">{props.children}</div>;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n  setHelpers(helpers);\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => helpers.update()),\n      { defer: true },\n    ),\n  );\n  slider;\n  return (\n    <div use:slider class=\"keen-slider\">\n      {props.children}\n    </div>\n  );\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: FlowComponent<{\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\n/**\n * Navigation dots component for the slider.\n * Displays a dot for each slide and highlights the current slide.\n *\n * @param props {string} class - Class to override the dots container.\n * @param props {object} classList - List of classes to override the dots container.\n * @param props {string} dotClass - Class to override individual dots.\n * @param props {object} dotClassList - List of classes to override individual dots.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider>\n *     <div class=\"keen-slider__slide\">Slide 1</div>\n *     <div class=\"keen-slider__slide\">Slide 2</div>\n *   </Slider>\n *   <SliderDots />\n * </SliderProvider>\n * ```\n */\nexport const SliderDots: FlowComponent<{\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n  dotClass?: string;\n  dotClassList?: { [k: string]: boolean | undefined };\n}> = (props) => {\n  const context = useContext(SliderContext);\n  const [slideCount, setSlideCount] = createSignal(0);\n\n  const handleDotClick = (idx: number) => {\n    if (context == null) return;\n    const [helpers] = context;\n    helpers()?.moveTo(idx);\n  };\n\n  // Update slide count when slider is created/updated\n  createEffect(() => {\n    if (!context) return;\n    const [helpers] = context;\n    const sliderInstance = helpers()?.slider();\n\n    if (sliderInstance) {\n      const updateCount = () => {\n        const details = helpers()?.details();\n        setSlideCount(details?.slides?.length || 0);\n      };\n\n      // Set initial count\n      updateCount();\n\n      // Listen for slider changes\n      sliderInstance.on(\"created\", updateCount);\n      sliderInstance.on(\"updated\", updateCount);\n    }\n  });\n\n  const slides = createMemo(() =>\n    Array.from({ length: slideCount() }, (_, i) => i),\n  );\n\n  return (\n    <Show when={context != null}>\n      <div\n        class={props.class || \"keen-slider-dots\"}\n        classList={props.classList}\n      >\n        <Index each={slides()}>\n          {(idx) => {\n            const [helpers] = context!;\n            const isActive = () => helpers()?.current() === idx();\n            return (\n              <button\n                class={props.dotClass || \"keen-slider-dot\"}\n                classList={{\n                  ...props.dotClassList,\n                  active: isActive(),\n                }}\n                onClick={() => handleDotClick(idx())}\n                aria-label={`Go to slide ${idx() + 1}`}\n              />\n            );\n          }}\n        </Index>\n      </div>\n    </Show>\n  );\n};\n\n/**\n * Thumbnail navigation component for the slider.\n * A second Slider that synchronizes with the main slider.\n * User provides thumbnail slides as children.\n *\n * @param props {KeenSliderOptions} options - Options for the thumbnail slider.\n * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider options={{ loop: true }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide1.jpg\" alt=\"Slide 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide2.jpg\" alt=\"Slide 2\" />\n *     </div>\n *   </Slider>\n *   <SliderThumbnails options={{ slides: { perView: 4, spacing: 10 } }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb1.jpg\" alt=\"Thumbnail 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb2.jpg\" alt=\"Thumbnail 2\" />\n *     </div>\n *   </SliderThumbnails>\n * </SliderProvider>\n * ```\n */\nexport const SliderThumbnails: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n  activeClass?: string;\n}> = (props) => {\n  if (isServer) return <div>{props.children}</div>;\n\n  const mainContext = useContext(SliderContext);\n\n  if (!mainContext) {\n    console.warn(\"SliderThumbnails must be used within a SliderProvider\");\n    return <div>{props.children}</div>;\n  }\n\n  const [mainHelpers] = mainContext;\n\n  // Create thumbnail slider with user options\n  const [thumbSlider, thumbHelpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n\n  // Update on children change (same as main Slider)\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => thumbHelpers.update()),\n      { defer: true },\n    ),\n  );\n\n  // Sync thumbnail slider with main slider\n  onMount(() => {\n    // Wait for next tick to ensure both sliders are mounted\n    queueMicrotask(() => {\n      const mainSliderInstance = mainHelpers()?.slider();\n      const thumbSliderInstance = thumbHelpers.slider();\n\n      if (mainSliderInstance && thumbSliderInstance) {\n        // Function to update active thumbnail\n        const activeClassName = props.activeClass || \"active\";\n        const updateActiveThumbnail = () => {\n          const mainCurrent = mainHelpers()?.current();\n          if (mainCurrent !== undefined) {\n            // Remove active class from all thumbnails\n            thumbSliderInstance.slides.forEach((slide) => {\n              slide.classList.remove(activeClassName);\n            });\n            // Add active class to current thumbnail\n            if (thumbSliderInstance.slides[mainCurrent]) {\n              thumbSliderInstance.slides[mainCurrent].classList.add(\n                activeClassName,\n              );\n            }\n            // Move thumbnail slider to show active thumbnail\n            thumbHelpers.moveTo(mainCurrent);\n          }\n        };\n\n        // Listen to main slider changes\n        mainSliderInstance.on(\"slideChanged\", updateActiveThumbnail);\n\n        // Set initial active state\n        updateActiveThumbnail();\n\n        // Add click handlers to thumbnails\n        thumbSliderInstance.slides.forEach((slide, idx) => {\n          slide.addEventListener(\"click\", () => {\n            mainHelpers()?.moveTo(idx);\n          });\n        });\n      }\n    });\n  });\n\n  // Prevent tree-shaking\n  thumbSlider;\n\n  return <div use:thumbSlider>{props.children}</div>;\n};\n"],"names":["createSlider","options","plugins","slider","el","opts","access","current","setCurrent","createSignal","initial","destroy","getOptions","overrides","selector","childNodes","update","create","newEl","classList","add","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","moveTo","id","duration","absolute","easing","moveToIdx","next","prev","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","Provider","value","children","Slider","isServer","_el$","_tmpl$","_$insert","setHelpers","useContext","helpers","queueMicrotask","defer","_el$2","_$use","SliderButton","context","changeSlide","_el$3","_tmpl$2","$$click","_$effect","_p$","_v$","disabled","_v$2","class","_v$3","_$className","_$classList","undefined","SliderDots","slideCount","setSlideCount","handleDotClick","idx","sliderInstance","updateCount","slides","length","createMemo","Array","from","_","i","Show","when","_el$4","_tmpl$3","Index","each","isActive","_el$5","_v$6","dotClass","_v$7","dotClassList","active","_v$8","_$setAttribute","_v$4","_v$5","SliderThumbnails","_el$6","mainContext","console","warn","_el$7","mainHelpers","thumbSlider","thumbHelpers","mainSliderInstance","thumbSliderInstance","activeClassName","activeClass","updateActiveThumbnail","mainCurrent","forEach","slide","remove","addEventListener","_el$8","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"index.common.js","sources":["../../src/primitive.tsx","../../src/components.tsx"],"sourcesContent":["import {\n  on,\n  onMount,\n  createSignal,\n  onCleanup,\n  Accessor,\n  createEffect,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\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      thumbSlider: {};\n    }\n  }\n}\n\nexport type SliderControls<O, P, H extends string> = [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: VoidFunction;\n    prev: VoidFunction;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number,\n    ) => void;\n    details: () => TrackDetails;\n    slider: () => KeenSliderInstance<O, P, H> | undefined;\n    destroy: VoidFunction;\n    update: VoidFunction;\n  },\n];\n\n/**\n * Creates a slider powered by KeenSlider.\n *\n * @param options - Values to initialize the slider with\n * @param plugins - Extensions that enhance KeenSlider options\n * @returns Returns mount and helper methods\n * @returns create - Mounts the slider on provided element\n * @returns helpers.current - Current slide number\n * @returns helpers.next - Function to trigger the next slide\n * @returns helpers.prev - Function to trigger the previous slide\n * @returns helpers.details - Provides details about the current slider\n * @returns helpers.slider - Returns the KeenSlider instance\n * @returns 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 = <\n  O = {},\n  P = {},\n  H extends string = KeenSliderHooks,\n>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): SliderControls<O, P, H> => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  let el: HTMLElement;\n  const opts = () => access(options);\n  const [current, setCurrent] = createSignal((opts() as any)?.initial || 0);\n  const destroy = () => slider && slider.destroy();\n  const getOptions = (overrides = {}): KeenSliderOptions<O, P, H> => {\n    const baseOpts = opts();\n    return {\n      selector: el.childNodes,\n      ...(baseOpts || {}),\n      ...overrides,\n    } as KeenSliderOptions<O, P, H>;\n  };\n  const update = () => slider?.update(getOptions());\n  // Slider creation method and directive function\n  const create = (newEl: HTMLElement) => {\n    el = newEl;\n    el.classList.add(\"keen-slider\");\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, getOptions(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(on(() => options, update));\n    }\n  };\n  const moveTo = (\n    id: number,\n    duration = 250,\n    absolute = false,\n    easing?: (t: number) => number,\n  ) => {\n    slider?.moveToIdx(id, absolute, { duration, easing: easing });\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,\n      destroy,\n      update,\n    },\n  ];\n};\n","import {\n  on,\n  createContext,\n  useContext,\n  createSignal,\n  FlowComponent,\n  Component,\n  createEffect,\n  Show,\n  JSX,\n  createMemo,\n  Index,\n  onMount,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\nimport { isServer } from \"solid-js/web\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { createSlider } from \"./primitive\";\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(\n  createSignal<SliderHelpers | null>(null),\n);\n\n/**\n * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.\n *\n * @param props.options - Accepts all KeenSlider options.\n * @param props.plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const SliderProvider: FlowComponent = (props) => (\n  <SliderContext.Provider value={createSignal<SliderHelpers | null>(null)}>\n    {props.children}\n  </SliderContext.Provider>\n);\n\n/**\n * Main Slider component for specifying the Slider on the page.\n *\n * @param props.options - Accepts all KeenSlider options.\n * @param props.plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const Slider: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = (props) => {\n  if (isServer) return <div class=\"keen-slider\">{props.children}</div>;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n  setHelpers(helpers);\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => helpers.update()),\n      { defer: true },\n    ),\n  );\n  slider;\n  return (\n    <div use:slider class=\"keen-slider\">\n      {props.children}\n    </div>\n  );\n};\n\n/**\n * Provides a helpful button with next/prev to pair with your slider.\n *\n * @param props.next - Specify if this should be a next button.\n * @param props.prev - Specify if this should be a prev button.\n * @param props.class - Class to override the button.\n * @param props.classList - List of classes to override the button.\n */\nexport const SliderButton: FlowComponent<{\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\n/**\n * Navigation dots component for the slider.\n * Displays a dot for each slide and highlights the current slide.\n *\n * @param props.class - Class to override the dots container.\n * @param props.classList - List of classes to override the dots container.\n * @param props.dotClass - Class to override individual dots.\n * @param props.dotClassList - List of classes to override individual dots.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider>\n *     <div class=\"keen-slider__slide\">Slide 1</div>\n *     <div class=\"keen-slider__slide\">Slide 2</div>\n *   </Slider>\n *   <SliderDots />\n * </SliderProvider>\n * ```\n */\nexport const SliderDots: Component<{\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n  dotClass?: string;\n  dotClassList?: { [k: string]: boolean | undefined };\n}> = (props) => {\n  const context = useContext(SliderContext);\n  const [slideCount, setSlideCount] = createSignal(0);\n\n  const handleDotClick = (idx: number) => {\n    if (context == null) return;\n    const [helpers] = context;\n    helpers()?.moveTo(idx);\n  };\n\n  // Update slide count when slider is created/updated\n  createEffect(() => {\n    if (!context) return;\n    const [helpers] = context;\n    const sliderInstance = helpers()?.slider();\n\n    if (sliderInstance) {\n      const updateCount = () => {\n        const details = helpers()?.details();\n        setSlideCount(details?.slides?.length || 0);\n      };\n\n      // Set initial count\n      updateCount();\n\n      // Listen for slider changes\n      sliderInstance.on(\"created\", updateCount);\n      sliderInstance.on(\"updated\", updateCount);\n    }\n  });\n\n  const slides = createMemo(() =>\n    Array.from({ length: slideCount() }, (_, i) => i),\n  );\n\n  return (\n    <Show when={context != null}>\n      <div\n        class={props.class || \"keen-slider-dots\"}\n        classList={props.classList}\n      >\n        <Index each={slides()}>\n          {(idx) => {\n            const [helpers] = context!;\n            const isActive = () => helpers()?.current() === idx();\n            return (\n              <button\n                class={props.dotClass || \"keen-slider-dot\"}\n                classList={{\n                  ...props.dotClassList,\n                  active: isActive(),\n                }}\n                onClick={() => handleDotClick(idx())}\n                aria-label={`Go to slide ${idx() + 1}`}\n              />\n            );\n          }}\n        </Index>\n      </div>\n    </Show>\n  );\n};\n\n/**\n * Thumbnail navigation component for the slider.\n * A second Slider that synchronizes with the main slider.\n * User provides thumbnail slides as children.\n *\n * @param props.options - Options for the thumbnail slider.\n * @param props.plugins - Plugins for the thumbnail slider.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider options={{ loop: true }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide1.jpg\" alt=\"Slide 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide2.jpg\" alt=\"Slide 2\" />\n *     </div>\n *   </Slider>\n *   <SliderThumbnails options={{ slides: { perView: 4, spacing: 10 } }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb1.jpg\" alt=\"Thumbnail 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb2.jpg\" alt=\"Thumbnail 2\" />\n *     </div>\n *   </SliderThumbnails>\n * </SliderProvider>\n * ```\n */\nexport const SliderThumbnails: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n  activeClass?: string;\n}> = (props) => {\n  if (isServer) return <div>{props.children}</div>;\n\n  const mainContext = useContext(SliderContext);\n\n  if (!mainContext) {\n    console.warn(\"SliderThumbnails must be used within a SliderProvider\");\n    return <div>{props.children}</div>;\n  }\n\n  const [mainHelpers] = mainContext;\n\n  // Create thumbnail slider with user options\n  const [thumbSlider, thumbHelpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n\n  // Update on children change (same as main Slider)\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => thumbHelpers.update()),\n      { defer: true },\n    ),\n  );\n\n  // Sync thumbnail slider with main slider\n  onMount(() => {\n    // Wait for next tick to ensure both sliders are mounted\n    queueMicrotask(() => {\n      const mainSliderInstance = mainHelpers()?.slider();\n      const thumbSliderInstance = thumbHelpers.slider();\n\n      if (mainSliderInstance && thumbSliderInstance) {\n        // Function to update active thumbnail\n        const activeClassName = props.activeClass || \"active\";\n        const updateActiveThumbnail = () => {\n          const mainCurrent = mainHelpers()?.current();\n          if (mainCurrent !== undefined) {\n            // Remove active class from all thumbnails\n            thumbSliderInstance.slides.forEach((slide) => {\n              slide.classList.remove(activeClassName);\n            });\n            // Add active class to current thumbnail\n            if (thumbSliderInstance.slides[mainCurrent]) {\n              thumbSliderInstance.slides[mainCurrent].classList.add(\n                activeClassName,\n              );\n            }\n            // Move thumbnail slider to show active thumbnail\n            thumbHelpers.moveTo(mainCurrent);\n          }\n        };\n\n        // Listen to main slider changes\n        mainSliderInstance.on(\"slideChanged\", updateActiveThumbnail);\n\n        // Set initial active state\n        updateActiveThumbnail();\n\n        // Add click handlers to thumbnails\n        thumbSliderInstance.slides.forEach((slide, idx) => {\n          slide.addEventListener(\"click\", () => {\n            mainHelpers()?.moveTo(idx);\n          });\n        });\n      }\n    });\n  });\n\n  // Prevent tree-shaking\n  thumbSlider;\n\n  return <div use:thumbSlider>{props.children}</div>;\n};\n"],"names":["createSlider","options","plugins","slider","el","opts","access","current","setCurrent","createSignal","initial","destroy","getOptions","overrides","baseOpts","selector","childNodes","update","create","newEl","classList","add","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","moveTo","id","duration","absolute","easing","moveToIdx","next","prev","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","Provider","value","children","Slider","isServer","_el$","_tmpl$","_$insert","setHelpers","useContext","helpers","queueMicrotask","defer","_el$2","_$use","SliderButton","context","changeSlide","_el$3","_tmpl$2","$$click","_$effect","_p$","_v$","disabled","_v$2","class","_v$3","_$className","_$classList","undefined","SliderDots","slideCount","setSlideCount","handleDotClick","idx","sliderInstance","updateCount","slides","length","createMemo","Array","from","_","i","Show","when","_el$4","_tmpl$3","Index","each","isActive","_el$5","_v$6","dotClass","_v$7","dotClassList","active","_v$8","_$setAttribute","_v$4","_v$5","SliderThumbnails","_el$6","mainContext","console","warn","_el$7","mainHelpers","thumbSlider","thumbHelpers","mainSliderInstance","thumbSliderInstance","activeClassName","activeClass","updateActiveThumbnail","mainCurrent","forEach","slide","remove","addEventListener","_el$8","_$delegateEvents"],"mappings":"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"}

package/dist/index/index.module.js

@@ -6,17 +6,16 @@ import { createComponent, isServer, template, insert, use, effect, className, cl
 /**
  * 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
+ * @param options - Values to initialize the slider with
+ * @param plugins - Extensions that enhance KeenSlider options
+ * @returns Returns mount and helper methods
+ * @returns create - Mounts the slider on provided element
+ * @returns helpers.current - Current slide number
+ * @returns helpers.next - Function to trigger the next slide
+ * @returns helpers.prev - Function to trigger the previous slide
+ * @returns helpers.details - Provides details about the current slider
+ * @returns helpers.slider - Returns the KeenSlider instance
+ * @returns helpers.destroy - Manual destroy function
  *
  * @example
  * ```ts
@@ -30,13 +29,14 @@ const createSlider = (options, ...plugins) => {
   const opts = () => access(options);
   const [current, setCurrent] = createSignal(opts()?.initial || 0);
   const destroy = () => slider && slider.destroy();
-  const getOptions = (overrides = {}
-  // @ts-ignore
-  ) => ({
-    selector: el.childNodes,
-    ...opts(),
-    ...overrides
-  });
+  const getOptions = (overrides = {}) => {
+    const baseOpts = opts();
+    return {
+      selector: el.childNodes,
+      ...(baseOpts || {}),
+      ...overrides
+    };
+  };
   const update = () => slider?.update(getOptions());
   // Slider creation method and directive function
   const create = newEl => {
@@ -84,8 +84,8 @@ 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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 const SliderProvider = props => createComponent(SliderContext.Provider, {
   get value() {
@@ -99,8 +99,8 @@ const SliderProvider = props => createComponent(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.
+ * @param props.options - Accepts all KeenSlider options.
+ * @param props.plugins - A list of Solid Slider or Keen slider plugins.
  */
 const Slider = props => {
   if (isServer) return (() => {
@@ -125,10 +125,10 @@ const Slider = props => {
 /**
  * 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.
+ * @param props.next - Specify if this should be a next button.
+ * @param props.prev - Specify if this should be a prev button.
+ * @param props.class - Class to override the button.
+ * @param props.classList - List of classes to override the button.
  */
 const SliderButton = props => {
   const context = useContext(SliderContext);
@@ -162,10 +162,10 @@ const SliderButton = props => {
  * Navigation dots component for the slider.
  * Displays a dot for each slide and highlights the current slide.
  *
- * @param props {string} class - Class to override the dots container.
- * @param props {object} classList - List of classes to override the dots container.
- * @param props {string} dotClass - Class to override individual dots.
- * @param props {object} dotClassList - List of classes to override individual dots.
+ * @param props.class - Class to override the dots container.
+ * @param props.classList - List of classes to override the dots container.
+ * @param props.dotClass - Class to override individual dots.
+ * @param props.dotClassList - List of classes to override individual dots.
  *
  * @example
  * ```tsx
@@ -263,8 +263,8 @@ const SliderDots = props => {
  * A second Slider that synchronizes with the main slider.
  * User provides thumbnail slides as children.
  *
- * @param props {KeenSliderOptions} options - Options for the thumbnail slider.
- * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.
+ * @param props.options - Options for the thumbnail slider.
+ * @param props.plugins - Plugins for the thumbnail slider.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.js","sources":["../../src/primitive.tsx","../../src/components.tsx"],"sourcesContent":["import {\n  on,\n  onMount,\n  createSignal,\n  onCleanup,\n  Accessor,\n  createEffect,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\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\nexport type SliderControls<O, P, H extends string> = [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: VoidFunction;\n    prev: VoidFunction;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number,\n    ) => void;\n    details: () => TrackDetails;\n    slider: () => KeenSliderInstance<O, P, H> | undefined;\n    destroy: VoidFunction;\n    update: VoidFunction;\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 = <\n  O = {},\n  P = {},\n  H extends string = KeenSliderHooks,\n>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): SliderControls<O, P, H> => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  let el: HTMLElement;\n  const opts = () => access(options);\n  const [current, setCurrent] = createSignal(opts()?.initial || 0);\n  const destroy = () => slider && slider.destroy();\n  const getOptions: Accessor<KeenSliderOptions<O, P, H> | undefined> = (\n    overrides = {},\n    // @ts-ignore\n  ) => ({\n    selector: el.childNodes,\n    ...opts(),\n    ...overrides,\n  });\n  const update = () => slider?.update(getOptions());\n  // Slider creation method and directive function\n  const create = (newEl: HTMLElement) => {\n    el = newEl;\n    el.classList.add(\"keen-slider\");\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, getOptions(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(on(() => options, update));\n    }\n  };\n  const moveTo = (\n    id: number,\n    duration = 250,\n    absolute = false,\n    easing?: (t: number) => number,\n  ) => {\n    slider?.moveToIdx(id, absolute, { duration, easing: easing });\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,\n      destroy,\n      update,\n    },\n  ];\n};\n","import {\n  on,\n  createContext,\n  useContext,\n  createSignal,\n  FlowComponent,\n  createEffect,\n  For,\n  Show,\n  JSX,\n  createMemo,\n  Index,\n  onMount,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\nimport { isServer } from \"solid-js/web\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { createSlider } from \"./primitive\";\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(\n  createSignal<SliderHelpers | null>(null),\n);\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: FlowComponent = (props) => (\n  <SliderContext.Provider value={createSignal<SliderHelpers | null>(null)}>\n    {props.children}\n  </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: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = (props) => {\n  if (isServer) return <div class=\"keen-slider\">{props.children}</div>;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n  setHelpers(helpers);\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => helpers.update()),\n      { defer: true },\n    ),\n  );\n  slider;\n  return (\n    <div use:slider class=\"keen-slider\">\n      {props.children}\n    </div>\n  );\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: FlowComponent<{\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\n/**\n * Navigation dots component for the slider.\n * Displays a dot for each slide and highlights the current slide.\n *\n * @param props {string} class - Class to override the dots container.\n * @param props {object} classList - List of classes to override the dots container.\n * @param props {string} dotClass - Class to override individual dots.\n * @param props {object} dotClassList - List of classes to override individual dots.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider>\n *     <div class=\"keen-slider__slide\">Slide 1</div>\n *     <div class=\"keen-slider__slide\">Slide 2</div>\n *   </Slider>\n *   <SliderDots />\n * </SliderProvider>\n * ```\n */\nexport const SliderDots: FlowComponent<{\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n  dotClass?: string;\n  dotClassList?: { [k: string]: boolean | undefined };\n}> = (props) => {\n  const context = useContext(SliderContext);\n  const [slideCount, setSlideCount] = createSignal(0);\n\n  const handleDotClick = (idx: number) => {\n    if (context == null) return;\n    const [helpers] = context;\n    helpers()?.moveTo(idx);\n  };\n\n  // Update slide count when slider is created/updated\n  createEffect(() => {\n    if (!context) return;\n    const [helpers] = context;\n    const sliderInstance = helpers()?.slider();\n\n    if (sliderInstance) {\n      const updateCount = () => {\n        const details = helpers()?.details();\n        setSlideCount(details?.slides?.length || 0);\n      };\n\n      // Set initial count\n      updateCount();\n\n      // Listen for slider changes\n      sliderInstance.on(\"created\", updateCount);\n      sliderInstance.on(\"updated\", updateCount);\n    }\n  });\n\n  const slides = createMemo(() =>\n    Array.from({ length: slideCount() }, (_, i) => i),\n  );\n\n  return (\n    <Show when={context != null}>\n      <div\n        class={props.class || \"keen-slider-dots\"}\n        classList={props.classList}\n      >\n        <Index each={slides()}>\n          {(idx) => {\n            const [helpers] = context!;\n            const isActive = () => helpers()?.current() === idx();\n            return (\n              <button\n                class={props.dotClass || \"keen-slider-dot\"}\n                classList={{\n                  ...props.dotClassList,\n                  active: isActive(),\n                }}\n                onClick={() => handleDotClick(idx())}\n                aria-label={`Go to slide ${idx() + 1}`}\n              />\n            );\n          }}\n        </Index>\n      </div>\n    </Show>\n  );\n};\n\n/**\n * Thumbnail navigation component for the slider.\n * A second Slider that synchronizes with the main slider.\n * User provides thumbnail slides as children.\n *\n * @param props {KeenSliderOptions} options - Options for the thumbnail slider.\n * @param props {KeenSliderPlugin[]} plugins - Plugins for the thumbnail slider.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider options={{ loop: true }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide1.jpg\" alt=\"Slide 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide2.jpg\" alt=\"Slide 2\" />\n *     </div>\n *   </Slider>\n *   <SliderThumbnails options={{ slides: { perView: 4, spacing: 10 } }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb1.jpg\" alt=\"Thumbnail 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb2.jpg\" alt=\"Thumbnail 2\" />\n *     </div>\n *   </SliderThumbnails>\n * </SliderProvider>\n * ```\n */\nexport const SliderThumbnails: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n  activeClass?: string;\n}> = (props) => {\n  if (isServer) return <div>{props.children}</div>;\n\n  const mainContext = useContext(SliderContext);\n\n  if (!mainContext) {\n    console.warn(\"SliderThumbnails must be used within a SliderProvider\");\n    return <div>{props.children}</div>;\n  }\n\n  const [mainHelpers] = mainContext;\n\n  // Create thumbnail slider with user options\n  const [thumbSlider, thumbHelpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n\n  // Update on children change (same as main Slider)\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => thumbHelpers.update()),\n      { defer: true },\n    ),\n  );\n\n  // Sync thumbnail slider with main slider\n  onMount(() => {\n    // Wait for next tick to ensure both sliders are mounted\n    queueMicrotask(() => {\n      const mainSliderInstance = mainHelpers()?.slider();\n      const thumbSliderInstance = thumbHelpers.slider();\n\n      if (mainSliderInstance && thumbSliderInstance) {\n        // Function to update active thumbnail\n        const activeClassName = props.activeClass || \"active\";\n        const updateActiveThumbnail = () => {\n          const mainCurrent = mainHelpers()?.current();\n          if (mainCurrent !== undefined) {\n            // Remove active class from all thumbnails\n            thumbSliderInstance.slides.forEach((slide) => {\n              slide.classList.remove(activeClassName);\n            });\n            // Add active class to current thumbnail\n            if (thumbSliderInstance.slides[mainCurrent]) {\n              thumbSliderInstance.slides[mainCurrent].classList.add(\n                activeClassName,\n              );\n            }\n            // Move thumbnail slider to show active thumbnail\n            thumbHelpers.moveTo(mainCurrent);\n          }\n        };\n\n        // Listen to main slider changes\n        mainSliderInstance.on(\"slideChanged\", updateActiveThumbnail);\n\n        // Set initial active state\n        updateActiveThumbnail();\n\n        // Add click handlers to thumbnails\n        thumbSliderInstance.slides.forEach((slide, idx) => {\n          slide.addEventListener(\"click\", () => {\n            mainHelpers()?.moveTo(idx);\n          });\n        });\n      }\n    });\n  });\n\n  // Prevent tree-shaking\n  thumbSlider;\n\n  return <div use:thumbSlider>{props.children}</div>;\n};\n"],"names":["createSlider","options","plugins","slider","el","opts","access","current","setCurrent","createSignal","initial","destroy","getOptions","overrides","selector","childNodes","update","create","newEl","classList","add","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","moveTo","id","duration","absolute","easing","moveToIdx","next","prev","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","Provider","value","children","Slider","isServer","_el$","_tmpl$","_$insert","setHelpers","useContext","helpers","queueMicrotask","defer","_el$2","_$use","SliderButton","context","changeSlide","_el$3","_tmpl$2","$$click","_$effect","_p$","_v$","disabled","_v$2","class","_v$3","_$className","_$classList","undefined","SliderDots","slideCount","setSlideCount","handleDotClick","idx","sliderInstance","updateCount","slides","length","createMemo","Array","from","_","i","Show","when","_el$4","_tmpl$3","Index","each","isActive","_el$5","_v$6","dotClass","_v$7","dotClassList","active","_v$8","_$setAttribute","_v$4","_v$5","SliderThumbnails","_el$6","mainContext","console","warn","_el$7","mainHelpers","thumbSlider","thumbHelpers","mainSliderInstance","thumbSliderInstance","activeClassName","activeClass","updateActiveThumbnail","mainCurrent","forEach","slide","remove","addEventListener","_el$8","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"index.module.js","sources":["../../src/primitive.tsx","../../src/components.tsx"],"sourcesContent":["import {\n  on,\n  onMount,\n  createSignal,\n  onCleanup,\n  Accessor,\n  createEffect,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\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      thumbSlider: {};\n    }\n  }\n}\n\nexport type SliderControls<O, P, H extends string> = [\n  create: (el: HTMLElement) => void,\n  helpers: {\n    current: Accessor<number>;\n    next: VoidFunction;\n    prev: VoidFunction;\n    moveTo: (\n      id: number,\n      duration?: number,\n      absolute?: boolean,\n      easing?: (t: number) => number,\n    ) => void;\n    details: () => TrackDetails;\n    slider: () => KeenSliderInstance<O, P, H> | undefined;\n    destroy: VoidFunction;\n    update: VoidFunction;\n  },\n];\n\n/**\n * Creates a slider powered by KeenSlider.\n *\n * @param options - Values to initialize the slider with\n * @param plugins - Extensions that enhance KeenSlider options\n * @returns Returns mount and helper methods\n * @returns create - Mounts the slider on provided element\n * @returns helpers.current - Current slide number\n * @returns helpers.next - Function to trigger the next slide\n * @returns helpers.prev - Function to trigger the previous slide\n * @returns helpers.details - Provides details about the current slider\n * @returns helpers.slider - Returns the KeenSlider instance\n * @returns 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 = <\n  O = {},\n  P = {},\n  H extends string = KeenSliderHooks,\n>(\n  options?: KeenSliderOptions<O, P, H> | Accessor<KeenSliderOptions<O, P, H>>,\n  ...plugins: KeenSliderPlugin<O, P, H>[]\n): SliderControls<O, P, H> => {\n  let slider: KeenSliderInstance<O, P, H> | undefined;\n  let el: HTMLElement;\n  const opts = () => access(options);\n  const [current, setCurrent] = createSignal((opts() as any)?.initial || 0);\n  const destroy = () => slider && slider.destroy();\n  const getOptions = (overrides = {}): KeenSliderOptions<O, P, H> => {\n    const baseOpts = opts();\n    return {\n      selector: el.childNodes,\n      ...(baseOpts || {}),\n      ...overrides,\n    } as KeenSliderOptions<O, P, H>;\n  };\n  const update = () => slider?.update(getOptions());\n  // Slider creation method and directive function\n  const create = (newEl: HTMLElement) => {\n    el = newEl;\n    el.classList.add(\"keen-slider\");\n    onMount(() => {\n      slider = new KeenSlider<O, P, H>(el, getOptions(), plugins);\n      slider.on(\"slideChanged\", () => setCurrent(slider!.track.details.rel));\n    });\n    onCleanup(destroy);\n    if (typeof options === \"function\") {\n      createEffect(on(() => options, update));\n    }\n  };\n  const moveTo = (\n    id: number,\n    duration = 250,\n    absolute = false,\n    easing?: (t: number) => number,\n  ) => {\n    slider?.moveToIdx(id, absolute, { duration, easing: easing });\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,\n      destroy,\n      update,\n    },\n  ];\n};\n","import {\n  on,\n  createContext,\n  useContext,\n  createSignal,\n  FlowComponent,\n  Component,\n  createEffect,\n  Show,\n  JSX,\n  createMemo,\n  Index,\n  onMount,\n} from \"solid-js\";\nimport { access } from \"@solid-primitives/utils\";\nimport { isServer } from \"solid-js/web\";\nimport { KeenSliderOptions, KeenSliderPlugin } from \"keen-slider\";\nimport { createSlider } from \"./primitive\";\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(\n  createSignal<SliderHelpers | null>(null),\n);\n\n/**\n * A helpful and simple Provider to wrap your Slider if controls such as SliderButton are used.\n *\n * @param props.options - Accepts all KeenSlider options.\n * @param props.plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const SliderProvider: FlowComponent = (props) => (\n  <SliderContext.Provider value={createSignal<SliderHelpers | null>(null)}>\n    {props.children}\n  </SliderContext.Provider>\n);\n\n/**\n * Main Slider component for specifying the Slider on the page.\n *\n * @param props.options - Accepts all KeenSlider options.\n * @param props.plugins - A list of Solid Slider or Keen slider plugins.\n */\nexport const Slider: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n}> = (props) => {\n  if (isServer) return <div class=\"keen-slider\">{props.children}</div>;\n  const [, setHelpers] = useContext(SliderContext);\n  const [slider, helpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n  setHelpers(helpers);\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => helpers.update()),\n      { defer: true },\n    ),\n  );\n  slider;\n  return (\n    <div use:slider class=\"keen-slider\">\n      {props.children}\n    </div>\n  );\n};\n\n/**\n * Provides a helpful button with next/prev to pair with your slider.\n *\n * @param props.next - Specify if this should be a next button.\n * @param props.prev - Specify if this should be a prev button.\n * @param props.class - Class to override the button.\n * @param props.classList - List of classes to override the button.\n */\nexport const SliderButton: FlowComponent<{\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\n/**\n * Navigation dots component for the slider.\n * Displays a dot for each slide and highlights the current slide.\n *\n * @param props.class - Class to override the dots container.\n * @param props.classList - List of classes to override the dots container.\n * @param props.dotClass - Class to override individual dots.\n * @param props.dotClassList - List of classes to override individual dots.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider>\n *     <div class=\"keen-slider__slide\">Slide 1</div>\n *     <div class=\"keen-slider__slide\">Slide 2</div>\n *   </Slider>\n *   <SliderDots />\n * </SliderProvider>\n * ```\n */\nexport const SliderDots: Component<{\n  class?: string;\n  classList?: { [k: string]: boolean | undefined };\n  dotClass?: string;\n  dotClassList?: { [k: string]: boolean | undefined };\n}> = (props) => {\n  const context = useContext(SliderContext);\n  const [slideCount, setSlideCount] = createSignal(0);\n\n  const handleDotClick = (idx: number) => {\n    if (context == null) return;\n    const [helpers] = context;\n    helpers()?.moveTo(idx);\n  };\n\n  // Update slide count when slider is created/updated\n  createEffect(() => {\n    if (!context) return;\n    const [helpers] = context;\n    const sliderInstance = helpers()?.slider();\n\n    if (sliderInstance) {\n      const updateCount = () => {\n        const details = helpers()?.details();\n        setSlideCount(details?.slides?.length || 0);\n      };\n\n      // Set initial count\n      updateCount();\n\n      // Listen for slider changes\n      sliderInstance.on(\"created\", updateCount);\n      sliderInstance.on(\"updated\", updateCount);\n    }\n  });\n\n  const slides = createMemo(() =>\n    Array.from({ length: slideCount() }, (_, i) => i),\n  );\n\n  return (\n    <Show when={context != null}>\n      <div\n        class={props.class || \"keen-slider-dots\"}\n        classList={props.classList}\n      >\n        <Index each={slides()}>\n          {(idx) => {\n            const [helpers] = context!;\n            const isActive = () => helpers()?.current() === idx();\n            return (\n              <button\n                class={props.dotClass || \"keen-slider-dot\"}\n                classList={{\n                  ...props.dotClassList,\n                  active: isActive(),\n                }}\n                onClick={() => handleDotClick(idx())}\n                aria-label={`Go to slide ${idx() + 1}`}\n              />\n            );\n          }}\n        </Index>\n      </div>\n    </Show>\n  );\n};\n\n/**\n * Thumbnail navigation component for the slider.\n * A second Slider that synchronizes with the main slider.\n * User provides thumbnail slides as children.\n *\n * @param props.options - Options for the thumbnail slider.\n * @param props.plugins - Plugins for the thumbnail slider.\n *\n * @example\n * ```tsx\n * <SliderProvider>\n *   <Slider options={{ loop: true }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide1.jpg\" alt=\"Slide 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"slide2.jpg\" alt=\"Slide 2\" />\n *     </div>\n *   </Slider>\n *   <SliderThumbnails options={{ slides: { perView: 4, spacing: 10 } }}>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb1.jpg\" alt=\"Thumbnail 1\" />\n *     </div>\n *     <div class=\"keen-slider__slide\">\n *       <img src=\"thumb2.jpg\" alt=\"Thumbnail 2\" />\n *     </div>\n *   </SliderThumbnails>\n * </SliderProvider>\n * ```\n */\nexport const SliderThumbnails: FlowComponent<{\n  options?: KeenSliderOptions;\n  plugins?: KeenSliderPlugin[];\n  activeClass?: string;\n}> = (props) => {\n  if (isServer) return <div>{props.children}</div>;\n\n  const mainContext = useContext(SliderContext);\n\n  if (!mainContext) {\n    console.warn(\"SliderThumbnails must be used within a SliderProvider\");\n    return <div>{props.children}</div>;\n  }\n\n  const [mainHelpers] = mainContext;\n\n  // Create thumbnail slider with user options\n  const [thumbSlider, thumbHelpers] = createSlider(\n    props.options || {},\n    ...(props.plugins || []),\n  );\n\n  // Update on children change (same as main Slider)\n  createEffect(\n    on(\n      () => access(props.children),\n      () => queueMicrotask(() => thumbHelpers.update()),\n      { defer: true },\n    ),\n  );\n\n  // Sync thumbnail slider with main slider\n  onMount(() => {\n    // Wait for next tick to ensure both sliders are mounted\n    queueMicrotask(() => {\n      const mainSliderInstance = mainHelpers()?.slider();\n      const thumbSliderInstance = thumbHelpers.slider();\n\n      if (mainSliderInstance && thumbSliderInstance) {\n        // Function to update active thumbnail\n        const activeClassName = props.activeClass || \"active\";\n        const updateActiveThumbnail = () => {\n          const mainCurrent = mainHelpers()?.current();\n          if (mainCurrent !== undefined) {\n            // Remove active class from all thumbnails\n            thumbSliderInstance.slides.forEach((slide) => {\n              slide.classList.remove(activeClassName);\n            });\n            // Add active class to current thumbnail\n            if (thumbSliderInstance.slides[mainCurrent]) {\n              thumbSliderInstance.slides[mainCurrent].classList.add(\n                activeClassName,\n              );\n            }\n            // Move thumbnail slider to show active thumbnail\n            thumbHelpers.moveTo(mainCurrent);\n          }\n        };\n\n        // Listen to main slider changes\n        mainSliderInstance.on(\"slideChanged\", updateActiveThumbnail);\n\n        // Set initial active state\n        updateActiveThumbnail();\n\n        // Add click handlers to thumbnails\n        thumbSliderInstance.slides.forEach((slide, idx) => {\n          slide.addEventListener(\"click\", () => {\n            mainHelpers()?.moveTo(idx);\n          });\n        });\n      }\n    });\n  });\n\n  // Prevent tree-shaking\n  thumbSlider;\n\n  return <div use:thumbSlider>{props.children}</div>;\n};\n"],"names":["createSlider","options","plugins","slider","el","opts","access","current","setCurrent","createSignal","initial","destroy","getOptions","overrides","baseOpts","selector","childNodes","update","create","newEl","classList","add","onMount","KeenSlider","on","track","details","rel","onCleanup","createEffect","moveTo","id","duration","absolute","easing","moveToIdx","next","prev","returnType","func","SliderContext","createContext","SliderProvider","props","_$createComponent","Provider","value","children","Slider","isServer","_el$","_tmpl$","_$insert","setHelpers","useContext","helpers","queueMicrotask","defer","_el$2","_$use","SliderButton","context","changeSlide","_el$3","_tmpl$2","$$click","_$effect","_p$","_v$","disabled","_v$2","class","_v$3","_$className","_$classList","undefined","SliderDots","slideCount","setSlideCount","handleDotClick","idx","sliderInstance","updateCount","slides","length","createMemo","Array","from","_","i","Show","when","_el$4","_tmpl$3","Index","each","isActive","_el$5","_v$6","dotClass","_v$7","dotClassList","active","_v$8","_$setAttribute","_v$4","_v$5","SliderThumbnails","_el$6","mainContext","console","warn","_el$7","mainHelpers","thumbSlider","thumbHelpers","mainSliderInstance","thumbSliderInstance","activeClassName","activeClass","updateActiveThumbnail","mainCurrent","forEach","slide","remove","addEventListener","_el$8","_$delegateEvents"],"mappings":"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"}

package/dist/index/primitive.d.ts

@@ -4,6 +4,7 @@ declare module "solid-js" {
     namespace JSX {
         interface Directives {
             slider: {};
+            thumbSlider: {};
         }
     }
 }
@@ -23,17 +24,16 @@ export type SliderControls<O, P, H extends string> = [
 /**
  * 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
+ * @param options - Values to initialize the slider with
+ * @param plugins - Extensions that enhance KeenSlider options
+ * @returns Returns mount and helper methods
+ * @returns create - Mounts the slider on provided element
+ * @returns helpers.current - Current slide number
+ * @returns helpers.next - Function to trigger the next slide
+ * @returns helpers.prev - Function to trigger the previous slide
+ * @returns helpers.details - Provides details about the current slider
+ * @returns helpers.slider - Returns the KeenSlider instance
+ * @returns helpers.destroy - Manual destroy function
  *
  * @example
  * ```ts

package/dist/index/primitive.jsx

@@ -4,17 +4,16 @@ 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
+ * @param options - Values to initialize the slider with
+ * @param plugins - Extensions that enhance KeenSlider options
+ * @returns Returns mount and helper methods
+ * @returns create - Mounts the slider on provided element
+ * @returns helpers.current - Current slide number
+ * @returns helpers.next - Function to trigger the next slide
+ * @returns helpers.prev - Function to trigger the previous slide
+ * @returns helpers.details - Provides details about the current slider
+ * @returns helpers.slider - Returns the KeenSlider instance
+ * @returns helpers.destroy - Manual destroy function
  *
  * @example
  * ```ts
@@ -28,11 +27,14 @@ export const createSlider = (options, ...plugins) => {
     const opts = () => access(options);
     const [current, setCurrent] = createSignal(opts()?.initial || 0);
     const destroy = () => slider && slider.destroy();
-    const getOptions = (overrides = {}) => ({
-        selector: el.childNodes,
-        ...opts(),
-        ...overrides,
-    });
+    const getOptions = (overrides = {}) => {
+        const baseOpts = opts();
+        return {
+            selector: el.childNodes,
+            ...(baseOpts || {}),
+            ...overrides,
+        };
+    };
     const update = () => slider?.update(getOptions());
     // Slider creation method and directive function
     const create = (newEl) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-slider",
-  "version": "1.3.20",
+  "version": "1.3.21",
   "description": "A slider utility for SolidJS.",
   "author": "David Di Biase",
   "repository": {