@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260903094942 → 0.8.1-dev.20260905073258

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/{Slider-PEIVH6A5.mjs → Slider-3ZQZL3P6.mjs} +11 -5
  2. package/dist/{Slider-554BKC7N.mjs → Slider-PWX32PEP.mjs} +9 -7
  3. package/dist/index.js +9 -5
  4. package/dist/index.mjs +1 -1
  5. package/dist/server.js +9 -5
  6. package/dist/server.mjs +1 -1
  7. package/package.json +1 -1
package/dist/{Slider-PEIVH6A5.mjs → Slider-3ZQZL3P6.mjs} RENAMED
@@ -1,5 +1,7 @@
1
1
  "use client";
2
2
 
3
+ "use client";
4
+
3
5
  // src/components/Slider.tsx
4
6
  import React, { useState, useEffect, Children, cloneElement } from "react";
5
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -18,7 +20,8 @@ var Slider = ({
18
20
  dotInactiveClassName = "bg-gray-600",
19
21
  gap,
20
22
  pillStyle = "cumulative",
21
- progressPosition = "bottom"
23
+ progressPosition = "bottom",
24
+ scrollByColumns = false
22
25
  }) => {
23
26
  const [currentSlide, setCurrentSlide] = useState(0);
24
27
  const [transition, setTransition] = useState(true);
@@ -51,7 +54,8 @@ var Slider = ({
51
54
  return () => clearInterval(timer);
52
55
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
53
56
  const totalSlides = Children.count(children);
54
- const maxSlide = totalSlides - slidesToShowState;
57
+ const maxSlide = Math.max(0, totalSlides - slidesToShowState);
58
+ const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
55
59
  const nextSlide = () => {
56
60
  if (currentSlide >= maxSlide) {
57
61
  if (infinite_scroll) {
@@ -60,7 +64,8 @@ var Slider = ({
60
64
  }
61
65
  } else {
62
66
  setTransition(true);
63
- setCurrentSlide(currentSlide + 1);
67
+ const nextIndex = currentSlide + step;
68
+ setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
64
69
  }
65
70
  };
66
71
  const prevSlide = () => {
@@ -71,7 +76,8 @@ var Slider = ({
71
76
  }
72
77
  } else {
73
78
  setTransition(true);
74
- setCurrentSlide(currentSlide - 1);
79
+ const prevIndex = currentSlide - step;
80
+ setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
75
81
  }
76
82
  };
77
83
  const goToSlide = (index) => {
@@ -119,7 +125,7 @@ var Slider = ({
119
125
  return "bottom-4 translate-y-full mt-4";
120
126
  case "bottom":
121
127
  default:
122
- return "bottom-4";
128
+ return "bottom-0";
123
129
  }
124
130
  };
125
131
  return /* @__PURE__ */ jsxs(
package/dist/{Slider-554BKC7N.mjs → Slider-PWX32PEP.mjs} RENAMED
@@ -1,7 +1,5 @@
1
1
  "use client";
2
2
 
3
- "use client";
4
-
5
3
  // src/components/Slider.tsx
6
4
  import React, { useState, useEffect, Children, cloneElement } from "react";
7
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -20,7 +18,8 @@ var Slider = ({
20
18
  dotInactiveClassName = "bg-gray-600",
21
19
  gap,
22
20
  pillStyle = "cumulative",
23
- progressPosition = "bottom"
21
+ progressPosition = "bottom",
22
+ scrollByColumns = false
24
23
  }) => {
25
24
  const [currentSlide, setCurrentSlide] = useState(0);
26
25
  const [transition, setTransition] = useState(true);
@@ -53,7 +52,8 @@ var Slider = ({
53
52
  return () => clearInterval(timer);
54
53
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
55
54
  const totalSlides = Children.count(children);
56
- const maxSlide = totalSlides - slidesToShowState;
55
+ const maxSlide = Math.max(0, totalSlides - slidesToShowState);
56
+ const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
57
57
  const nextSlide = () => {
58
58
  if (currentSlide >= maxSlide) {
59
59
  if (infinite_scroll) {
@@ -62,7 +62,8 @@ var Slider = ({
62
62
  }
63
63
  } else {
64
64
  setTransition(true);
65
- setCurrentSlide(currentSlide + 1);
65
+ const nextIndex = currentSlide + step;
66
+ setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
66
67
  }
67
68
  };
68
69
  const prevSlide = () => {
@@ -73,7 +74,8 @@ var Slider = ({
73
74
  }
74
75
  } else {
75
76
  setTransition(true);
76
- setCurrentSlide(currentSlide - 1);
77
+ const prevIndex = currentSlide - step;
78
+ setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
77
79
  }
78
80
  };
79
81
  const goToSlide = (index) => {
@@ -121,7 +123,7 @@ var Slider = ({
121
123
  return "bottom-4 translate-y-full mt-4";
122
124
  case "bottom":
123
125
  default:
124
- return "bottom-4";
126
+ return "bottom-0";
125
127
  }
126
128
  };
127
129
  return /* @__PURE__ */ jsxs(
package/dist/index.js CHANGED
@@ -5856,7 +5856,8 @@ var init_Slider = __esm({
5856
5856
  dotInactiveClassName = "bg-gray-600",
5857
5857
  gap,
5858
5858
  pillStyle = "cumulative",
5859
- progressPosition = "bottom"
5859
+ progressPosition = "bottom",
5860
+ scrollByColumns = false
5860
5861
  }) => {
5861
5862
  const [currentSlide, setCurrentSlide] = (0, import_react60.useState)(0);
5862
5863
  const [transition, setTransition] = (0, import_react60.useState)(true);
@@ -5889,7 +5890,8 @@ var init_Slider = __esm({
5889
5890
  return () => clearInterval(timer);
5890
5891
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
5891
5892
  const totalSlides = import_react60.Children.count(children);
5892
- const maxSlide = totalSlides - slidesToShowState;
5893
+ const maxSlide = Math.max(0, totalSlides - slidesToShowState);
5894
+ const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
5893
5895
  const nextSlide = () => {
5894
5896
  if (currentSlide >= maxSlide) {
5895
5897
  if (infinite_scroll) {
@@ -5898,7 +5900,8 @@ var init_Slider = __esm({
5898
5900
  }
5899
5901
  } else {
5900
5902
  setTransition(true);
5901
- setCurrentSlide(currentSlide + 1);
5903
+ const nextIndex = currentSlide + step;
5904
+ setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
5902
5905
  }
5903
5906
  };
5904
5907
  const prevSlide = () => {
@@ -5909,7 +5912,8 @@ var init_Slider = __esm({
5909
5912
  }
5910
5913
  } else {
5911
5914
  setTransition(true);
5912
- setCurrentSlide(currentSlide - 1);
5915
+ const prevIndex = currentSlide - step;
5916
+ setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
5913
5917
  }
5914
5918
  };
5915
5919
  const goToSlide = (index) => {
@@ -5957,7 +5961,7 @@ var init_Slider = __esm({
5957
5961
  return "bottom-4 translate-y-full mt-4";
5958
5962
  case "bottom":
5959
5963
  default:
5960
- return "bottom-4";
5964
+ return "bottom-0";
5961
5965
  }
5962
5966
  };
5963
5967
  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
package/dist/index.mjs CHANGED
@@ -2349,7 +2349,7 @@ var Pagination = dynamic13(() => import("./Pagination-CQKMBXXJ.mjs"), { ssr: tru
2349
2349
  var DataBindingControls = dynamic13(() => import("./DataBindingControls-UUDERFAD.mjs"), {
2350
2350
  ssr: true
2351
2351
  });
2352
- var Slider = dynamic13(() => import("./Slider-554BKC7N.mjs"), {
2352
+ var Slider = dynamic13(() => import("./Slider-3ZQZL3P6.mjs"), {
2353
2353
  ssr: false
2354
2354
  });
2355
2355
  function toCamelCase(str) {
package/dist/server.js CHANGED
@@ -5854,7 +5854,8 @@ var init_Slider = __esm({
5854
5854
  dotInactiveClassName = "bg-gray-600",
5855
5855
  gap,
5856
5856
  pillStyle = "cumulative",
5857
- progressPosition = "bottom"
5857
+ progressPosition = "bottom",
5858
+ scrollByColumns = false
5858
5859
  }) => {
5859
5860
  const [currentSlide, setCurrentSlide] = (0, import_react60.useState)(0);
5860
5861
  const [transition, setTransition] = (0, import_react60.useState)(true);
@@ -5887,7 +5888,8 @@ var init_Slider = __esm({
5887
5888
  return () => clearInterval(timer);
5888
5889
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
5889
5890
  const totalSlides = import_react60.Children.count(children);
5890
- const maxSlide = totalSlides - slidesToShowState;
5891
+ const maxSlide = Math.max(0, totalSlides - slidesToShowState);
5892
+ const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
5891
5893
  const nextSlide = () => {
5892
5894
  if (currentSlide >= maxSlide) {
5893
5895
  if (infinite_scroll) {
@@ -5896,7 +5898,8 @@ var init_Slider = __esm({
5896
5898
  }
5897
5899
  } else {
5898
5900
  setTransition(true);
5899
- setCurrentSlide(currentSlide + 1);
5901
+ const nextIndex = currentSlide + step;
5902
+ setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
5900
5903
  }
5901
5904
  };
5902
5905
  const prevSlide = () => {
@@ -5907,7 +5910,8 @@ var init_Slider = __esm({
5907
5910
  }
5908
5911
  } else {
5909
5912
  setTransition(true);
5910
- setCurrentSlide(currentSlide - 1);
5913
+ const prevIndex = currentSlide - step;
5914
+ setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
5911
5915
  }
5912
5916
  };
5913
5917
  const goToSlide = (index) => {
@@ -5955,7 +5959,7 @@ var init_Slider = __esm({
5955
5959
  return "bottom-4 translate-y-full mt-4";
5956
5960
  case "bottom":
5957
5961
  default:
5958
- return "bottom-4";
5962
+ return "bottom-0";
5959
5963
  }
5960
5964
  };
5961
5965
  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
package/dist/server.mjs CHANGED
@@ -2317,7 +2317,7 @@ var Pagination = dynamic13(() => import("./Pagination-M3VZKKXY.mjs"), { ssr: tru
2317
2317
  var DataBindingControls = dynamic13(() => import("./DataBindingControls-WC3HBVVQ.mjs"), {
2318
2318
  ssr: true
2319
2319
  });
2320
- var Slider = dynamic13(() => import("./Slider-PEIVH6A5.mjs"), {
2320
+ var Slider = dynamic13(() => import("./Slider-PWX32PEP.mjs"), {
2321
2321
  ssr: false
2322
2322
  });
2323
2323
  function toCamelCase(str) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260903094942",
3
+ "version": "0.8.1-dev.20260905073258",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",