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

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-PWX32PEP.mjs → Slider-ORVU6OUR.mjs} +73 -69
  2. package/dist/{Slider-3ZQZL3P6.mjs → Slider-SBQZ5BPW.mjs} +73 -69
  3. package/dist/index.js +73 -69
  4. package/dist/index.mjs +1 -1
  5. package/dist/server.js +73 -69
  6. package/dist/server.mjs +1 -1
  7. package/package.json +1 -1
package/dist/{Slider-PWX32PEP.mjs → Slider-ORVU6OUR.mjs} RENAMED
@@ -115,79 +115,83 @@ var Slider = ({
115
115
  index
116
116
  );
117
117
  });
118
- const getProgressPositionClass = () => {
119
- switch (progressPosition) {
120
- case "top":
121
- return "top-4";
122
- case "bottom-outside":
123
- return "bottom-4 translate-y-full mt-4";
124
- case "bottom":
125
- default:
126
- return "bottom-0";
127
- }
128
- };
129
- return /* @__PURE__ */ jsxs(
130
- "div",
131
- {
132
- className: `relative w-full overflow-hidden ${className}`,
133
- onMouseEnter: handleMouseEnter,
134
- onMouseLeave: handleMouseLeave,
135
- children: [
136
- /* @__PURE__ */ jsx(
137
- "div",
138
- {
139
- className: "flex h-full",
140
- style: {
141
- transition: transition ? "transform 0.5s ease" : "none",
142
- transform: `translateX(${translateX}%)`
143
- },
144
- children: slides
145
- }
146
- ),
147
- show_arrows && /* @__PURE__ */ jsxs(Fragment, { children: [
118
+ return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
119
+ show_dots && progressPosition === "top" && /* @__PURE__ */ jsx("div", { className: "flex justify-center space-x-1.5 mb-4", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
120
+ ProgressPill,
121
+ {
122
+ active: index === currentSlide,
123
+ duration: autoplay_speed,
124
+ index,
125
+ onClick: () => handlePillClick(index),
126
+ isPlaying: isPlaying && index === currentSlide && autoplay,
127
+ style: pillStyle,
128
+ activeClassName: dotActiveClassName,
129
+ inactiveClassName: dotInactiveClassName,
130
+ currentSlide,
131
+ totalSlides
132
+ },
133
+ index
134
+ )) }),
135
+ /* @__PURE__ */ jsxs(
136
+ "div",
137
+ {
138
+ className: `relative w-full overflow-hidden ${className}`,
139
+ onMouseEnter: handleMouseEnter,
140
+ onMouseLeave: handleMouseLeave,
141
+ children: [
148
142
  /* @__PURE__ */ jsx(
149
- ArrowButton,
143
+ "div",
150
144
  {
151
- direction: "left",
152
- onClick: prevSlide,
153
- visible: infinite_scroll || currentSlide > 0,
154
- className: arrowClassName,
155
- children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
145
+ className: "flex h-full",
146
+ style: {
147
+ transition: transition ? "transform 0.5s ease" : "none",
148
+ transform: `translateX(${translateX}%)`
149
+ },
150
+ children: slides
156
151
  }
157
152
  ),
158
- /* @__PURE__ */ jsxs(
159
- ArrowButton,
160
- {
161
- direction: "right",
162
- onClick: nextSlide,
163
- visible: infinite_scroll || currentSlide < maxSlide,
164
- className: arrowClassName,
165
- children: [
166
- /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
167
- " "
168
- ]
169
- }
170
- )
171
- ] }),
172
- show_dots && /* @__PURE__ */ jsx("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
173
- ProgressPill,
174
- {
175
- active: index === currentSlide,
176
- duration: autoplay_speed,
177
- index,
178
- onClick: () => handlePillClick(index),
179
- isPlaying: isPlaying && index === currentSlide && autoplay,
180
- style: pillStyle,
181
- activeClassName: dotActiveClassName,
182
- inactiveClassName: dotInactiveClassName,
183
- currentSlide,
184
- totalSlides
185
- },
186
- index
187
- )) })
188
- ]
189
- }
190
- );
153
+ show_arrows && /* @__PURE__ */ jsxs(Fragment, { children: [
154
+ /* @__PURE__ */ jsx(
155
+ ArrowButton,
156
+ {
157
+ direction: "left",
158
+ onClick: prevSlide,
159
+ visible: infinite_scroll || currentSlide > 0,
160
+ className: arrowClassName,
161
+ children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
162
+ }
163
+ ),
164
+ /* @__PURE__ */ jsx(
165
+ ArrowButton,
166
+ {
167
+ direction: "right",
168
+ onClick: nextSlide,
169
+ visible: infinite_scroll || currentSlide < maxSlide,
170
+ className: arrowClassName,
171
+ children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
172
+ }
173
+ )
174
+ ] })
175
+ ]
176
+ }
177
+ ),
178
+ show_dots && progressPosition !== "top" && /* @__PURE__ */ jsx("div", { className: "flex justify-center space-x-1.5 mt-2.5", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
179
+ ProgressPill,
180
+ {
181
+ active: index === currentSlide,
182
+ duration: autoplay_speed,
183
+ index,
184
+ onClick: () => handlePillClick(index),
185
+ isPlaying: isPlaying && index === currentSlide && autoplay,
186
+ style: pillStyle,
187
+ activeClassName: dotActiveClassName,
188
+ inactiveClassName: dotInactiveClassName,
189
+ currentSlide,
190
+ totalSlides
191
+ },
192
+ index
193
+ )) })
194
+ ] });
191
195
  };
192
196
  var ArrowButton = ({
193
197
  direction,
package/dist/{Slider-3ZQZL3P6.mjs → Slider-SBQZ5BPW.mjs} RENAMED
@@ -117,79 +117,83 @@ var Slider = ({
117
117
  index
118
118
  );
119
119
  });
120
- const getProgressPositionClass = () => {
121
- switch (progressPosition) {
122
- case "top":
123
- return "top-4";
124
- case "bottom-outside":
125
- return "bottom-4 translate-y-full mt-4";
126
- case "bottom":
127
- default:
128
- return "bottom-0";
129
- }
130
- };
131
- return /* @__PURE__ */ jsxs(
132
- "div",
133
- {
134
- className: `relative w-full overflow-hidden ${className}`,
135
- onMouseEnter: handleMouseEnter,
136
- onMouseLeave: handleMouseLeave,
137
- children: [
138
- /* @__PURE__ */ jsx(
139
- "div",
140
- {
141
- className: "flex h-full",
142
- style: {
143
- transition: transition ? "transform 0.5s ease" : "none",
144
- transform: `translateX(${translateX}%)`
145
- },
146
- children: slides
147
- }
148
- ),
149
- show_arrows && /* @__PURE__ */ jsxs(Fragment, { children: [
120
+ return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
121
+ show_dots && progressPosition === "top" && /* @__PURE__ */ jsx("div", { className: "flex justify-center space-x-1.5 mb-4", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
122
+ ProgressPill,
123
+ {
124
+ active: index === currentSlide,
125
+ duration: autoplay_speed,
126
+ index,
127
+ onClick: () => handlePillClick(index),
128
+ isPlaying: isPlaying && index === currentSlide && autoplay,
129
+ style: pillStyle,
130
+ activeClassName: dotActiveClassName,
131
+ inactiveClassName: dotInactiveClassName,
132
+ currentSlide,
133
+ totalSlides
134
+ },
135
+ index
136
+ )) }),
137
+ /* @__PURE__ */ jsxs(
138
+ "div",
139
+ {
140
+ className: `relative w-full overflow-hidden ${className}`,
141
+ onMouseEnter: handleMouseEnter,
142
+ onMouseLeave: handleMouseLeave,
143
+ children: [
150
144
  /* @__PURE__ */ jsx(
151
- ArrowButton,
145
+ "div",
152
146
  {
153
- direction: "left",
154
- onClick: prevSlide,
155
- visible: infinite_scroll || currentSlide > 0,
156
- className: arrowClassName,
157
- children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
147
+ className: "flex h-full",
148
+ style: {
149
+ transition: transition ? "transform 0.5s ease" : "none",
150
+ transform: `translateX(${translateX}%)`
151
+ },
152
+ children: slides
158
153
  }
159
154
  ),
160
- /* @__PURE__ */ jsxs(
161
- ArrowButton,
162
- {
163
- direction: "right",
164
- onClick: nextSlide,
165
- visible: infinite_scroll || currentSlide < maxSlide,
166
- className: arrowClassName,
167
- children: [
168
- /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
169
- " "
170
- ]
171
- }
172
- )
173
- ] }),
174
- show_dots && /* @__PURE__ */ jsx("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
175
- ProgressPill,
176
- {
177
- active: index === currentSlide,
178
- duration: autoplay_speed,
179
- index,
180
- onClick: () => handlePillClick(index),
181
- isPlaying: isPlaying && index === currentSlide && autoplay,
182
- style: pillStyle,
183
- activeClassName: dotActiveClassName,
184
- inactiveClassName: dotInactiveClassName,
185
- currentSlide,
186
- totalSlides
187
- },
188
- index
189
- )) })
190
- ]
191
- }
192
- );
155
+ show_arrows && /* @__PURE__ */ jsxs(Fragment, { children: [
156
+ /* @__PURE__ */ jsx(
157
+ ArrowButton,
158
+ {
159
+ direction: "left",
160
+ onClick: prevSlide,
161
+ visible: infinite_scroll || currentSlide > 0,
162
+ className: arrowClassName,
163
+ children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
164
+ }
165
+ ),
166
+ /* @__PURE__ */ jsx(
167
+ ArrowButton,
168
+ {
169
+ direction: "right",
170
+ onClick: nextSlide,
171
+ visible: infinite_scroll || currentSlide < maxSlide,
172
+ className: arrowClassName,
173
+ children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
174
+ }
175
+ )
176
+ ] })
177
+ ]
178
+ }
179
+ ),
180
+ show_dots && progressPosition !== "top" && /* @__PURE__ */ jsx("div", { className: "flex justify-center space-x-1.5 mt-2.5", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx(
181
+ ProgressPill,
182
+ {
183
+ active: index === currentSlide,
184
+ duration: autoplay_speed,
185
+ index,
186
+ onClick: () => handlePillClick(index),
187
+ isPlaying: isPlaying && index === currentSlide && autoplay,
188
+ style: pillStyle,
189
+ activeClassName: dotActiveClassName,
190
+ inactiveClassName: dotInactiveClassName,
191
+ currentSlide,
192
+ totalSlides
193
+ },
194
+ index
195
+ )) })
196
+ ] });
193
197
  };
194
198
  var ArrowButton = ({
195
199
  direction,
package/dist/index.js CHANGED
@@ -5953,79 +5953,83 @@ var init_Slider = __esm({
5953
5953
  index
5954
5954
  );
5955
5955
  });
5956
- const getProgressPositionClass = () => {
5957
- switch (progressPosition) {
5958
- case "top":
5959
- return "top-4";
5960
- case "bottom-outside":
5961
- return "bottom-4 translate-y-full mt-4";
5962
- case "bottom":
5963
- default:
5964
- return "bottom-0";
5965
- }
5966
- };
5967
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5968
- "div",
5969
- {
5970
- className: `relative w-full overflow-hidden ${className}`,
5971
- onMouseEnter: handleMouseEnter,
5972
- onMouseLeave: handleMouseLeave,
5973
- children: [
5974
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5975
- "div",
5976
- {
5977
- className: "flex h-full",
5978
- style: {
5979
- transition: transition ? "transform 0.5s ease" : "none",
5980
- transform: `translateX(${translateX}%)`
5981
- },
5982
- children: slides
5983
- }
5984
- ),
5985
- show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
5956
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-full", children: [
5957
+ show_dots && progressPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex justify-center space-x-1.5 mb-4", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5958
+ ProgressPill,
5959
+ {
5960
+ active: index === currentSlide,
5961
+ duration: autoplay_speed,
5962
+ index,
5963
+ onClick: () => handlePillClick(index),
5964
+ isPlaying: isPlaying && index === currentSlide && autoplay,
5965
+ style: pillStyle,
5966
+ activeClassName: dotActiveClassName,
5967
+ inactiveClassName: dotInactiveClassName,
5968
+ currentSlide,
5969
+ totalSlides
5970
+ },
5971
+ index
5972
+ )) }),
5973
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5974
+ "div",
5975
+ {
5976
+ className: `relative w-full overflow-hidden ${className}`,
5977
+ onMouseEnter: handleMouseEnter,
5978
+ onMouseLeave: handleMouseLeave,
5979
+ children: [
5986
5980
  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5987
- ArrowButton,
5981
+ "div",
5988
5982
  {
5989
- direction: "left",
5990
- onClick: prevSlide,
5991
- visible: infinite_scroll || currentSlide > 0,
5992
- className: arrowClassName,
5993
- children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
5983
+ className: "flex h-full",
5984
+ style: {
5985
+ transition: transition ? "transform 0.5s ease" : "none",
5986
+ transform: `translateX(${translateX}%)`
5987
+ },
5988
+ children: slides
5994
5989
  }
5995
5990
  ),
5996
- /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5997
- ArrowButton,
5998
- {
5999
- direction: "right",
6000
- onClick: nextSlide,
6001
- visible: infinite_scroll || currentSlide < maxSlide,
6002
- className: arrowClassName,
6003
- children: [
6004
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
6005
- " "
6006
- ]
6007
- }
6008
- )
6009
- ] }),
6010
- show_dots && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6011
- ProgressPill,
6012
- {
6013
- active: index === currentSlide,
6014
- duration: autoplay_speed,
6015
- index,
6016
- onClick: () => handlePillClick(index),
6017
- isPlaying: isPlaying && index === currentSlide && autoplay,
6018
- style: pillStyle,
6019
- activeClassName: dotActiveClassName,
6020
- inactiveClassName: dotInactiveClassName,
6021
- currentSlide,
6022
- totalSlides
6023
- },
6024
- index
6025
- )) })
6026
- ]
6027
- }
6028
- );
5991
+ show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
5992
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5993
+ ArrowButton,
5994
+ {
5995
+ direction: "left",
5996
+ onClick: prevSlide,
5997
+ visible: infinite_scroll || currentSlide > 0,
5998
+ className: arrowClassName,
5999
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
6000
+ }
6001
+ ),
6002
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6003
+ ArrowButton,
6004
+ {
6005
+ direction: "right",
6006
+ onClick: nextSlide,
6007
+ visible: infinite_scroll || currentSlide < maxSlide,
6008
+ className: arrowClassName,
6009
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
6010
+ }
6011
+ )
6012
+ ] })
6013
+ ]
6014
+ }
6015
+ ),
6016
+ show_dots && progressPosition !== "top" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex justify-center space-x-1.5 mt-2.5", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6017
+ ProgressPill,
6018
+ {
6019
+ active: index === currentSlide,
6020
+ duration: autoplay_speed,
6021
+ index,
6022
+ onClick: () => handlePillClick(index),
6023
+ isPlaying: isPlaying && index === currentSlide && autoplay,
6024
+ style: pillStyle,
6025
+ activeClassName: dotActiveClassName,
6026
+ inactiveClassName: dotInactiveClassName,
6027
+ currentSlide,
6028
+ totalSlides
6029
+ },
6030
+ index
6031
+ )) })
6032
+ ] });
6029
6033
  };
6030
6034
  ArrowButton = ({
6031
6035
  direction,
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-3ZQZL3P6.mjs"), {
2352
+ var Slider = dynamic13(() => import("./Slider-SBQZ5BPW.mjs"), {
2353
2353
  ssr: false
2354
2354
  });
2355
2355
  function toCamelCase(str) {
package/dist/server.js CHANGED
@@ -5951,79 +5951,83 @@ var init_Slider = __esm({
5951
5951
  index
5952
5952
  );
5953
5953
  });
5954
- const getProgressPositionClass = () => {
5955
- switch (progressPosition) {
5956
- case "top":
5957
- return "top-4";
5958
- case "bottom-outside":
5959
- return "bottom-4 translate-y-full mt-4";
5960
- case "bottom":
5961
- default:
5962
- return "bottom-0";
5963
- }
5964
- };
5965
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5966
- "div",
5967
- {
5968
- className: `relative w-full overflow-hidden ${className}`,
5969
- onMouseEnter: handleMouseEnter,
5970
- onMouseLeave: handleMouseLeave,
5971
- children: [
5972
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5973
- "div",
5974
- {
5975
- className: "flex h-full",
5976
- style: {
5977
- transition: transition ? "transform 0.5s ease" : "none",
5978
- transform: `translateX(${translateX}%)`
5979
- },
5980
- children: slides
5981
- }
5982
- ),
5983
- show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
5954
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-full", children: [
5955
+ show_dots && progressPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex justify-center space-x-1.5 mb-4", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5956
+ ProgressPill,
5957
+ {
5958
+ active: index === currentSlide,
5959
+ duration: autoplay_speed,
5960
+ index,
5961
+ onClick: () => handlePillClick(index),
5962
+ isPlaying: isPlaying && index === currentSlide && autoplay,
5963
+ style: pillStyle,
5964
+ activeClassName: dotActiveClassName,
5965
+ inactiveClassName: dotInactiveClassName,
5966
+ currentSlide,
5967
+ totalSlides
5968
+ },
5969
+ index
5970
+ )) }),
5971
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5972
+ "div",
5973
+ {
5974
+ className: `relative w-full overflow-hidden ${className}`,
5975
+ onMouseEnter: handleMouseEnter,
5976
+ onMouseLeave: handleMouseLeave,
5977
+ children: [
5984
5978
  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5985
- ArrowButton,
5979
+ "div",
5986
5980
  {
5987
- direction: "left",
5988
- onClick: prevSlide,
5989
- visible: infinite_scroll || currentSlide > 0,
5990
- className: arrowClassName,
5991
- children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
5981
+ className: "flex h-full",
5982
+ style: {
5983
+ transition: transition ? "transform 0.5s ease" : "none",
5984
+ transform: `translateX(${translateX}%)`
5985
+ },
5986
+ children: slides
5992
5987
  }
5993
5988
  ),
5994
- /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
5995
- ArrowButton,
5996
- {
5997
- direction: "right",
5998
- onClick: nextSlide,
5999
- visible: infinite_scroll || currentSlide < maxSlide,
6000
- className: arrowClassName,
6001
- children: [
6002
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
6003
- " "
6004
- ]
6005
- }
6006
- )
6007
- ] }),
6008
- show_dots && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6009
- ProgressPill,
6010
- {
6011
- active: index === currentSlide,
6012
- duration: autoplay_speed,
6013
- index,
6014
- onClick: () => handlePillClick(index),
6015
- isPlaying: isPlaying && index === currentSlide && autoplay,
6016
- style: pillStyle,
6017
- activeClassName: dotActiveClassName,
6018
- inactiveClassName: dotInactiveClassName,
6019
- currentSlide,
6020
- totalSlides
6021
- },
6022
- index
6023
- )) })
6024
- ]
6025
- }
6026
- );
5989
+ show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
5990
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
5991
+ ArrowButton,
5992
+ {
5993
+ direction: "left",
5994
+ onClick: prevSlide,
5995
+ visible: infinite_scroll || currentSlide > 0,
5996
+ className: arrowClassName,
5997
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
5998
+ }
5999
+ ),
6000
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6001
+ ArrowButton,
6002
+ {
6003
+ direction: "right",
6004
+ onClick: nextSlide,
6005
+ visible: infinite_scroll || currentSlide < maxSlide,
6006
+ className: arrowClassName,
6007
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
6008
+ }
6009
+ )
6010
+ ] })
6011
+ ]
6012
+ }
6013
+ ),
6014
+ show_dots && progressPosition !== "top" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex justify-center space-x-1.5 mt-2.5", children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
6015
+ ProgressPill,
6016
+ {
6017
+ active: index === currentSlide,
6018
+ duration: autoplay_speed,
6019
+ index,
6020
+ onClick: () => handlePillClick(index),
6021
+ isPlaying: isPlaying && index === currentSlide && autoplay,
6022
+ style: pillStyle,
6023
+ activeClassName: dotActiveClassName,
6024
+ inactiveClassName: dotInactiveClassName,
6025
+ currentSlide,
6026
+ totalSlides
6027
+ },
6028
+ index
6029
+ )) })
6030
+ ] });
6027
6031
  };
6028
6032
  ArrowButton = ({
6029
6033
  direction,
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-PWX32PEP.mjs"), {
2320
+ var Slider = dynamic13(() => import("./Slider-ORVU6OUR.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.20260905073258",
3
+ "version": "0.8.1-dev.20260905090803",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",