@okam/stack-ui 1.42.4 → 1.43.0

package/index199.mjs

@@ -1,191 +1,193 @@
-import { g as F } from "./index213.mjs";
-import { c as y } from "./index283.mjs";
-import { c as K, h as j, m as n } from "./index214.mjs";
-function Y(P) {
+import { g as R } from "./index217.mjs";
+import { m as I, i as d, c as j, n as B, b as N } from "./index218.mjs";
+import { c as G } from "./index287.mjs";
+import { c as U } from "./index288.mjs";
+function _(x) {
   let {
-    swiper: i,
-    extendParams: N,
-    on: o
-  } = P;
-  N({
-    a11y: {
-      enabled: !0,
-      notificationClass: "swiper-notification",
-      prevSlideMessage: "Previous slide",
-      nextSlideMessage: "Next slide",
-      firstSlideMessage: "This is the first slide",
-      lastSlideMessage: "This is the last slide",
-      paginationBulletMessage: "Go to slide {{index}}",
-      slideLabelMessage: "{{index}} / {{slidesLength}}",
-      containerMessage: null,
-      containerRoleDescriptionMessage: null,
-      containerRole: null,
-      itemRoleDescriptionMessage: null,
-      slideRole: "group",
-      id: null,
-      scrollOnFocus: !0
+    swiper: s,
+    extendParams: k,
+    on: f,
+    emit: g
+  } = x;
+  const y = R();
+  let b = !1, E = null, v = null, h, i, c, D;
+  k({
+    scrollbar: {
+      el: null,
+      dragSize: "auto",
+      hide: !1,
+      draggable: !1,
+      snapOnRelease: !0,
+      lockClass: "swiper-scrollbar-lock",
+      dragClass: "swiper-scrollbar-drag",
+      scrollbarDisabledClass: "swiper-scrollbar-disabled",
+      horizontalClass: "swiper-scrollbar-horizontal",
+      verticalClass: "swiper-scrollbar-vertical"
     }
-  }), i.a11y = {
-    clicked: !1
+  }), s.scrollbar = {
+    el: null,
+    dragEl: null
   };
-  let r = null, p, f, L = (/* @__PURE__ */ new Date()).getTime();
-  function u(e) {
-    const t = r;
-    t.length !== 0 && (t.innerHTML = "", t.innerHTML = e);
-  }
-  function B(e) {
-    const t = () => Math.round(16 * Math.random()).toString(16);
-    return "x".repeat(e).replace(/x/g, t);
-  }
-  function g(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("tabIndex", "0");
-    });
-  }
-  function x(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("tabIndex", "-1");
-    });
-  }
-  function m(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("role", t);
-    });
-  }
-  function M(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-roledescription", t);
-    });
-  }
-  function O(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-controls", t);
-    });
-  }
-  function E(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-label", t);
-    });
-  }
-  function H(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("id", t);
-    });
+  function m() {
+    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
+    const {
+      scrollbar: l,
+      rtlTranslate: e
+    } = s, {
+      dragEl: a,
+      el: r
+    } = l, t = s.params.scrollbar, n = s.params.loop ? s.progressLoop : s.progress;
+    let p = i, o = (c - i) * n;
+    e ? (o = -o, o > 0 ? (p = i - o, o = 0) : -o + i > c && (p = c + o)) : o < 0 ? (p = i + o, o = 0) : o + i > c && (p = c - o), s.isHorizontal() ? (a.style.transform = `translate3d(${o}px, 0, 0)`, a.style.width = `${p}px`) : (a.style.transform = `translate3d(0px, ${o}px, 0)`, a.style.height = `${p}px`), t.hide && (clearTimeout(E), r.style.opacity = 1, E = setTimeout(() => {
+      r.style.opacity = 0, r.style.transitionDuration = "400ms";
+    }, 1e3));
+  }
+  function H(l) {
+    !s.params.scrollbar.el || !s.scrollbar.el || (s.scrollbar.dragEl.style.transitionDuration = `${l}ms`);
+  }
+  function u() {
+    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
+    const {
+      scrollbar: l
+    } = s, {
+      dragEl: e,
+      el: a
+    } = l;
+    e.style.width = "", e.style.height = "", c = s.isHorizontal() ? a.offsetWidth : a.offsetHeight, D = s.size / (s.virtualSize + s.params.slidesOffsetBefore - (s.params.centeredSlides ? s.snapGrid[0] : 0)), s.params.scrollbar.dragSize === "auto" ? i = c * D : i = parseInt(s.params.scrollbar.dragSize, 10), s.isHorizontal() ? e.style.width = `${i}px` : e.style.height = `${i}px`, D >= 1 ? a.style.display = "none" : a.style.display = "", s.params.scrollbar.hide && (a.style.opacity = 0), s.params.watchOverflow && s.enabled && l.el.classList[s.isLocked ? "add" : "remove"](s.params.scrollbar.lockClass);
   }
-  function q(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-live", t);
-    });
+  function w(l) {
+    return s.isHorizontal() ? l.clientX : l.clientY;
   }
-  function A(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("aria-disabled", !0);
-    });
+  function T(l) {
+    const {
+      scrollbar: e,
+      rtlTranslate: a
+    } = s, {
+      el: r
+    } = e;
+    let t;
+    t = (w(l) - N(r)[s.isHorizontal() ? "left" : "top"] - (h !== null ? h : i / 2)) / (c - i), t = Math.max(Math.min(t, 1), 0), a && (t = 1 - t);
+    const n = s.minTranslate() + (s.maxTranslate() - s.minTranslate()) * t;
+    s.updateProgress(n), s.setTranslate(n), s.updateActiveIndex(), s.updateSlidesClasses();
+  }
+  function P(l) {
+    const e = s.params.scrollbar, {
+      scrollbar: a,
+      wrapperEl: r
+    } = s, {
+      el: t,
+      dragEl: n
+    } = a;
+    b = !0, h = l.target === n ? w(l) - l.target.getBoundingClientRect()[s.isHorizontal() ? "left" : "top"] : null, l.preventDefault(), l.stopPropagation(), r.style.transitionDuration = "100ms", n.style.transitionDuration = "100ms", T(l), clearTimeout(v), t.style.transitionDuration = "0ms", e.hide && (t.style.opacity = 1), s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "none"), g("scrollbarDragStart", l);
+  }
+  function M(l) {
+    const {
+      scrollbar: e,
+      wrapperEl: a
+    } = s, {
+      el: r,
+      dragEl: t
+    } = e;
+    b && (l.preventDefault && l.cancelable ? l.preventDefault() : l.returnValue = !1, T(l), a.style.transitionDuration = "0ms", r.style.transitionDuration = "0ms", t.style.transitionDuration = "0ms", g("scrollbarDragMove", l));
+  }
+  function O(l) {
+    const e = s.params.scrollbar, {
+      scrollbar: a,
+      wrapperEl: r
+    } = s, {
+      el: t
+    } = a;
+    b && (b = !1, s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "", r.style.transitionDuration = ""), e.hide && (clearTimeout(v), v = B(() => {
+      t.style.opacity = 0, t.style.transitionDuration = "400ms";
+    }, 1e3)), g("scrollbarDragEnd", l), e.snapOnRelease && s.slideToClosest());
+  }
+  function S(l) {
+    const {
+      scrollbar: e,
+      params: a
+    } = s, r = e.el;
+    if (!r) return;
+    const t = r, n = a.passiveListeners ? {
+      passive: !1,
+      capture: !1
+    } : !1, p = a.passiveListeners ? {
+      passive: !0,
+      capture: !1
+    } : !1;
+    if (!t) return;
+    const o = l === "on" ? "addEventListener" : "removeEventListener";
+    t[o]("pointerdown", P, n), y[o]("pointermove", M, n), y[o]("pointerup", O, p);
   }
-  function w(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("aria-disabled", !1);
-    });
+  function $() {
+    !s.params.scrollbar.el || !s.scrollbar.el || S("on");
   }
-  function d(e) {
-    if (e.keyCode !== 13 && e.keyCode !== 32) return;
-    const t = i.params.a11y, a = e.target;
-    if (!(i.pagination && i.pagination.el && (a === i.pagination.el || i.pagination.el.contains(e.target)) && !e.target.matches(y(i.params.pagination.bulletClass)))) {
-      if (i.navigation && i.navigation.prevEl && i.navigation.nextEl) {
-        const s = n(i.navigation.prevEl);
-        n(i.navigation.nextEl).includes(a) && (i.isEnd && !i.params.loop || i.slideNext(), i.isEnd ? u(t.lastSlideMessage) : u(t.nextSlideMessage)), s.includes(a) && (i.isBeginning && !i.params.loop || i.slidePrev(), i.isBeginning ? u(t.firstSlideMessage) : u(t.prevSlideMessage));
-      }
-      i.pagination && a.matches(y(i.params.pagination.bulletClass)) && a.click();
-    }
+  function q() {
+    !s.params.scrollbar.el || !s.scrollbar.el || S("off");
   }
-  function G() {
-    if (i.params.loop || i.params.rewind || !i.navigation) return;
+  function z() {
     const {
-      nextEl: e,
-      prevEl: t
-    } = i.navigation;
-    t && (i.isBeginning ? (A(t), x(t)) : (w(t), g(t))), e && (i.isEnd ? (A(e), x(e)) : (w(e), g(e)));
-  }
-  function k() {
-    return i.pagination && i.pagination.bullets && i.pagination.bullets.length;
+      scrollbar: l,
+      el: e
+    } = s;
+    s.params.scrollbar = G(s, s.originalParams.scrollbar, s.params.scrollbar, {
+      el: "swiper-scrollbar"
+    });
+    const a = s.params.scrollbar;
+    if (!a.el) return;
+    let r;
+    if (typeof a.el == "string" && s.isElement && (r = s.el.querySelector(a.el)), !r && typeof a.el == "string") {
+      if (r = y.querySelectorAll(a.el), !r.length) return;
+    } else r || (r = a.el);
+    s.params.uniqueNavElements && typeof a.el == "string" && r.length > 1 && e.querySelectorAll(a.el).length === 1 && (r = e.querySelector(a.el)), r.length > 0 && (r = r[0]), r.classList.add(s.isHorizontal() ? a.horizontalClass : a.verticalClass);
+    let t;
+    r && (t = r.querySelector(U(s.params.scrollbar.dragClass)), t || (t = j("div", s.params.scrollbar.dragClass), r.append(t))), Object.assign(l, {
+      el: r,
+      dragEl: t
+    }), a.draggable && $(), r && r.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
   }
   function C() {
-    return k() && i.params.pagination.clickable;
-  }
-  function U() {
-    const e = i.params.a11y;
-    k() && i.pagination.bullets.forEach((t) => {
-      i.params.pagination.clickable && (g(t), i.params.pagination.renderBullet || (m(t, "button"), E(t, e.paginationBulletMessage.replace(/\{\{index\}\}/, j(t) + 1)))), t.matches(y(i.params.pagination.bulletActiveClass)) ? t.setAttribute("aria-current", "true") : t.removeAttribute("aria-current");
-    });
+    const l = s.params.scrollbar, e = s.scrollbar.el;
+    e && e.classList.remove(...d(s.isHorizontal() ? l.horizontalClass : l.verticalClass)), q();
   }
-  const S = (e, t, a) => {
-    g(e), e.tagName !== "BUTTON" && (m(e, "button"), e.addEventListener("keydown", d)), E(e, a), O(e, t);
-  }, R = (e) => {
-    f && f !== e.target && !f.contains(e.target) && (p = !0), i.a11y.clicked = !0;
-  }, T = () => {
-    p = !1, requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        i.destroyed || (i.a11y.clicked = !1);
-      });
-    });
-  }, D = (e) => {
-    L = (/* @__PURE__ */ new Date()).getTime();
-  }, h = (e) => {
-    if (i.a11y.clicked || !i.params.a11y.scrollOnFocus || (/* @__PURE__ */ new Date()).getTime() - L < 100) return;
-    const t = e.target.closest(`.${i.params.slideClass}, swiper-slide`);
-    if (!t || !i.slides.includes(t)) return;
-    f = t;
-    const a = i.slides.indexOf(t) === i.activeIndex, s = i.params.watchSlidesProgress && i.visibleSlides && i.visibleSlides.includes(t);
-    a || s || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (i.isHorizontal() ? i.el.scrollLeft = 0 : i.el.scrollTop = 0, requestAnimationFrame(() => {
-      p || (i.params.loop ? i.slideToLoop(parseInt(t.getAttribute("data-swiper-slide-index")), 0) : i.slideTo(i.slides.indexOf(t), 0), p = !1);
-    }));
-  }, I = () => {
-    const e = i.params.a11y;
-    e.itemRoleDescriptionMessage && M(i.slides, e.itemRoleDescriptionMessage), e.slideRole && m(i.slides, e.slideRole);
-    const t = i.slides.length;
-    e.slideLabelMessage && i.slides.forEach((a, s) => {
-      const l = i.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : s, c = e.slideLabelMessage.replace(/\{\{index\}\}/, l + 1).replace(/\{\{slidesLength\}\}/, t);
-      E(a, c);
-    });
-  }, V = () => {
-    const e = i.params.a11y;
-    i.el.append(r);
-    const t = i.el;
-    e.containerRoleDescriptionMessage && M(t, e.containerRoleDescriptionMessage), e.containerMessage && E(t, e.containerMessage), e.containerRole && m(t, e.containerRole);
-    const a = i.wrapperEl, s = e.id || a.getAttribute("id") || `swiper-wrapper-${B(16)}`, l = i.params.autoplay && i.params.autoplay.enabled ? "off" : "polite";
-    H(a, s), q(a, l), I();
+  f("changeDirection", () => {
+    if (!s.scrollbar || !s.scrollbar.el) return;
+    const l = s.params.scrollbar;
     let {
-      nextEl: c,
-      prevEl: v
-    } = i.navigation ? i.navigation : {};
-    c = n(c), v = n(v), c && c.forEach((b) => S(b, s, e.nextSlideMessage)), v && v.forEach((b) => S(b, s, e.prevSlideMessage)), C() && n(i.pagination.el).forEach((z) => {
-      z.addEventListener("keydown", d);
-    }), F().addEventListener("visibilitychange", D), i.el.addEventListener("focus", h, !0), i.el.addEventListener("focus", h, !0), i.el.addEventListener("pointerdown", R, !0), i.el.addEventListener("pointerup", T, !0);
+      el: e
+    } = s.scrollbar;
+    e = I(e), e.forEach((a) => {
+      a.classList.remove(l.horizontalClass, l.verticalClass), a.classList.add(s.isHorizontal() ? l.horizontalClass : l.verticalClass);
+    });
+  }), f("init", () => {
+    s.params.scrollbar.enabled === !1 ? L() : (z(), u(), m());
+  }), f("update resize observerUpdate lock unlock changeDirection", () => {
+    u();
+  }), f("setTranslate", () => {
+    m();
+  }), f("setTransition", (l, e) => {
+    H(e);
+  }), f("enable disable", () => {
+    const {
+      el: l
+    } = s.scrollbar;
+    l && l.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
+  }), f("destroy", () => {
+    C();
+  });
+  const A = () => {
+    s.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), z(), u(), m();
+  }, L = () => {
+    s.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), C();
   };
-  function $() {
-    r && r.remove();
-    let {
-      nextEl: e,
-      prevEl: t
-    } = i.navigation ? i.navigation : {};
-    e = n(e), t = n(t), e && e.forEach((s) => s.removeEventListener("keydown", d)), t && t.forEach((s) => s.removeEventListener("keydown", d)), C() && n(i.pagination.el).forEach((l) => {
-      l.removeEventListener("keydown", d);
-    }), F().removeEventListener("visibilitychange", D), i.el && typeof i.el != "string" && (i.el.removeEventListener("focus", h, !0), i.el.removeEventListener("pointerdown", R, !0), i.el.removeEventListener("pointerup", T, !0));
-  }
-  o("beforeInit", () => {
-    r = K("span", i.params.a11y.notificationClass), r.setAttribute("aria-live", "assertive"), r.setAttribute("aria-atomic", "true");
-  }), o("afterInit", () => {
-    i.params.a11y.enabled && V();
-  }), o("slidesLengthChange snapGridLengthChange slidesGridLengthChange", () => {
-    i.params.a11y.enabled && I();
-  }), o("fromEdge toEdge afterInit lock unlock", () => {
-    i.params.a11y.enabled && G();
-  }), o("paginationUpdate", () => {
-    i.params.a11y.enabled && U();
-  }), o("destroy", () => {
-    i.params.a11y.enabled && $();
+  Object.assign(s.scrollbar, {
+    enable: A,
+    disable: L,
+    updateSize: u,
+    setTranslate: m,
+    init: z,
+    destroy: C
   });
 }
 export {
-  Y as default
+  _ as default
 };

package/index2.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const d=require("react"),p=require("./index87.js"),h=require("./index118.js"),m=require("./index119.js"),t=require("./index120.js"),i=require("./index121.js"),f=require("./index122.js"),g=require("./index123.js"),o=require("./index124.js"),s=require("./index125.js"),k=require("./index126.js"),b=require("./index127.js"),q=require("./index128.js"),$=require("./index129.js"),w=require("./index130.js"),I=require("./index131.js"),u=require("./index132.js"),a=require("./index133.js"),l=require("./index134.js"),x=require("./index135.js"),n=require("./index136.js"),c=require("./index137.js"),B=require("./index138.js"),G=require("./index139.js"),M=require("./index140.js"),r=require("./index141.js"),y=require("./index117.js"),v=y.makeTheme({main:e=>t.main(e),gridItem:e=>t.gridItem(e),grid:e=>t.grid(e),container:e=>t.container(e),accordion:h.accordionTheme,carousel:g,calendar:f.calendarTheme,datePicker:b.datePickerTheme,popover:I,typography:e=>r(e),button:e=>i(e),link:i,sidePanel:{wrapper:e=>c.sidePanelWrapper(e),container:e=>c.sidePanelContainer(e),innerContainer:e=>c.sidePanelInnerContainer(e)},comboBox:k,lightBox:$,printButton:{icon:e=>u.printButtonIcon(e),button:e=>u.printButton(e)},shareButton:{icon:e=>n.shareButtonIcon(e),button:e=>n.shareButton(e),container:e=>n.shareButtonContainer(e),linksList:e=>n.shareButtonLinksList(e),link:e=>n.shareButtonLink(e),linkIcons:e=>n.shareButtonLinkIcons(e)},checkbox:{container:e=>o.checkboxContainer(e),label:e=>o.checkboxLabel(e),checkBox:e=>o.checkBox(e),checkMark:e=>o.checkMark(e),checkMarkIcon:e=>o.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>a.radioLabel(e),radio:e=>a.radio(e),selectedMark:e=>a.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>l.radioGroup(e),radioGroupItemsGroup:e=>l.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>i(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>i({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>M.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>x.searchInput(e),icon:e=>x.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 border-2 aria-disabled:pointer-events-none aria-disabled:opacity-30 focus-ring-black",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:q.imgTheme,alerts:m,tagGroup:G,tabList:B,listBox:w}),L=d.memo(p.createThemeProvider(v));module.exports=L;
+"use strict";const d=require("react"),p=require("./index88.js"),h=require("./index119.js"),k=require("./index120.js"),i=require("./index121.js"),t=require("./index122.js"),m=require("./index123.js"),g=require("./index124.js"),o=require("./index125.js"),s=require("./index126.js"),q=require("./index127.js"),f=require("./index128.js"),$=require("./index129.js"),b=require("./index130.js"),w=require("./index131.js"),I=require("./index132.js"),u=require("./index133.js"),c=require("./index134.js"),l=require("./index135.js"),x=require("./index136.js"),n=require("./index137.js"),a=require("./index138.js"),B=require("./index139.js"),G=require("./index140.js"),M=require("./index141.js"),T=require("./index142.js"),y=require("./index143.js"),r=require("./index144.js"),L=require("./index118.js"),P=L.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:h.accordionTheme,carousel:g,calendar:m.calendarTheme,datePicker:f.datePickerTheme,popover:I,typography:e=>r(e),button:e=>t(e),link:t,sidePanel:{wrapper:e=>a.sidePanelWrapper(e),container:e=>a.sidePanelContainer(e),innerContainer:e=>a.sidePanelInnerContainer(e)},comboBox:q,lightBox:b,printButton:{icon:e=>u.printButtonIcon(e),button:e=>u.printButton(e)},shareButton:{icon:e=>n.shareButtonIcon(e),button:e=>n.shareButton(e),container:e=>n.shareButtonContainer(e),linksList:e=>n.shareButtonLinksList(e),link:e=>n.shareButtonLink(e),linkIcons:e=>n.shareButtonLinkIcons(e)},skipToMain:e=>B.skipToMain(e),checkbox:{container:e=>o.checkboxContainer(e),label:e=>o.checkboxLabel(e),checkBox:e=>o.checkBox(e),checkMark:e=>o.checkMark(e),checkMarkIcon:e=>o.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>c.radioLabel(e),radio:e=>c.radio(e),selectedMark:e=>c.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>l.radioGroup(e),radioGroupItemsGroup:e=>l.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>t(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>t({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>T.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:y,search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>x.searchInput(e),icon:e=>x.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:$.imgTheme,alerts:k,tagGroup:M,tabList:G,listBox:w}),v=d.memo(p.createThemeProvider(P));module.exports=v;

package/index2.mjs

@@ -1,95 +1,98 @@
 "use client";
 import t from "react";
-import { createThemeProvider as i } from "./index87.mjs";
-import { accordionTheme as a } from "./index118.mjs";
-import n from "./index119.mjs";
-import { main as m, gridItem as c, grid as p, container as s } from "./index120.mjs";
-import o from "./index121.mjs";
-import { calendarTheme as l } from "./index122.mjs";
-import u from "./index123.mjs";
-import { checkboxContainer as f, checkboxLabel as h, checkBox as x, checkMark as d, checkMarkIcon as g } from "./index124.mjs";
-import { checkboxGroup as b, checkboxGroupItemsGroup as k } from "./index125.mjs";
-import w from "./index126.mjs";
-import { datePickerTheme as B } from "./index127.mjs";
-import { imgTheme as I } from "./index128.mjs";
-import G from "./index129.mjs";
-import T from "./index130.mjs";
-import M from "./index131.mjs";
-import { printButtonIcon as y, printButton as v } from "./index132.mjs";
-import { radioLabel as L, radio as P, selectedMark as C } from "./index133.mjs";
-import { radioGroup as z, radioGroupItemsGroup as E } from "./index134.mjs";
-import { searchInput as N, searchIcon as _ } from "./index135.mjs";
-import { shareButtonIcon as q, shareButton as A, shareButtonContainer as R, shareButtonLinksList as W, shareButtonLink as j, shareButtonLinkIcons as D } from "./index136.mjs";
-import { sidePanelWrapper as F, sidePanelContainer as H, sidePanelInnerContainer as J } from "./index137.mjs";
-import K from "./index138.mjs";
-import O from "./index139.mjs";
-import { textArea as Q } from "./index140.mjs";
-import r from "./index141.mjs";
-import { makeTheme as S } from "./index117.mjs";
-const U = S({
+import { createThemeProvider as i } from "./index88.mjs";
+import { accordionTheme as n } from "./index119.mjs";
+import a from "./index120.mjs";
+import { main as m, gridItem as p, grid as c, container as s } from "./index121.mjs";
+import r from "./index122.mjs";
+import { calendarTheme as l } from "./index123.mjs";
+import u from "./index124.mjs";
+import { checkboxContainer as f, checkboxLabel as h, checkBox as x, checkMark as d, checkMarkIcon as k } from "./index125.mjs";
+import { checkboxGroup as g, checkboxGroupItemsGroup as b } from "./index126.mjs";
+import T from "./index127.mjs";
+import { datePickerTheme as w } from "./index128.mjs";
+import { imgTheme as B } from "./index129.mjs";
+import I from "./index130.mjs";
+import G from "./index131.mjs";
+import M from "./index132.mjs";
+import { printButtonIcon as y, printButton as L } from "./index133.mjs";
+import { radioLabel as v, radio as P, selectedMark as C } from "./index134.mjs";
+import { radioGroup as z, radioGroupItemsGroup as E } from "./index135.mjs";
+import { searchInput as N, searchIcon as _ } from "./index136.mjs";
+import { shareButtonIcon as A, shareButton as R, shareButtonContainer as W, shareButtonLinksList as j, shareButtonLink as q, shareButtonLinkIcons as D } from "./index137.mjs";
+import { sidePanelWrapper as F, sidePanelContainer as H, sidePanelInnerContainer as J } from "./index138.mjs";
+import { skipToMain as K } from "./index139.mjs";
+import O from "./index140.mjs";
+import Q from "./index141.mjs";
+import { textArea as S } from "./index142.mjs";
+import U from "./index143.mjs";
+import o from "./index144.mjs";
+import { makeTheme as V } from "./index118.mjs";
+const X = V({
   main: (e) => m(e),
-  gridItem: (e) => c(e),
-  grid: (e) => p(e),
+  gridItem: (e) => p(e),
+  grid: (e) => c(e),
   container: (e) => s(e),
-  accordion: a,
+  accordion: n,
   carousel: u,
   calendar: l,
-  datePicker: B,
+  datePicker: w,
   popover: M,
-  typography: (e) => r(e),
-  button: (e) => o(e),
-  link: o,
+  typography: (e) => o(e),
+  button: (e) => r(e),
+  link: r,
   sidePanel: {
     wrapper: (e) => F(e),
     container: (e) => H(e),
     innerContainer: (e) => J(e)
   },
-  comboBox: w,
-  lightBox: G,
+  comboBox: T,
+  lightBox: I,
   printButton: {
     icon: (e) => y(e),
-    button: (e) => v(e)
+    button: (e) => L(e)
   },
   shareButton: {
-    icon: (e) => q(e),
-    button: (e) => A(e),
-    container: (e) => R(e),
-    linksList: (e) => W(e),
-    link: (e) => j(e),
+    icon: (e) => A(e),
+    button: (e) => R(e),
+    container: (e) => W(e),
+    linksList: (e) => j(e),
+    link: (e) => q(e),
     linkIcons: (e) => D(e)
   },
+  skipToMain: (e) => K(e),
   checkbox: {
     container: (e) => f(e),
     label: (e) => h(e),
     checkBox: (e) => x(e),
     checkMark: (e) => d(e),
-    checkMarkIcon: (e) => g(e),
-    errorMessage: (e) => r(e)
+    checkMarkIcon: (e) => k(e),
+    errorMessage: (e) => o(e)
   },
   radio: {
-    label: (e) => L(e),
+    label: (e) => v(e),
     radio: (e) => P(e),
     selectedMark: (e) => C(e),
-    errorMessage: (e) => r(e)
+    errorMessage: (e) => o(e)
   },
   radioGroup: {
     radioGroup: (e) => z(e),
     radioGroupItemsGroup: (e) => E(e),
-    errorMessage: (e) => r(e)
+    errorMessage: (e) => o(e)
   },
   checkboxGroup: {
-    checkboxGroup: (e) => b(e),
-    checkboxGroupItemsGroup: (e) => k(e),
-    errormessage: (e) => r(e)
+    checkboxGroup: (e) => g(e),
+    checkboxGroupItemsGroup: (e) => b(e),
+    errormessage: (e) => o(e)
   },
   select: {
-    button: (e) => o(e),
-    ul: (e) => r({
+    button: (e) => r(e),
+    ul: (e) => o({
       ...e,
       className: "outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"
     }),
-    popover: (e) => o({ ...e, className: "w-[var(--select-container-width)]" }),
-    errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 }),
+    popover: (e) => r({ ...e, className: "w-[var(--select-container-width)]" }),
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 }),
     wrapper: () => "flex flex-col gap-4 relative",
     container: () => "flex flex-col gap-4",
     list: () => "flex flex-col gap-4",
@@ -101,23 +104,17 @@ const U = S({
     wrapper: () => "flex flex-col",
     container: () => "flex items-center gap-4",
     label: () => "text-gray-3 px-6",
-    input: (e) => Q(e),
-    errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
+    input: (e) => S(e),
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
   },
+  textInput: U,
   search: {
     wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
     container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
     label: () => "text-gray-3",
     input: (e) => N(e),
     icon: (e) => _(e),
-    errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
-  },
-  textInput: {
-    wrapper: () => "group flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 border-2 aria-disabled:pointer-events-none aria-disabled:opacity-30 focus-ring-black",
-    label: () => 'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',
-    container: () => "flex items-center gap-4",
-    input: () => "",
-    errorMessage: (e) => r({ ...e, className: "ml-0", size: "footnotes", isError: !0 })
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
   },
   menu: {
     sidePanel: {
@@ -134,12 +131,12 @@ const U = S({
     button: () => "",
     anchor: () => ""
   },
-  img: I,
-  alerts: n,
-  tagGroup: O,
-  tabList: K,
-  listBox: T
-}), Ie = t.memo(i(U));
+  img: B,
+  alerts: a,
+  tagGroup: Q,
+  tabList: O,
+  listBox: G
+}), ye = t.memo(i(X));
 export {
-  Ie as default
+  ye as default
 };

package/index20.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),l=require("./index36.js"),n=require("./index3.js"),m=require("./index110.js"),d=r=>{const{themeName:e="carousel.pagination",tokens:t,children:i="/",customTheme:o}=r,{paginationFractionProps:s,current:c,total:u}=m.useCarouselPaginationFraction(r);return a.jsxs(l.default,{...s,themeName:`${e}.fraction.wrapper`,tokens:t,customTheme:o,children:[a.jsx(n.default,{themeName:`${e}.fraction.current`,tokens:t,children:c}),i&&a.jsx(n.default,{themeName:`${e}.fraction.separator`,tokens:t,children:i}),a.jsx(n.default,{themeName:`${e}.fraction.total`,tokens:t,children:u})]})};module.exports=d;
+"use strict";const a=require("react/jsx-runtime"),i=require("./index6.js"),l=require("./index110.js"),r=e=>{const{themeName:t="carousel.pagination",tokens:n,customTheme:s}=e,{paginationBulletProps:o,isActive:u}=l.useCarouselPaginationBullet(e);return a.jsx(i.default,{customTheme:s,as:"button",...o,themeName:`${t}.bullet`,tokens:{...n,active:u}})};module.exports=r;

package/index20.mjs

@@ -1,25 +1,20 @@
 "use client";
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import p from "./index36.mjs";
-import o from "./index3.mjs";
-import { useCarouselPaginationFraction as l } from "./index110.mjs";
-const N = (a) => {
-  const { themeName: t = "carousel.pagination", tokens: r, children: n = "/", customTheme: i } = a, { paginationFractionProps: m, current: c, total: s } = l(a);
-  return /* @__PURE__ */ h(
-    p,
+import { jsx as s } from "react/jsx-runtime";
+import m from "./index6.mjs";
+import { useCarouselPaginationBullet as u } from "./index110.mjs";
+const p = (t) => {
+  const { themeName: e = "carousel.pagination", tokens: o, customTheme: n } = t, { paginationBulletProps: a, isActive: i } = u(t);
+  return /* @__PURE__ */ s(
+    m,
     {
-      ...m,
-      themeName: `${t}.fraction.wrapper`,
-      tokens: r,
-      customTheme: i,
-      children: [
-        /* @__PURE__ */ e(o, { themeName: `${t}.fraction.current`, tokens: r, children: c }),
-        n && /* @__PURE__ */ e(o, { themeName: `${t}.fraction.separator`, tokens: r, children: n }),
-        /* @__PURE__ */ e(o, { themeName: `${t}.fraction.total`, tokens: r, children: s })
-      ]
+      customTheme: n,
+      as: "button",
+      ...a,
+      themeName: `${e}.bullet`,
+      tokens: { ...o, active: i }
     }
   );
 };
 export {
-  N as default
+  p as default
 };