@okam/stack-ui 1.26.0 → 1.27.0

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),d=require("./index106.js"),a=require("./index24.js"),x=require("./index6.js"),h=require("./index13.js"),$=l=>{const{title:i,button:s,content:e,themeName:n="alerts.item",tokens:r,icon:c,id:m}=l,{isActive:u}=d.useSwiperSlide();return!i&&!s&&!e&&!c?null:t.jsxs(t.Fragment,{children:[c&&t.jsx(h,{icon:c,themeName:`${n}.icon`,tokens:r}),(i||s||e)&&t.jsxs(a.default,{themeName:`${n}.container`,tokens:r,children:[i&&t.jsx(a.default,{as:"span",themeName:`${n}.title`,tokens:r,id:m,children:i}),s&&t.jsx(x.default,{tabIndex:u?0:-1,themeName:`${n}.button`,tokens:r,...s}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${n}.content`,tokens:r}):e)]})]})};module.exports=$;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),h=require("./index100.js"),u=require("./index24.js"),q=require("./index6.js"),N=require("./index13.js"),f=l=>{var m;const{title:r,button:c,content:e,themeName:i="alerts.item",tokens:s,icon:a,id:d}=l,{controller:t}=h.useSwiperController(),x=((m=t==null?void 0:t.slides)==null?void 0:m.findIndex($=>$.id===d))===(t==null?void 0:t.activeIndex);return!r&&!c&&!e&&!a?null:n.jsxs(n.Fragment,{children:[a&&n.jsx(N,{icon:a,themeName:`${i}.icon`,tokens:s}),(r||c||e)&&n.jsxs(u.default,{themeName:`${i}.container`,tokens:s,children:[r&&n.jsx(u.default,{as:"span",themeName:`${i}.title`,tokens:s,id:d,children:r}),c&&n.jsx(q.default,{tabIndex:x?0:-1,themeName:`${i}.button`,tokens:s,...c}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${i}.content`,tokens:s}):e)]})]})};module.exports=f;

package/index35.mjs

@@ -1,21 +1,22 @@
 "use client";
-import { jsxs as a, Fragment as d, jsx as i } from "react/jsx-runtime";
-import s from "react";
-import { useSwiperSlide as f } from "./index106.mjs";
-import c from "./index24.mjs";
-import u from "./index6.mjs";
-import N from "./index13.mjs";
-const B = (l) => {
-  const { title: o, button: n, content: e, themeName: t = "alerts.item", tokens: m, icon: r, id: p } = l, { isActive: h } = f();
-  return !o && !n && !e && !r ? null : /* @__PURE__ */ a(d, { children: [
-    r && /* @__PURE__ */ i(N, { icon: r, themeName: `${t}.icon`, tokens: m }),
-    (o || n || e) && /* @__PURE__ */ a(c, { themeName: `${t}.container`, tokens: m, children: [
-      o && /* @__PURE__ */ i(c, { as: "span", themeName: `${t}.title`, tokens: m, id: p, children: o }),
-      n && /* @__PURE__ */ i(u, { tabIndex: h ? 0 : -1, themeName: `${t}.button`, tokens: m, ...n }),
-      e && (s.isValidElement(e) ? s.cloneElement(e, { ...e.props, themeName: `${t}.content`, tokens: m }) : e)
+import { jsxs as d, Fragment as x, jsx as s } from "react/jsx-runtime";
+import l from "react";
+import { useSwiperController as N } from "./index100.mjs";
+import p from "./index24.mjs";
+import I from "./index6.mjs";
+import $ from "./index13.mjs";
+const _ = (f) => {
+  var c;
+  const { title: i, button: o, content: e, themeName: n = "alerts.item", tokens: m, icon: r, id: a } = f, { controller: t } = N(), h = ((c = t == null ? void 0 : t.slides) == null ? void 0 : c.findIndex((u) => u.id === a)) === (t == null ? void 0 : t.activeIndex);
+  return !i && !o && !e && !r ? null : /* @__PURE__ */ d(x, { children: [
+    r && /* @__PURE__ */ s($, { icon: r, themeName: `${n}.icon`, tokens: m }),
+    (i || o || e) && /* @__PURE__ */ d(p, { themeName: `${n}.container`, tokens: m, children: [
+      i && /* @__PURE__ */ s(p, { as: "span", themeName: `${n}.title`, tokens: m, id: a, children: i }),
+      o && /* @__PURE__ */ s(I, { tabIndex: h ? 0 : -1, themeName: `${n}.button`, tokens: m, ...o }),
+      e && (l.isValidElement(e) ? l.cloneElement(e, { ...e.props, themeName: `${n}.content`, tokens: m }) : e)
     ] })
   ] });
 };
 export {
-  B as default
+  _ as default
 };

package/index37.js

@@ -1 +1 @@
-"use strict";const D=require("react/jsx-runtime"),$=require("./index38.js"),I=require("./index130.js"),b=process.env.NEXT_PUBLIC_IMG_DOMAIN,p=l=>{const{fit:h,customTheme:v,thumbhash:o,description:m,width:e,height:r,id:n,filenameDownload:i,imgDomain:s=b,protocol:d="https",focalPointX:c,focalPointY:a,...g}=l;if(!n||!i)return null;if(!s)return console.warn("No image domain was provided"),null;const u=(()=>{try{const t=new URL(`/assets/${n}/${i}`,`${d}://${s}`);return t.searchParams.set("fit",h??"contain"),t}catch(t){return console.warn(t),null}})();if(u==null)return null;const f=!!c&&!!a&&!!e&&!!r;return D.jsx($,{style:f?{objectFit:"cover",objectPosition:`${c/e*100}% ${a/r*100}%`}:void 0,alt:m??"",...o?{blurDataURL:I.createPngDataUri(o),placeholder:"blur"}:{},src:u.href,...g,width:e??void 0,height:r??void 0})};module.exports=p;
+"use strict";const D=require("react/jsx-runtime"),$=require("./index38.js"),I=require("./index126.js"),b=process.env.NEXT_PUBLIC_IMG_DOMAIN,p=l=>{const{fit:h,customTheme:v,thumbhash:o,description:m,width:e,height:r,id:n,filenameDownload:i,imgDomain:s=b,protocol:d="https",focalPointX:c,focalPointY:a,...g}=l;if(!n||!i)return null;if(!s)return console.warn("No image domain was provided"),null;const u=(()=>{try{const t=new URL(`/assets/${n}/${i}`,`${d}://${s}`);return t.searchParams.set("fit",h??"contain"),t}catch(t){return console.warn(t),null}})();if(u==null)return null;const f=!!c&&!!a&&!!e&&!!r;return D.jsx($,{style:f?{objectFit:"cover",objectPosition:`${c/e*100}% ${a/r*100}%`}:void 0,alt:m??"",...o?{blurDataURL:I.createPngDataUri(o),placeholder:"blur"}:{},src:u.href,...g,width:e??void 0,height:r??void 0})};module.exports=p;

package/index37.mjs

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import p from "./index38.mjs";
-import { createPngDataUri as D } from "./index130.mjs";
+import { createPngDataUri as D } from "./index126.mjs";
 const I = process.env.NEXT_PUBLIC_IMG_DOMAIN, j = (m) => {
   const {
     fit: u,

package/index65.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index131.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,r]=e.useState(!1);e.useEffect(()=>{r(!0)},[]);const n=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:n,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index127.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,r]=e.useState(!1);e.useEffect(()=>{r(!0)},[]);const n=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:n,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;

package/index65.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import i from "./index131.mjs";
+import i from "./index127.mjs";
 import { useState as n, useEffect as u, useMemo as f } from "react";
 const [a, l] = i();
 function p({ children: t }) {

package/index66.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index131.js"),o=require("react"),v=require("react-stately"),y=require("./index99.js"),[q,x]=g.default();function R(i){const{children:l,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=o.useRef(null),P=o.useRef(null),r=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:n,overlayProps:s}=y({type:c},r),f=o.useMemo(()=>({overlayProps:s,defaultSelectedKey:u,overlayState:r,buttonProps:{closeButtonProps:n,closeButtonRef:P,openButtonProps:n,openButtonRef:d}}),[r,u,n,s]);return S.jsx(x,{value:f,children:l})}exports.SidePanelContextProvider=R;exports.useSidePanel=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index127.js"),o=require("react"),v=require("react-stately"),y=require("./index99.js"),[q,x]=g.default();function R(i){const{children:l,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=o.useRef(null),P=o.useRef(null),r=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:n,overlayProps:s}=y({type:c},r),f=o.useMemo(()=>({overlayProps:s,defaultSelectedKey:u,overlayState:r,buttonProps:{closeButtonProps:n,closeButtonRef:P,openButtonProps:n,openButtonRef:d}}),[r,u,n,s]);return S.jsx(x,{value:f,children:l})}exports.SidePanelContextProvider=R;exports.useSidePanel=q;

package/index66.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as P } from "react/jsx-runtime";
-import v from "./index131.mjs";
+import v from "./index127.mjs";
 import { useRef as u, useMemo as g } from "react";
 import { useOverlayTriggerState as y } from "react-stately";
 import S from "./index99.mjs";

package/index67.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("./index131.js"),g=require("react"),j=require("react-stately"),h=require("./index66.js"),[m,s]=q.createCtxNullable();function T({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:n,onOpenCallback:M,tabs:v,openBtn:i,closeBtn:t,...P}){const e=j.useTabListState({...P,children:v,defaultSelectedKey:r}),d=g.useMemo(()=>({openBtn:i,closeBtn:t,tabState:e,defaultSelectedKey:r}),[i,t,e,r]);return o.jsx(s,{value:d,children:o.jsx(h.SidePanelContextProvider,{onCloseCallback:()=>{var u;n==null||n(),(u=e==null?void 0:e.setSelectedKey)==null||u.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=T;exports.MenuProvider=s;exports.useMenu=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("./index127.js"),g=require("react"),j=require("react-stately"),h=require("./index66.js"),[m,s]=q.createCtxNullable();function T({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:n,onOpenCallback:M,tabs:v,openBtn:i,closeBtn:t,...P}){const e=j.useTabListState({...P,children:v,defaultSelectedKey:r}),d=g.useMemo(()=>({openBtn:i,closeBtn:t,tabState:e,defaultSelectedKey:r}),[i,t,e,r]);return o.jsx(s,{value:d,children:o.jsx(h.SidePanelContextProvider,{onCloseCallback:()=>{var u;n==null||n(),(u=e==null?void 0:e.setSelectedKey)==null||u.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=T;exports.MenuProvider=s;exports.useMenu=m;

package/index67.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { createCtxNullable as P } from "./index131.mjs";
+import { createCtxNullable as P } from "./index127.mjs";
 import { useMemo as f } from "react";
 import { useTabListState as h } from "react-stately";
 import { SidePanelContextProvider as c } from "./index66.mjs";

package/index69.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index131.js"),u=require("react"),[d,r]=s.createCtxNullable();function a(t){const{state:e,children:c,TransitionAnimation:o}=t,n=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(r,{value:n,children:c})}exports.AccordionContextProvider=a;exports.AccordionProvider=r;exports.useAccordionCtx=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index127.js"),u=require("react"),[d,r]=s.createCtxNullable();function a(t){const{state:e,children:c,TransitionAnimation:o}=t,n=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(r,{value:n,children:c})}exports.AccordionContextProvider=a;exports.AccordionProvider=r;exports.useAccordionCtx=d;

package/index69.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { createCtxNullable as c } from "./index131.mjs";
+import { createCtxNullable as c } from "./index127.mjs";
 import { useMemo as m } from "react";
 const [l, s] = c();
 function x(t) {

package/index70.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index131.js"),t=require("react"),[l,s]=i.default();function S(u){const{userQuery:o,children:a}=u,[e,r]=t.useState(o),c=t.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(s,{value:c,children:a})}exports.SearchBarProvider=S;exports.SearchProvider=s;exports.useUserQueryValHook=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index127.js"),t=require("react"),[l,s]=i.default();function S(u){const{userQuery:o,children:a}=u,[e,r]=t.useState(o),c=t.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(s,{value:c,children:a})}exports.SearchBarProvider=S;exports.SearchProvider=s;exports.useUserQueryValHook=l;

package/index70.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import c from "./index131.mjs";
+import c from "./index127.mjs";
 import { useState as n, useMemo as i } from "react";
 const [f, m] = c();
 function p(o) {

package/index79.js

@@ -1 +1 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index81.js"),r=require("./index95.js"),n=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),a=e.tv({base:"flex justify-between items-center gap-4 relative"}),s=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),v=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),d=e.tv({extend:t,variants:{order:{prev:"order-1",next:"order-3"}}}),u=e.tv({base:"flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),w={wrapper:n,container:a,closeBtn:s,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:v},navigation:{button:d},pagination:{wrapper:u,bullet:g}};module.exports=w;
+"use strict";const e=require("tailwind-variants"),t=require("./index81.js"),r=require("./index95.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex justify-between items-center gap-4 relative"}),n=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),u=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),v=e.tv({extend:t,variants:{order:{prev:"order-1",next:"order-3"}}}),d=e.tv({base:"flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),w={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:u},navigation:{button:v},pagination:{wrapper:d,bullet:g}};module.exports=w;

package/index79.mjs

@@ -5,17 +5,17 @@ const a = e({
   base: "bg-color-1-200 p-4 flex flex-col gap-4"
 }), o = e({
   base: "flex justify-between items-center gap-4 relative"
-}), n = e({
+}), s = e({
   extend: t,
   base: "self-end"
-}), s = e({
+}), n = e({
   base: "bg-color-1-300 m-2 rounded-lg order-2"
 }), l = e({
   base: "m-4"
-}), i = e({
-  base: ""
 }), p = e({
   base: ""
+}), i = e({
+  base: ""
 }), c = e({
   extend: r,
   defaultVariants: {
@@ -33,9 +33,9 @@ const a = e({
       next: "order-3"
     }
   }
-}), d = e({
+}), u = e({
   base: "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"
-}), f = e({
+}), d = e({
   base: "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",
   variants: {
     active: {
@@ -45,15 +45,15 @@ const a = e({
   }
 }), v = {
   wrapper: a,
-  container: o,
-  closeBtn: n,
+  carouselWrapper: o,
+  closeBtn: s,
   swiper: {
-    swiper: s,
+    swiper: n,
     wrapper: l
   },
   item: {
-    wrapper: i,
-    container: p,
+    wrapper: p,
+    container: i,
     title: c,
     content: b,
     icon: g
@@ -62,8 +62,8 @@ const a = e({
     button: m
   },
   pagination: {
-    wrapper: d,
-    bullet: f
+    wrapper: u,
+    bullet: d
   }
 };
 export {

package/index83.js

@@ -1 +1,9 @@
-"use strict";const e=require("tailwind-variants"),t=e.tv({base:"flex justify-between items-center relative h-[475px] mb-18 lg:h-[650px]"}),r=e.tv({base:"bg-color-1-400 !py-4"}),o=e.tv({base:"bg-color-1-100 py-4"}),s=e.tv({base:"flex justify-center m-auto px-8 w-full h-full"}),a=e.tv({base:"bg-color-1-200 p-2"}),n=e.tv({base:"bg-color-1-500 rounded-full p-4 text-white"}),i={container:t,slideContainer:s,slideWrapper:a,navigationButtons:n,swiper:r,swiperWrapper:o};module.exports=i;
+"use strict";const e=require("tailwind-variants"),r=require("./index81.js"),t=e.tv({base:"flex justify-between items-center gap-4 relative"}),o=e.tv({base:`
+    bg-color-1-300
+    m-2
+    rounded-lg
+    order-2
+    focus-visible:outline-2
+  focus-visible:outline-black
+    focus-visible:outline-offset-2
+  `}),a=e.tv({base:"m-4"}),s=e.tv({extend:r,variants:{order:{prev:"order-1",next:"order-3"}}}),i=e.tv({base:"flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"}),n=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),l=e.tv({base:"bg-color-1-400 "}),c=e.tv({base:""}),u={carouselWrapper:t,swiper:{swiper:o,wrapper:a},navigation:{button:s},pagination:{wrapper:i,bullet:n},slide:{wrapper:l,container:c}};module.exports=u;

package/index83.mjs

@@ -1,24 +1,59 @@
 import { tv as e } from "tailwind-variants";
-const o = e({
-  base: "flex justify-between items-center relative h-[475px] mb-18 lg:h-[650px]"
-}), r = e({
-  base: "bg-color-1-400 !py-4"
+import o from "./index81.mjs";
+const r = e({
+  base: "flex justify-between items-center gap-4 relative"
 }), t = e({
-  base: "bg-color-1-100 py-4"
-}), s = e({
-  base: "flex justify-center m-auto px-8 w-full h-full"
+  base: `
+    bg-color-1-300
+    m-2
+    rounded-lg
+    order-2
+    focus-visible:outline-2
+  focus-visible:outline-black
+    focus-visible:outline-offset-2
+  `
 }), a = e({
-  base: "bg-color-1-200 p-2"
+  base: "m-4"
+}), s = e({
+  extend: o,
+  variants: {
+    order: {
+      prev: "order-1",
+      next: "order-3"
+    }
+  }
+}), i = e({
+  base: "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"
 }), l = e({
-  base: "bg-color-1-500 rounded-full p-4 text-white"
-}), i = {
-  container: o,
-  slideContainer: s,
-  slideWrapper: a,
-  navigationButtons: l,
-  swiper: r,
-  swiperWrapper: t
+  base: "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",
+  variants: {
+    active: {
+      true: "bg-color-1-100",
+      false: ""
+    }
+  }
+}), n = e({
+  base: "bg-color-1-400 "
+}), c = e({
+  base: ""
+}), b = {
+  carouselWrapper: r,
+  swiper: {
+    swiper: t,
+    wrapper: a
+  },
+  navigation: {
+    button: s
+  },
+  pagination: {
+    wrapper: i,
+    bullet: l
+  },
+  slide: {
+    wrapper: n,
+    container: c
+  }
 };
 export {
-  i as default
+  b as default
 };

package/index96.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@react-aria/utils"),b=require("./index166.js"),c=require("./index167.js"),p=require("./index168.js");function y(r,e,o){let{item:t}=r,i=s.useId(),n=s.useId(),d=e.disabledKeys.has(t.key),{itemProps:a}=c.useSelectableItem({selectionManager:e.selectionManager,key:t.key,ref:o}),{buttonProps:u}=b.useButton(s.mergeProps(a,{id:i,elementType:"button",isDisabled:d,onPress:()=>e.toggleKey(t.key)}),o),l=e.expandedKeys.has(t.key);return{buttonProps:{...u,"aria-expanded":l,"aria-controls":l?n:void 0},regionProps:{id:n,role:"region","aria-labelledby":i}}}function f(r,e,o){let{listProps:t}=p.useSelectableList({...r,...e,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:o});return{accordionProps:{...t,tabIndex:void 0}}}exports.useAccordion=f;exports.useAccordionItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@react-aria/utils"),b=require("./index138.js"),c=require("./index139.js"),p=require("./index140.js");function y(r,e,o){let{item:t}=r,i=s.useId(),n=s.useId(),d=e.disabledKeys.has(t.key),{itemProps:a}=c.useSelectableItem({selectionManager:e.selectionManager,key:t.key,ref:o}),{buttonProps:u}=b.useButton(s.mergeProps(a,{id:i,elementType:"button",isDisabled:d,onPress:()=>e.toggleKey(t.key)}),o),l=e.expandedKeys.has(t.key);return{buttonProps:{...u,"aria-expanded":l,"aria-controls":l?n:void 0},regionProps:{id:n,role:"region","aria-labelledby":i}}}function f(r,e,o){let{listProps:t}=p.useSelectableList({...r,...e,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:o});return{accordionProps:{...t,tabIndex:void 0}}}exports.useAccordion=f;exports.useAccordionItem=y;

package/index96.mjs

@@ -1,7 +1,7 @@
 import { useId as i, mergeProps as b } from "@react-aria/utils";
-import { useButton as u } from "./index166.mjs";
-import { useSelectableItem as c } from "./index167.mjs";
-import { useSelectableList as f } from "./index168.mjs";
+import { useButton as u } from "./index138.mjs";
+import { useSelectableItem as c } from "./index139.mjs";
+import { useSelectableList as f } from "./index140.mjs";
 function x(r, e, t) {
   let { item: o } = r, a = i(), d = i(), n = e.disabledKeys.has(o.key), { itemProps: l } = c({
     selectionManager: e.selectionManager,

package/index97.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("./index96.js"),T=require("react"),m=require("react-aria"),R=require("react-use"),b=require("./index69.js"),F=require("./index132.js"),i=require("./index24.js"),w=require("./index6.js"),C=require("./index13.js"),I=r=>{const{item:c,tokens:l,customTheme:h}=r,{props:x,rendered:k,key:f}=c,{icon:u,title:q,onOpenChange:a,tokens:$,themeName:g}=x??{},{themeName:t=g}=r,d=T.useRef(null),{state:s,TransitionAnimation:j=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...N},regionProps:A}=y.useAccordionItem(r,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...$},p=P=>{P.continuePropagation(),s.selectionManager.select(c.key),s.toggleKey(c.key)};return R.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...N,"aria-expanded":o,handlePress:p,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:q}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(j,{isVisible:o,themeName:`${t}.region`,...A,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;
+"use strict";const e=require("react/jsx-runtime"),y=require("./index96.js"),T=require("react"),m=require("react-aria"),R=require("react-use"),b=require("./index69.js"),F=require("./index128.js"),i=require("./index24.js"),w=require("./index6.js"),C=require("./index13.js"),I=r=>{const{item:c,tokens:l,customTheme:h}=r,{props:x,rendered:k,key:f}=c,{icon:u,title:q,onOpenChange:a,tokens:$,themeName:g}=x??{},{themeName:t=g}=r,d=T.useRef(null),{state:s,TransitionAnimation:j=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...N},regionProps:A}=y.useAccordionItem(r,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...$},p=P=>{P.continuePropagation(),s.selectionManager.select(c.key),s.toggleKey(c.key)};return R.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...N,"aria-expanded":o,handlePress:p,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:q}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(j,{isVisible:o,themeName:`${t}.region`,...A,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;

package/index97.mjs

@@ -4,7 +4,7 @@ import { useRef as F } from "react";
 import { FocusRing as I, FocusScope as R } from "react-aria";
 import { useUpdateEffect as w } from "react-use";
 import { useAccordionCtx as B } from "./index69.mjs";
-import C from "./index132.mjs";
+import C from "./index128.mjs";
 import i from "./index24.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index13.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "types": "./index.d.ts",
   "exports": {
     ".": {

package/providers/Swiper/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TSwiperControllerContext, TSwiperControllerProviderProps } from './interface';
+export declare const useSwiperController: () => TSwiperControllerContext, SwiperControllerProvider: import("react").Provider<TSwiperControllerContext | undefined>;
+export declare function SwiperControllerContextProvider(props: TSwiperControllerProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/{Alerts → Swiper}/interface.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
 import type { SwiperClass } from 'swiper/react';
-export interface TAlertsControllerProviderProps {
+export interface TSwiperControllerProviderProps {
     children: ReactNode;
     controller: SwiperClass | undefined;
 }
-export type TAlertsControllerContext = {
+export type TSwiperControllerContext = {
     controller: SwiperClass | undefined;
 };

package/theme/Alerts/index.d.ts

@@ -1,6 +1,6 @@
 declare const alertsTheme: {
     wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-    container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    carouselWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
     closeBtn: import("tailwind-variants").TVReturnType<{} | {
         buttonStyle: {
             default: import("tailwind-variants").ClassValue | {