@rankingcoach/vanguard 1.9.0 → 1.11.0

package/dist/index-Accordion2.js

@@ -9,7 +9,7 @@ import _ from "./index-useSlot.js";
 import d, { getAccordionUtilityClass as $ } from "./index-accordionClasses.js";
 import { jsxs as F, jsx as g } from "react/jsx-runtime";
 import { useDefaultProps as V } from "./index-DefaultPropsProvider.js";
-import D from "./index-useControlled2.js";
+import D from "./index-useControlled.js";
 import I from "./index-Collapse2.js";
 import W from "./index-styled.js";
 import z from "./index-composeClasses.js";

package/dist/index-Bullets.js

@@ -1,16 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { classNames as l } from "./index-classNames.js";
+import { ComponentContainer as m } from "./index-ComponentContainer.js";
 import "react";
-import { ComponentContainer as e } from "./index-ComponentContainer.js";
-import n from "./index-Bullets.module.scss.js";
-const p = (o) => {
+import o from "./index-Bullets.module.scss.js";
+const f = (e) => {
   const {
-    children: r
-  } = o;
-  return t(e, {
-    className: n.BulletsContainer,
-    children: r
+    children: t,
+    placement: r = "overlayBottom"
+  } = e;
+  return n(m, {
+    className: l(o.BulletsContainer, r === "below" ? o.BulletsContainerBelow : void 0),
+    children: t
   });
 };
 export {
-  p as Bullets
+  f as Bullets
 };

package/dist/index-Bullets.module.scss.js

@@ -1,7 +1,9 @@
-const t = "BulletsContainer_53", e = {
-  BulletsContainer: t
+const e = "BulletsContainer_53", t = "BulletsContainerBelow_sq", l = {
+  BulletsContainer: e,
+  BulletsContainerBelow: t
 };
 export {
-  t as BulletsContainer,
-  e as default
+  e as BulletsContainer,
+  t as BulletsContainerBelow,
+  l as default
 };

package/dist/index-CalendarPicker.js

@@ -16,7 +16,7 @@ import { defaultReduceAnimations as Ve } from "./index-defaultReduceAnimations.j
 import { getCalendarPickerUtilityClass as ke } from "./index-calendarPickerClasses.js";
 import { jsxs as K, jsx as b } from "react/jsx-runtime";
 import xe from "./index-useId2.js";
-import Oe from "./index-useControlled2.js";
+import Oe from "./index-useControlled.js";
 import Te from "./index-useEventCallback2.js";
 import J from "./index-styled.js";
 import ve from "./index-useThemeProps.js";

package/dist/index-MonthPicker.js

@@ -9,7 +9,7 @@ import { getMonthPickerUtilityClass as ee } from "./index-monthPickerClasses.js"
 import { parseNonNullablePickerDate as T } from "./index-date-utils.js";
 import { jsx as Y } from "react/jsx-runtime";
 import te from "./index-useTheme2.js";
-import oe from "./index-useControlled2.js";
+import oe from "./index-useControlled.js";
 import se from "./index-useEventCallback2.js";
 import ne from "./index-styled.js";
 import ae from "./index-useThemeProps.js";

package/dist/index-Parser2.js

@@ -1,4 +1,5 @@
 import S, { QuoteType as u } from "./index-Tokenizer.js";
+import "./index-decode.js";
 import { fromCodePoint as p } from "./index-decode_codepoint.js";
 const f = /* @__PURE__ */ new Set([
   "input",
@@ -87,7 +88,7 @@ const f = /* @__PURE__ */ new Set([
   "desc",
   "title"
 ]), I = /\s|\//;
-class E {
+class y {
   constructor(t, e = {}) {
     var s, i, o, h, a;
     this.options = e, this.startIndex = 0, this.endIndex = 0, this.openTagStart = 0, this.tagname = "", this.attribname = "", this.attribvalue = "", this.attribs = null, this.stack = [], this.foreignContext = [], this.buffers = [], this.bufferOffset = 0, this.writeIndex = 0, this.ended = !1, this.cbs = t ?? {}, this.lowerCaseTagNames = (s = e.lowerCaseTags) !== null && s !== void 0 ? s : !e.xmlMode, this.lowerCaseAttributeNames = (i = e.lowerCaseAttributeNames) !== null && i !== void 0 ? i : !e.xmlMode, this.tokenizer = new ((o = e.Tokenizer) !== null && o !== void 0 ? o : S)(this.options, this), (a = (h = this.cbs).onparserinit) === null || a === void 0 || a.call(h, this);
@@ -315,5 +316,5 @@ class E {
   }
 }
 export {
-  E as Parser
+  y as Parser
 };

package/dist/index-PhotoCarouselModal.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { mb3 as m, w100 as h, dFlexColumn as g } from "./index-general.module.js";
+import { mb3 as c, w100 as h, dFlexColumn as g } from "./index-general.module.js";
 import { classNames as b } from "./index-classNames.js";
 import { updateImageUrlWithBaseRequest as v } from "./index-update-image-url-with-base-request.js";
 import { MediaItemType as x } from "./index-MediaItem.js";
@@ -10,28 +10,28 @@ import { Modal as T } from "./index-Modal.js";
 import { ModalBody as B } from "./index-ModalBody.js";
 import { ModalHeader as R } from "./index-ModalHeader.js";
 import { SlideCarousel as j } from "./index-SlideCarousel.js";
-import c from "./index-PhotoCarouselModal.module.scss.js";
-const z = (a) => {
+import a from "./index-PhotoCarouselModal.module.scss.js";
+const $ = (l) => {
   const {
-    gallery: t,
+    gallery: r,
     close: f,
-    defaultMediaItem: r
-  } = a, [l, u] = M(0);
+    defaultMediaItem: t
+  } = l, [s, u] = M(0);
   return N(() => {
-    r && u(t.map((e) => e.uuid).indexOf(r.uuid));
-  }, [r]), o(U, {
-    className: c.container,
+    t && u(r.map((e) => e.uuid).indexOf(t.uuid));
+  }, [t]), o(U, {
+    className: a.container,
     children: p(T, {
-      ...a,
+      ...l,
       className: "confirm-modal",
       children: [o(R, {
-        className: m,
+        className: c,
         closeFn: f,
         hideCloseButtonOnMobile: !1,
         children: o(y, {
           fontWeight: I.bold,
           type: C.heading4,
-          className: b(h, m),
+          className: b(h, c),
           children: "Media gallery"
         })
       }), o(B, {
@@ -39,30 +39,31 @@ const z = (a) => {
         children: o("div", {
           className: g,
           children: o(j, {
-            activeIndex: l,
-            initialIndex: l,
-            hasBullets: t.length > 1,
-            hasArrows: t.length != 1,
-            children: t && t.map((e) => {
-              var s, d;
-              if (e.file && ((s = e.fileType) != null && s.includes("video")) || e.type === x.video) {
+            activeIndex: s,
+            initialIndex: s,
+            hasBullets: r.length > 1,
+            hasArrows: r.length != 1,
+            children: r && r.map((e) => {
+              var m, n;
+              if (e.file && ((m = e.fileType) != null && m.includes("video")) || e.type === x.video) {
                 let i = "";
                 return e.file ? i = URL.createObjectURL(e.file) : i = e.publicUrl ?? "", o("video", {
                   src: i,
                   width: "100%",
                   height: "100%",
-                  controls: !0
+                  controls: !0,
+                  className: a.carouselVideo
                 });
               }
-              const n = e.publicThumbnailUrl ?? e.publicUrl ?? ((d = e.mediaItemContent) == null ? void 0 : d.base64EncodedContent);
+              const d = e.publicThumbnailUrl ?? e.publicUrl ?? ((n = e.mediaItemContent) == null ? void 0 : n.base64EncodedContent);
               return o("div", {
                 draggable: "false",
-                className: c.carouselPhoto,
+                className: a.carouselPhoto,
                 style: {
-                  backgroundImage: `url(${v(n)})`,
+                  backgroundImage: `url(${v(d)})`,
                   backgroundColor: "var(--fn-bg-var)"
                 }
-              }, n);
+              }, d);
             })
           })
         })
@@ -71,5 +72,5 @@ const z = (a) => {
   });
 };
 export {
-  z as PhotoCarouselModal
+  $ as PhotoCarouselModal
 };

package/dist/index-PhotoCarouselModal.module.scss.js

@@ -1,9 +1,11 @@
-const o = "container_O5", t = "carousel-photo_je", e = {
+const o = "container_O5", e = "carousel-video_g-", c = "carousel-photo_je", s = {
   container: o,
-  carouselPhoto: t
+  carouselVideo: e,
+  carouselPhoto: c
 };
 export {
-  t as carouselPhoto,
+  c as carouselPhoto,
+  e as carouselVideo,
   o as container,
-  e as default
+  s as default
 };

package/dist/index-SelectInput2.js

@@ -10,7 +10,7 @@ import { isFilled as Ae } from "./index-utils8.js";
 import U from "./index-styled.js";
 import I, { getSelectUtilityClasses as ke } from "./index-selectClasses.js";
 import { jsxs as Te, jsx as w } from "react/jsx-runtime";
-import ae from "./index-useControlled2.js";
+import ae from "./index-useControlled.js";
 import Ue from "./index-useForkRef.js";
 import _e from "./index-ownerDocument2.js";
 import Be from "./index-formatMuiErrorMessage.js";

package/dist/index-SlideCarousel.js

@@ -1,146 +1,125 @@
-import X, { useRef as Y, useState as L, useEffect as N, createElement as Z } from "react";
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
-import { dFlex as A } from "./index-general.module.js";
-import { classNames as j } from "./index-classNames.js";
-import { useGesture as T } from "./index-use-gesture-react.esm.js";
-import { a as O } from "./index-react-spring_web.modern.js";
-import { ComponentContainer as c } from "./index-ComponentContainer.js";
-import { Arrow as d } from "./index-Arrow.js";
-import { Bullet as h } from "./index-Bullet.js";
-import { Bullets as tt } from "./index-Bullets.js";
-import r from "./index-SlideCarousel.module.scss.js";
-import { useSprings as st } from "./index-react-spring_core.modern.js";
-const ot = (p, S, n) => Math.min(Math.max(p, S), n), kt = ({
-  activeIndex: p = 0,
-  initialIndex: S = p,
-  ArrowComponent: n = d,
-  arrowStyle: w = {},
-  auto: l = 0,
-  BulletComponent: D = h,
-  BulletsComponent: P = tt,
-  bulletStyle: $ = {},
-  children: t = [],
-  hasArrows: G = !1,
-  hasBullets: I = !1,
-  onSlideChange: R = () => {
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { classNames as s } from "./index-classNames.js";
+import { ComponentContainer as z } from "./index-ComponentContainer.js";
+import H, { useRef as x } from "react";
+import { a as I } from "./index-react-spring_web.modern.js";
+import { Arrow as J } from "./index-Arrow.js";
+import { Bullet as K } from "./index-Bullet.js";
+import { Bullets as Q } from "./index-Bullets.js";
+import { useCarouselMovement as U } from "./index-use-carousel-movement.js";
+import e from "./index-SlideCarousel.module.scss.js";
+const Y = 16, de = ({
+  activeIndex: m = 0,
+  initialIndex: k = m,
+  ArrowComponent: i = J,
+  arrowStyle: t = {},
+  auto: R = 0,
+  BulletComponent: S = K,
+  BulletsComponent: f = Q,
+  bulletStyle: _ = {},
+  children: M = [],
+  hasArrows: a = !1,
+  hasBullets: p = !1,
+  onSlideChange: $ = () => {
   },
-  setSlideCustom: v = void 0,
-  slidesAtOnce: f = 1,
-  slidesToSlide: u = 1
+  setSlideCustom: w = void 0,
+  slidesAtOnce: u = 1,
+  slidesToSlide: L = 1,
+  className: O,
+  arrowPlacement: o = "overlay",
+  bulletPlacement: h = "overlayBottom"
 }) => {
-  const i = Y(null), [e, x] = L(0), a = v ? (s) => x(v(s)) : x, [q, y] = L(!1);
-  t || (t = []);
-  const [z, g] = st((t == null ? void 0 : t.length) || 0, (s) => ({
-    offset: s
-  })), H = T({
-    onDrag: ({
-      down: s,
-      movement: [o],
-      direction: [k],
-      cancel: _,
-      first: V,
-      active: b
-    }) => {
-      if (V && y(!0), i && i.current && i.current.parentElement) {
-        const {
-          width: F
-        } = i.current.parentElement.getBoundingClientRect();
-        s && Math.abs(o) > F / 2 && (_ && _(), b && a(ot(e + (k > 0 ? -1 : 1), 0, ((t == null ? void 0 : t.length) || 0) - f))), g.update((W) => ({
-          offset: (b && s ? o : 0) / F + (W - e)
-        })).start();
-      }
-    },
-    onClick: () => {
-      if (q) {
-        y(!1);
-        return;
-      }
-      J(e);
-    }
-  }, {
-    drag: {
-      delay: 200
-    }
+  const b = x(null), v = x(null), C = M || [], y = C.length, c = y > 1 ? Y : 0, j = `calc((100% - ${c * Math.max(u - 1, 0)}px) / ${u})`, {
+    gestureBinds: A,
+    maxSlide: G,
+    nextSlide: N,
+    previousSlide: B,
+    slide: D,
+    trackStyle: E,
+    updateSlide: F
+  } = U({
+    activeIndex: m,
+    auto: R,
+    initialIndex: k,
+    length: y,
+    onSlideChange: $,
+    setSlideCustom: w,
+    slideGap: c,
+    slidesAtOnce: u,
+    slidesToSlide: L,
+    viewportRef: v
+  }), g = () => {
+    const n = [];
+    for (let r = 0; r <= G; r++)
+      n.push(l(S, {
+        isActive: r === D,
+        onClick: () => F(r),
+        style: _
+      }, r));
+    return n;
+  }, T = () => !a || o !== "overlay" ? null : d(H.Fragment, {
+    children: [l(i, {
+      className: s(e.slideCarouselArrow, e.arrowLeft),
+      style: t,
+      direction: "left",
+      onClick: B
+    }), l(i, {
+      className: s(e.slideCarouselArrow, e.arrowRight),
+      style: t,
+      direction: "right",
+      onClick: N
+    })]
+  }), V = () => !a || o !== "outside" ? null : l(i, {
+    style: t,
+    direction: "left",
+    onClick: B
+  }), W = () => !a || o !== "outside" ? null : l(i, {
+    style: t,
+    direction: "right",
+    onClick: N
+  }), X = () => !p || h !== "overlayBottom" ? null : l(f, {
+    placement: "overlayBottom",
+    children: l("ul", {
+      className: e.slideCarouselBullets,
+      children: g()
+    })
+  }), q = () => !p || h !== "below" ? null : l(f, {
+    placement: "below",
+    children: l("ul", {
+      className: e.slideCarouselBullets,
+      children: g()
+    })
   });
-  N(() => {
-    g.update((s) => ({
-      offset: s - e
-    })).start(), R(e);
-  }, [e, g, R]), N(() => {
-    let s;
-    return l > 0 && (s = window.setInterval(() => {
-      const o = (e + 1) % ((t == null ? void 0 : t.length) || 0);
-      a(o);
-    }, l)), () => {
-      s && clearInterval(s);
-    };
-  }, [l, (t == null ? void 0 : t.length) || 0, e]), N(() => {
-    a(p % ((t == null ? void 0 : t.length) || 0));
-  }, [p, (t == null ? void 0 : t.length) || 0]);
-  const C = t == null ? void 0 : t.map((s, o) => m("div", {
-    className: r.slideCarouselSlide,
-    children: s
-  }, o)), J = (s) => {
-    C[s].props.children.props.onClick && C[s].props.children.props.onClick();
-  }, B = () => {
-    a(0);
-  }, E = () => {
-    a(((t == null ? void 0 : t.length) || 0) - f);
-  }, K = () => {
-    const s = e === ((t == null ? void 0 : t.length) || 0) - f, o = e + (f - 1) + u < ((t == null ? void 0 : t.length) || 0) - 1;
-    s ? B() : o ? a(e + u) : E();
-  }, Q = () => {
-    e === 0 ? E() : e - u <= 0 ? B() : a(e - u);
-  }, U = () => {
-    const s = [];
-    for (let o = 0; o <= ((t == null ? void 0 : t.length) || 0) - f; o++)
-      s.push(m(D, {
-        isActive: o === e,
-        onClick: () => a(o),
-        style: $
-      }, o));
-    return s;
-  };
-  return m(c, {
-    className: r.SlideCarouselContainer,
-    innerRef: i,
-    children: M("div", {
-      className: r.slideCarousel,
-      children: [G && M(X.Fragment, {
-        children: [m(n, {
-          className: j(r.slideCarouselArrow, r.arrowLeft, A),
-          style: w,
-          direction: "left",
-          onClick: Q
-        }), m(n, {
-          className: j(r.slideCarouselArrow, r.arrowRight),
-          style: w,
-          direction: "right",
-          onClick: K
+  return d(z, {
+    className: s(e.SlideCarouselContainer, O),
+    innerRef: b,
+    children: [d("div", {
+      className: s(e.carouselMain, o === "outside" ? e.carouselMainOutsideArrows : void 0),
+      children: [V(), d("div", {
+        className: e.slideCarousel,
+        children: [T(), X(), l("div", {
+          className: e.slideCarouselViewport,
+          ref: v,
+          children: l(I.div, {
+            ...A(),
+            className: e.slideCarouselTrack,
+            style: {
+              ...E,
+              gap: `${c}px`
+            },
+            children: C.map((n, r) => l("div", {
+              className: s(e.slideCarouselSlide, "slider__slide"),
+              style: {
+                flex: `0 0 ${j}`
+              },
+              children: n
+            }, r))
+          })
         })]
-      }), I && m(P, {
-        children: m("ul", {
-          className: r.slideCarouselBullets,
-          children: U()
-        })
-      }), z.map(({
-        offset: s
-      }, o) => Z(O.div, {
-        ...H(),
-        key: o,
-        className: "slider__slide",
-        style: {
-          transform: s == null ? void 0 : s.to((k) => `translate3d(${k * 100}%, 0, 0)`),
-          position: "absolute",
-          width: `${100 / f}%`,
-          height: "100%",
-          willChange: "transform",
-          touchAction: "none"
-        }
-      }, C[o]))]
-    })
+      }), W()]
+    }), q()]
   });
 };
 export {
-  kt as SlideCarousel
+  de as SlideCarousel
 };

package/dist/index-SlideCarousel.module.scss.js

@@ -1,19 +1,27 @@
-const e = "SlideCarouselContainer_uf", l = "slide-carousel_NQ", s = "slide-carousel-slide_ZA", r = "slide-carousel-arrow_R5", o = "arrow-left_zm", a = "arrow-right_Y7", i = "slide-carousel-bullets_g-", t = {
-  SlideCarouselContainer: e,
+const s = "SlideCarouselContainer_uf", e = "carousel-main_E6", r = "carousel-main-outside-arrows_8B", l = "slide-carousel_NQ", o = "slide-carousel-arrow_R5", a = "arrow-left_zm", i = "arrow-right_Y7", u = "slide-carousel-bullets_g-", t = "slide-carousel-viewport_6P", d = "slide-carousel-track_p9", c = "slide-carousel-slide_ZA", n = {
+  SlideCarouselContainer: s,
+  carouselMain: e,
+  carouselMainOutsideArrows: r,
   slideCarousel: l,
-  slideCarouselSlide: s,
-  slideCarouselArrow: r,
-  arrowLeft: o,
-  arrowRight: a,
-  slideCarouselBullets: i
+  slideCarouselArrow: o,
+  arrowLeft: a,
+  arrowRight: i,
+  slideCarouselBullets: u,
+  slideCarouselViewport: t,
+  slideCarouselTrack: d,
+  slideCarouselSlide: c
 };
 export {
-  e as SlideCarouselContainer,
-  o as arrowLeft,
-  a as arrowRight,
-  t as default,
+  s as SlideCarouselContainer,
+  a as arrowLeft,
+  i as arrowRight,
+  e as carouselMain,
+  r as carouselMainOutsideArrows,
+  n as default,
   l as slideCarousel,
-  r as slideCarouselArrow,
-  i as slideCarouselBullets,
-  s as slideCarouselSlide
+  o as slideCarouselArrow,
+  u as slideCarouselBullets,
+  c as slideCarouselSlide,
+  d as slideCarouselTrack,
+  t as slideCarouselViewport
 };

package/dist/index-Switch.js

@@ -1,48 +1,43 @@
-import { jsx as a, jsxs as N } from "react/jsx-runtime";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
 /* empty css                  */
-import { alignItemsCenter as w, justifyContentCenter as C, dFlex as x } from "./index-general.module.js";
 import { classNames as t } from "./index-classNames.js";
-import { ComponentContainer as I } from "./index-ComponentContainer.js";
-import { Icon as k, IconSize as j } from "./index-Icon.js";
-import { IconNames as z } from "./index-IconNames.js";
+import { ComponentContainer as N } from "./index-ComponentContainer.js";
 import "react";
 import { Text as m } from "./index-Text.js";
-const q = (h) => {
+const W = (h) => {
   const {
-    value: p,
+    value: b,
     onChange: i,
     size: o = "small",
     children: e,
     labelPos: c = "right",
     labelColor: s,
     labelClassName: d,
-    labelReplacements: b,
+    labelReplacements: u,
     testId: g,
-    labelType: u,
+    labelType: p,
     labelFontWeight: f,
     readOnly: l,
     disabled: r = !1,
     loading: v = !1,
-    className: y = ""
+    className: w = ""
   } = h;
-  return a(I, {
+  return a(N, {
     className: "vanguard-switch",
     testId: g,
-    children: N("label", {
+    children: y("label", {
       style: {
         color: s
       },
-      className: t("vanguard-switch-label", y, r ? "vanguard-switch-label-disabled" : "", l ? "vanguard-switch-label-readonly" : ""),
+      className: t("vanguard-switch-label", w, r ? "vanguard-switch-label-disabled" : "", l ? "vanguard-switch-label-readonly" : ""),
       children: [c === "left" ? typeof e == "string" ? a(m, {
         color: r ? "--button-primary-disabled-background-color" : s,
         className: t("vanguard-switch-label-left", d),
         children: e
       }) : e : null, v ? a("div", {
-        className: t(`vanguard-switch-${o}`, x, C, w),
-        children: a(k, {
-          type: j.large,
-          className: "loader-spinner",
-          children: z.save
+        className: t(`vanguard-switch-${o}`, "loader-container"),
+        children: a("div", {
+          className: "loader-spinner"
         })
       }) : a("input", {
         onClick: (n) => {
@@ -53,12 +48,12 @@ const q = (h) => {
         onChange: (n) => {
           l || i && i(n);
         },
-        checked: p === !0,
+        checked: b === !0,
         disabled: r
       }), c === "right" ? typeof e == "string" ? a(m, {
         disabled: l,
-        replacements: b,
-        type: u,
+        replacements: u,
+        type: p,
         fontWeight: f,
         color: r ? "--button-primary-disabled-background-color" : s,
         className: t("vanguard-switch-label-right", d),
@@ -68,5 +63,5 @@ const q = (h) => {
   });
 };
 export {
-  q as Switch
+  W as Switch
 };