@okam/stack-ui 1.40.1 → 1.41.1

package/index132.mjs

@@ -1,26 +1,73 @@
-"use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import u from "react";
-import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
-import x, { BoxWithForwardRef as R } from "./index28.mjs";
-const j = (r) => {
-  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
-    {
-      ...r,
-      popoverRef: s,
-      triggerRef: l
+import { tv as t } from "tailwind-variants";
+const o = t({
+  base: "flex print:hidden relative",
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "flex-row",
+      column: "flex-col"
+    }
+  }
+}), r = t({
+  base: "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",
+  variants: {
+    isOpen: {
+      true: "",
+      false: ""
+    }
+  }
+}), i = t({
+  base: "!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "flex-row pl-14 h-16 left-0",
+      column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"
     },
-    o
-  );
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
-    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
-      /* @__PURE__ */ e(i, { onDismiss: o.close }),
-      m,
-      /* @__PURE__ */ e(i, { onDismiss: o.close })
-    ] }) })
-  ] });
-};
+    isOpen: {
+      true: "opacity-100 visible",
+      false: ""
+    }
+  }
+}), n = t({
+  base: `
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "last:rounded-r-full h-full",
+      column: "last:rounded-b-full"
+    }
+  }
+}), l = t({
+  base: "text-white"
+}), s = t({
+  base: ""
+});
 export {
-  j as default
+  r as shareButton,
+  o as shareButtonContainer,
+  l as shareButtonIcon,
+  n as shareButtonLink,
+  s as shareButtonLinkIcons,
+  i as shareButtonLinksList
 };

package/index133.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index134.js"),c=require("./index170.js"),D=require("./index172.js"),y=require("./index173.js"),I=require("./index174.js");function h(e,s,i){let a=c.useFormValidationState({...e,value:s.isSelected}),{isInvalid:r,validationErrors:v,validationDetails:P}=a.displayValidation,{labelProps:m,inputProps:b,isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o}=I.useToggle({...e,isInvalid:r},s,i);D.useFormValidation(e,a,i);let{isIndeterminate:p,isRequired:d,validationBehavior:n="aria"}=e;V.useEffect(()=>{i.current&&(i.current.indeterminate=!!p)});let{pressProps:q}=y.usePress({isDisabled:l||o,onPress(){let{[c.privateValidationStateProp]:u}=e,{commitValidation:g}=u||a;g()}});return{labelProps:f.mergeProps(m,q),inputProps:{...b,checked:t,"aria-required":d&&n==="aria"||void 0,required:d&&n==="native"},isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o,isInvalid:r,validationErrors:v,validationDetails:P}}exports.useCheckbox=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"}),t=e.tv({base:"h-full w-full flex justify-end"}),a=e.tv({base:"bg-gray-300 h-full w-full overflow-y-auto"});exports.sidePanelContainer=t;exports.sidePanelInnerContainer=a;exports.sidePanelWrapper=n;

package/index133.mjs

@@ -1,46 +1,9 @@
-import { useEffect as x } from "react";
-import { mergeProps as S } from "./index134.mjs";
-import { useFormValidationState as D, privateValidationStateProp as V } from "./index170.mjs";
-import { useFormValidation as I } from "./index172.mjs";
-import { usePress as g } from "./index173.mjs";
-import { useToggle as h } from "./index174.mjs";
-function F(e, r, i) {
-  let a = D({
-    ...e,
-    value: r.isSelected
-  }), { isInvalid: t, validationErrors: f, validationDetails: b } = a.displayValidation, { labelProps: m, inputProps: p, isSelected: s, isPressed: $, isDisabled: o, isReadOnly: d } = h({
-    ...e,
-    isInvalid: t
-  }, r, i);
-  I(e, a, i);
-  let { isIndeterminate: v, isRequired: l, validationBehavior: n = "aria" } = e;
-  x(() => {
-    i.current && (i.current.indeterminate = !!v);
-  });
-  let { pressProps: u } = g({
-    isDisabled: o || d,
-    onPress() {
-      let { [V]: c } = e, { commitValidation: P } = c || a;
-      P();
-    }
-  });
-  return {
-    labelProps: S(m, u),
-    inputProps: {
-      ...p,
-      checked: s,
-      "aria-required": l && n === "aria" || void 0,
-      required: l && n === "native"
-    },
-    isSelected: s,
-    isPressed: $,
-    isDisabled: o,
-    isReadOnly: d,
-    isInvalid: t,
-    validationErrors: f,
-    validationDetails: b
-  };
-}
+import { tv as e } from "tailwind-variants";
+const o = e({
+  base: "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"
+}), t = e({ base: "h-full w-full flex justify-end" }), a = e({ base: "bg-gray-300 h-full w-full overflow-y-auto" });
 export {
-  F as useCheckbox
+  t as sidePanelContainer,
+  a as sidePanelInnerContainer,
+  o as sidePanelWrapper
 };

package/index134.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index178.js"),l=require("./index162.js"),f=require("./index182.js");function u(...i){let r={...i[0]};for(let n=1;n<i.length;n++){let s=i[n];for(let e in s){let o=r[e],t=s[e];typeof o=="function"&&typeof t=="function"&&e[0]==="o"&&e[1]==="n"&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?r[e]=c.chain(o,t):(e==="className"||e==="UNSAFE_className")&&typeof o=="string"&&typeof t=="string"?r[e]=f.clsx(o,t):e==="id"&&o&&t?r.id=l.mergeIds(o,t):r[e]=t!==void 0?t:o}}return r}exports.mergeProps=u;
+"use strict";const t=require("tailwind-variants"),e=require("./index137.js"),r=t.tv({base:`
+    flex
+    flex-col
+    gap-4
+  `}),a=t.tv({base:`
+    flex
+    gap-4
+  `,variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),o=t.tv({base:`
+    flex
+    flex-wrap
+    gap-4
+  `,variants:{orientation:{horizontal:"flex-row items-center",vertical:"flex-col items-end"}},defaultVariants:{orientation:"horizontal"}}),i=t.tv({extend:e,defaultVariants:{size:"h3"}}),n=t.tv({base:`
+    focus-ring-black
+    transition-all
+    duration-200
+  `}),s=t.tv({base:`
+    mt-4
+    p-4
+    bg-color-1-100
+    rounded-md
+    focus-ring-black
+    transition-all
+    duration-200
+  `}),l=t.tv({extend:e,base:`
+    focus-ring-black
+    transition-all
+    duration-200
+    px-4
+    py-2
+  `,variants:{orientation:{horizontal:"border-b border-b-4",vertical:"border-r border-r-4"},isSelected:{true:`
+        border-color-1-500
+        hover:border-color-1-900
+        active:border-color-1-900
+      `,false:`
+        border-color-1-200
+        hover:border-color-1-400
+        active:border-color-1-400
+      `},isDisabled:{true:`
+        opacity-30
+        pointer-events-none
+      `},isFocusVisible:{true:"has-focus-ring"}},defaultVariants:{size:"h6"}}),c={wrapper:r,container:a,list:o,label:i,panel:{transition:n,container:s},tab:l};module.exports=c;

package/index134.mjs

@@ -1,22 +1,108 @@
-import { chain as n } from "./index178.mjs";
-import { mergeIds as s } from "./index162.mjs";
-import { clsx as l } from "./index182.mjs";
-function a(...r) {
-  let o = {
-    ...r[0]
-  };
-  for (let c = 1; c < r.length; c++) {
-    let i = r[c];
-    for (let e in i) {
-      let f = o[e], t = i[e];
-      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
-      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
-      65 && e.charCodeAt(2) <= /* 'Z' */
-      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
+import { tv as t } from "tailwind-variants";
+import r from "./index137.mjs";
+const a = t({
+  base: `
+    flex
+    flex-col
+    gap-4
+  `
+}), o = t({
+  base: `
+    flex
+    gap-4
+  `,
+  variants: {
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
     }
   }
-  return o;
-}
+}), e = t({
+  base: `
+    flex
+    flex-wrap
+    gap-4
+  `,
+  variants: {
+    orientation: {
+      horizontal: "flex-row items-center",
+      vertical: "flex-col items-end"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), i = t({
+  extend: r,
+  defaultVariants: {
+    size: "h3"
+  }
+}), n = t({
+  base: `
+    focus-ring-black
+    transition-all
+    duration-200
+  `
+}), s = t({
+  base: `
+    mt-4
+    p-4
+    bg-color-1-100
+    rounded-md
+    focus-ring-black
+    transition-all
+    duration-200
+  `
+}), l = t({
+  extend: r,
+  base: `
+    focus-ring-black
+    transition-all
+    duration-200
+    px-4
+    py-2
+  `,
+  variants: {
+    orientation: {
+      horizontal: "border-b border-b-4",
+      vertical: "border-r border-r-4"
+    },
+    isSelected: {
+      true: `
+        border-color-1-500
+        hover:border-color-1-900
+        active:border-color-1-900
+      `,
+      false: `
+        border-color-1-200
+        hover:border-color-1-400
+        active:border-color-1-400
+      `
+    },
+    isDisabled: {
+      true: `
+        opacity-30
+        pointer-events-none
+      `
+    },
+    isFocusVisible: {
+      true: "has-focus-ring"
+    }
+  },
+  defaultVariants: {
+    size: "h6"
+  }
+}), d = {
+  wrapper: a,
+  container: o,
+  list: e,
+  label: i,
+  panel: {
+    transition: n,
+    container: s
+  },
+  tab: l
+};
 export {
-  a as mergeProps
+  d as default
 };

package/index135.js

@@ -1 +1,47 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index134.js"),o=require("react"),p=require("./index204.js"),c={border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function u(s={}){let{style:e,isFocusable:t}=s,[i,n]=o.useState(!1),{focusWithinProps:l}=p.useFocusWithin({isDisabled:!t,onFocusWithinChange:a=>n(a)}),r=o.useMemo(()=>i?e:e?{...c,...e}:c,[i]);return{visuallyHiddenProps:{...l,style:r}}}function h(s){let{children:e,elementType:t="div",isFocusable:i,style:n,...l}=s,{visuallyHiddenProps:r}=u(s);return o.createElement(t,d.mergeProps(l,r),e)}exports.VisuallyHidden=h;exports.useVisuallyHidden=u;
+"use strict";const e=require("tailwind-variants"),t=require("./index137.js"),r=e.tv({base:`
+    flex
+    flex-col
+    gap-4
+  `}),o=e.tv({base:`
+    w-full
+    flex
+    flex-wrap
+    gap-2
+  `}),a=e.tv({extend:t,defaultVariants:{size:"h4"}}),s=e.tv({extend:t,defaultVariants:{size:"paragraph"}}),i=e.tv({extend:t,defaultVariants:{size:"paragraph",isError:!0}}),n=e.tv({base:`
+    focus-visible:outline
+    focus-visible:outline-offset-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    cursor-pointer
+    transition-all
+    duration-200
+  `,variants:{isSelected:{true:"bg-color-1-800 text-white"},isDisabled:{true:"opacity-50 pointer-events-none"},isLink:{true:`
+        border-b
+        border-color-1-300
+        px-2
+        py-0.5
+        mx-2
+        text-color-1-500
+        hover:text-color-1-700
+        hover:border-color-1-700
+        active:text-color-1-900
+        active:border-color-1-900
+      `,false:`
+        p-2
+        bg-color-1-200
+        rounded-full
+        hover:bg-color-1-300
+        active:bg-color-1-400
+        active:text-white
+      `}},defaultVariants:{isLink:!1}}),l=e.tv({base:`
+    flex
+    items-center
+    gap-2
+  `}),c=e.tv({base:`
+    aspect-square
+    rounded-full
+    bg-black/30
+    p-1
+    h-auto
+    w-8
+  `}),u={wrapper:r,tags:o,label:a,description:s,errorMessage:i,tag:{wrapper:n,container:l,removeButton:c}};module.exports=u;

package/index135.mjs

@@ -1,40 +1,104 @@
-import { mergeProps as n } from "./index134.mjs";
-import d, { useState as u, useMemo as p } from "react";
-import { useFocusWithin as f } from "./index204.mjs";
-const a = {
-  border: 0,
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  margin: "-1px",
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  width: "1px",
-  whiteSpace: "nowrap"
-};
-function $(s = {}) {
-  let { style: e, isFocusable: t } = s, [i, r] = u(!1), { focusWithinProps: l } = f({
-    isDisabled: !t,
-    onFocusWithinChange: (c) => r(c)
-  }), o = p(() => i ? e : e ? {
-    ...a,
-    ...e
-  } : a, [
-    i
-  ]);
-  return {
-    visuallyHiddenProps: {
-      ...l,
-      style: o
+import { tv as e } from "tailwind-variants";
+import t from "./index137.mjs";
+const o = e({
+  base: `
+    flex
+    flex-col
+    gap-4
+  `
+}), r = e({
+  base: `
+    w-full
+    flex
+    flex-wrap
+    gap-2
+  `
+}), a = e({
+  extend: t,
+  defaultVariants: {
+    size: "h4"
+  }
+}), s = e({
+  extend: t,
+  defaultVariants: {
+    size: "paragraph"
+  }
+}), i = e({
+  extend: t,
+  defaultVariants: {
+    size: "paragraph",
+    isError: !0
+  }
+}), l = e({
+  base: `
+    focus-visible:outline
+    focus-visible:outline-offset-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    cursor-pointer
+    transition-all
+    duration-200
+  `,
+  variants: {
+    isSelected: {
+      true: "bg-color-1-800 text-white"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    isLink: {
+      true: `
+        border-b
+        border-color-1-300
+        px-2
+        py-0.5
+        mx-2
+        text-color-1-500
+        hover:text-color-1-700
+        hover:border-color-1-700
+        active:text-color-1-900
+        active:border-color-1-900
+      `,
+      false: `
+        p-2
+        bg-color-1-200
+        rounded-full
+        hover:bg-color-1-300
+        active:bg-color-1-400
+        active:text-white
+      `
     }
-  };
-}
-function y(s) {
-  let { children: e, elementType: t = "div", isFocusable: i, style: r, ...l } = s, { visuallyHiddenProps: o } = $(s);
-  return /* @__PURE__ */ d.createElement(t, n(l, o), e);
-}
+  },
+  defaultVariants: {
+    isLink: !1
+  }
+}), n = e({
+  base: `
+    flex
+    items-center
+    gap-2
+  `
+}), p = e({
+  base: `
+    aspect-square
+    rounded-full
+    bg-black/30
+    p-1
+    h-auto
+    w-8
+  `
+}), g = {
+  wrapper: o,
+  tags: r,
+  label: a,
+  description: s,
+  errorMessage: i,
+  tag: {
+    wrapper: l,
+    container: n,
+    removeButton: p
+  }
+};
 export {
-  y as VisuallyHidden,
-  $ as useVisuallyHidden
+  g as default
 };

package/index136.js

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index171.js");function a(e={}){let{isReadOnly:t}=e,[l,d]=o.useControlledState(e.isSelected,e.defaultSelected||!1,e.onChange);function c(i){t||d(i)}function n(){t||d(!l)}return{isSelected:l,setSelected:c,toggle:n}}exports.useToggleState=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("tailwind-variants"),e=r.tv({base:`
+    w-full
+    min-h-32
+    rounded-2xl
+    px-6
+    h-12
+    border-2
+    border-solid
+    transition
+    duration-300
+    ease-in-out
+    text-gray-2
+    placeholder:text-gray-2
+    focus-ring-black
+    
+  `,variants:{isError:{true:"border-red-500"}}});exports.textArea=e;

package/index136.mjs

@@ -1,18 +1,27 @@
-import { useControlledState as n } from "./index171.mjs";
-function o(e = {}) {
-  let { isReadOnly: t } = e, [l, c] = n(e.isSelected, e.defaultSelected || !1, e.onChange);
-  function d(f) {
-    t || c(f);
+import { tv as r } from "tailwind-variants";
+const t = r({
+  base: `
+    w-full
+    min-h-32
+    rounded-2xl
+    px-6
+    h-12
+    border-2
+    border-solid
+    transition
+    duration-300
+    ease-in-out
+    text-gray-2
+    placeholder:text-gray-2
+    focus-ring-black
+    
+  `,
+  variants: {
+    isError: {
+      true: "border-red-500"
+    }
   }
-  function a() {
-    t || c(!l);
-  }
-  return {
-    isSelected: l,
-    setSelected: d,
-    toggle: a
-  };
-}
+});
 export {
-  o as useToggleState
+  t as textArea
 };

package/index137.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),G=require("./index255.js"),I=require("./index256.js"),d=require("./index257.js");function T(){return T=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(s[n]=a[n])}return s},T.apply(this,arguments)}function A(s){return s.type&&s.type.displayName&&s.type.displayName.includes("SwiperSlide")}function V(s){const t=[];return e.Children.toArray(s).forEach(a=>{A(a)?t.push(a):a.props&&a.props.children&&V(a.props.children).forEach(n=>t.push(n))}),t}function J(s){const t=[],a={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return e.Children.toArray(s).forEach(n=>{if(A(n))t.push(n);else if(n.props&&n.props.slot&&a[n.props.slot])a[n.props.slot].push(n);else if(n.props&&n.props.children){const c=V(n.props.children);c.length>0?c.forEach(l=>t.push(l)):a["container-end"].push(n)}else a["container-end"].push(n)}),{slides:t,slots:a}}function K(s,t,a){if(!a)return null;const n=o=>{let i=o;return o<0?i=t.length+o:i>=t.length&&(i=i-t.length),i},c=s.isHorizontal()?{[s.rtlTranslate?"right":"left"]:`${a.offset}px`}:{top:`${a.offset}px`},{from:l,to:p}=a,y=s.params.loop?-t.length:0,h=s.params.loop?t.length*2:t.length,S=[];for(let o=y;o<h;o+=1)o>=l&&o<=p&&S.push(t[n(o)]);return S.map((o,i)=>e.cloneElement(o,{swiper:s,style:c,key:o.props.virtualIndex||o.key||`slide-${i}`}))}function N(s,t){return typeof window>"u"?e.useEffect(s,t):e.useLayoutEffect(s,t)}const B=e.createContext(null),Q=()=>e.useContext(B),X=e.createContext(null),F=e.forwardRef(function(s,t){let{className:a,tag:n="div",wrapperTag:c="div",children:l,onSwiper:p,...y}=s===void 0?{}:s,h=!1;const[S,o]=e.useState("swiper"),[i,m]=e.useState(null),[C,O]=e.useState(!1),P=e.useRef(!1),w=e.useRef(null),r=e.useRef(null),x=e.useRef(null),z=e.useRef(null),$=e.useRef(null),b=e.useRef(null),R=e.useRef(null),k=e.useRef(null),{params:f,passedParams:L,rest:D,events:v}=I.g(y),{slides:g,slots:j}=J(l),_=()=>{O(!C)};Object.assign(f.on,{_containerClasses(u,E){o(E)}});const q=()=>{Object.assign(f.on,v),h=!0;const u={...f};if(delete u.wrapperClass,r.current=new G.S(u),r.current.virtual&&r.current.params.virtual.enabled){r.current.virtual.slides=g;const E={cache:!1,slides:g,renderExternal:m,renderExternalUpdate:!1};d.e(r.current.params.virtual,E),d.e(r.current.originalParams.virtual,E)}};w.current||q(),r.current&&r.current.on("_beforeBreakpoint",_);const H=()=>{h||!v||!r.current||Object.keys(v).forEach(u=>{r.current.on(u,v[u])})},M=()=>{!v||!r.current||Object.keys(v).forEach(u=>{r.current.off(u,v[u])})};e.useEffect(()=>()=>{r.current&&r.current.off("_beforeBreakpoint",_)}),e.useEffect(()=>{!P.current&&r.current&&(r.current.emitSlidesClasses(),P.current=!0)}),N(()=>{if(t&&(t.current=w.current),!!w.current)return r.current.destroyed&&q(),I.m({el:w.current,nextEl:$.current,prevEl:b.current,paginationEl:R.current,scrollbarEl:k.current,swiper:r.current},f),p&&!r.current.destroyed&&p(r.current),()=>{r.current&&!r.current.destroyed&&r.current.destroy(!0,!1)}},[]),N(()=>{H();const u=I.a(L,x.current,g,z.current,E=>E.key);return x.current=L,z.current=g,u.length&&r.current&&!r.current.destroyed&&d.u({swiper:r.current,slides:g,passedParams:L,changedParams:u,nextEl:$.current,prevEl:b.current,scrollbarEl:k.current,paginationEl:R.current}),()=>{M()}}),N(()=>{I.u(r.current)},[i]);function U(){return f.virtual?K(r.current,g,i):g.map((u,E)=>e.cloneElement(u,{swiper:r.current,swiperSlideIndex:E}))}return e.createElement(n,T({ref:w,className:d.d(`${S}${a?` ${a}`:""}`)},D),e.createElement(X.Provider,{value:r.current},j["container-start"],e.createElement(c,{className:d.w(f.wrapperClass)},j["wrapper-start"],U(),j["wrapper-end"]),d.n(f)&&e.createElement(e.Fragment,null,e.createElement("div",{ref:b,className:"swiper-button-prev"}),e.createElement("div",{ref:$,className:"swiper-button-next"})),d.b(f)&&e.createElement("div",{ref:k,className:"swiper-scrollbar"}),d.a(f)&&e.createElement("div",{ref:R,className:"swiper-pagination"}),j["container-end"]))});F.displayName="Swiper";const W=e.forwardRef(function(s,t){let{tag:a="div",children:n,className:c="",swiper:l,zoom:p,lazy:y,virtualIndex:h,swiperSlideIndex:S,...o}=s===void 0?{}:s;const i=e.useRef(null),[m,C]=e.useState("swiper-slide"),[O,P]=e.useState(!1);function w($,b,R){b===i.current&&C(R)}N(()=>{if(typeof S<"u"&&(i.current.swiperSlideIndex=S),t&&(t.current=i.current),!(!i.current||!l)){if(l.destroyed){m!=="swiper-slide"&&C("swiper-slide");return}return l.on("_slideClass",w),()=>{l&&l.off("_slideClass",w)}}}),N(()=>{l&&i.current&&!l.destroyed&&C(l.getSlideClasses(i.current))},[l]);const r={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},x=()=>typeof n=="function"?n(r):n,z=()=>{P(!0)};return e.createElement(a,T({ref:i,className:d.d(`${m}${c?` ${c}`:""}`),"data-swiper-slide-index":h,onLoad:z},o),p&&e.createElement(B.Provider,{value:r},e.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof p=="number"?p:void 0},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"}))),!p&&e.createElement(B.Provider,{value:r},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"})))});W.displayName="SwiperSlide";exports.Swiper=F;exports.SwiperSlide=W;exports.useSwiperSlide=Q;
+"use strict";const t=require("tailwind-variants"),e=t.tv({variants:{size:{h1:"text-5xl",h2:"text-4xl",h3:"text-3xl",h4:"text-2xl",h5:"text-xl",h6:"text-lg",leading:"text-md font-bold leading-normal",paragraph:"text-md inline",footnotes:"text-sm",xs:"text-xs"},font:{body:"font-body"},weight:{normal:"font-normal",light:"font-light",bold:"font-bold"},color:{gray:"text-gray-500",white:"text-white"},isError:{true:"text-sm text-error py-3"},align:{center:"text-center",left:"text-left",right:"text-right"}},defaultVariants:{size:"paragraph",font:"body"}});module.exports=e;