@okam/stack-ui 1.44.3 → 1.44.4

package/index147.js

@@ -1,2 +1,64 @@
-"use client";
-"use strict";const n=require("react/jsx-runtime"),u=require("react-aria"),o=require("./index114.js"),c=r=>{const{a11y:e,announcerProps:s}=o.useCarouselA11yAnnouncer(r);return e!=null&&e.enabled?n.jsx(u.VisuallyHidden,{children:n.jsx("div",{...s})}):null};module.exports=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"text-gray-800 flex flex-col gap-4"}),a=e.tv({base:"flex items-center justify-between"}),r=e.tv({base:"text-2xl text-color-1-500 font-bold"}),l=e.tv({base:""});e.tv({base:""});e.tv({base:""});e.tv({base:""});const n=e.tv({base:"flex items-center gap-1"}),s=e.tv({base:`
+    active:bg-color-1-500
+    p-2
+    rounded-full
+    active:text-color-1-100
+    hover:bg-color-1-200
+    focus-ring-black
+    transition-all
+    duration-300
+    ease-in-out
+  `}),i=e.tv({base:`
+    border-spacing-2
+    border-separate
+  `}),o=e.tv({base:`
+    text-center
+    capitalize
+    rounded-lg
+    p-2
+    mx-2
+    bg-color-1-300
+  `}),c=e.tv({base:"text-center",variants:{isFocusVisible:{true:"z-10",false:""}}}),d=e.tv({base:"w-10 h-10",variants:{isSelected:{true:"",false:""},isInvalid:{true:"",false:""},isDisabled:{true:"disabled pointer-events-none",false:""},isUnavailable:{true:"pointer-events-none",false:""},isOutsideRange:{true:"pointer-events-none",false:""},isOutsideVisibleRange:{true:"pointer-events-none",false:""},isRoundedLeft:{true:"rounded-l-full",false:""},isRoundedRight:{true:"rounded-r-full",false:""}},compoundVariants:[{isSelected:[!0,!1],isInvalid:!0,class:"bg-error-400 hover:bg-error-500"},{isSelected:!0}]}),u=e.tv({base:`
+    w-full
+    h-full
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    transition-all
+    duration-100
+    ease-in-out
+    relative
+  `,variants:{isSelected:{true:`
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `,false:`
+        rounded-full
+        hover:text-white
+        hover:bg-color-1-400
+      `},isInvalid:{true:"",fasle:""},isDisabled:{true:"opacity-50",false:""},isUnavailable:{true:"text-gray-200",false:""},isOutsideRange:{true:`
+        text-black
+        before:content-['/']
+        before:text-gray-400
+        before:[font-weight:100]
+        before:text-4xl
+        before:absolute
+        before:inset-0
+        before:flex
+        before:items-center
+        before:justify-center
+      `,false:""},isOutsideVisibleRange:{true:"text-gray-400",false:""},isFocusVisible:{true:"",false:""},isSelectionStart:{true:"",false:""},isSelectionEnd:{true:"",false:""}},compoundVariants:[{isSelectionStart:[!0,!1],isSelectionEnd:[!0,!1],isDisabled:!1,isOutsideRange:!1,isUnavailable:!1,isInvalid:!0,class:`
+        bg-error-400
+        hover:bg-error-500
+      `},{isSelectionStart:!0,class:`
+        rounded-l-full
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `},{isSelectionEnd:!0,class:`
+        rounded-r-full
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `}]}),b={container:t,header:a,calendarHeaderContainer:l,title:r,navigationButtonsContainer:n,navigationButtons:s,calendarTable:i,calendarDayLabel:o,cellContainer:c,cell:d,cellDate:u};exports.calendarCell=d;exports.calendarCellContainer=c;exports.calendarCellDate=u;exports.calendarContainer=t;exports.calendarDayLabel=o;exports.calendarHeader=a;exports.calendarHeaderContainer=l;exports.calendarNavigationButtons=s;exports.calendarNavigationButtonsContainer=n;exports.calendarTable=i;exports.calendarTheme=b;exports.calendarTitle=r;

package/index147.mjs

@@ -1,11 +1,230 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { VisuallyHidden as u } from "react-aria";
-import { useCarouselA11yAnnouncer as l } from "./index114.mjs";
-const a = (o) => {
-  const { a11y: r, announcerProps: e } = l(o);
-  return r != null && r.enabled ? /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n("div", { ...e }) }) : null;
+import { tv as e } from "tailwind-variants";
+const t = e({
+  base: "text-gray-800 flex flex-col gap-4"
+}), a = e({
+  base: "flex items-center justify-between"
+}), r = e({
+  base: "text-2xl text-color-1-500 font-bold"
+}), l = e({
+  base: ""
+});
+e({
+  base: ""
+});
+e({
+  base: ""
+});
+e({
+  base: ""
+});
+const s = e({
+  base: "flex items-center gap-1"
+}), n = e({
+  base: `
+    active:bg-color-1-500
+    p-2
+    rounded-full
+    active:text-color-1-100
+    hover:bg-color-1-200
+    focus-ring-black
+    transition-all
+    duration-300
+    ease-in-out
+  `
+}), o = e({
+  base: `
+    border-spacing-2
+    border-separate
+  `
+}), i = e({
+  base: `
+    text-center
+    capitalize
+    rounded-lg
+    p-2
+    mx-2
+    bg-color-1-300
+  `
+}), c = e({
+  base: "text-center",
+  variants: {
+    isFocusVisible: {
+      true: "z-10",
+      false: ""
+    }
+  }
+}), u = e({
+  base: "w-10 h-10",
+  variants: {
+    isSelected: {
+      true: "",
+      false: ""
+    },
+    isInvalid: {
+      true: "",
+      false: ""
+    },
+    isDisabled: {
+      true: "disabled pointer-events-none",
+      false: ""
+    },
+    isUnavailable: {
+      true: "pointer-events-none",
+      false: ""
+    },
+    isOutsideRange: {
+      true: "pointer-events-none",
+      false: ""
+    },
+    isOutsideVisibleRange: {
+      true: "pointer-events-none",
+      false: ""
+    },
+    isRoundedLeft: {
+      true: "rounded-l-full",
+      false: ""
+    },
+    isRoundedRight: {
+      true: "rounded-r-full",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      isSelected: [!0, !1],
+      isInvalid: !0,
+      class: "bg-error-400 hover:bg-error-500"
+    },
+    {
+      isSelected: !0
+    }
+  ]
+}), d = e({
+  base: `
+    w-full
+    h-full
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    transition-all
+    duration-100
+    ease-in-out
+    relative
+  `,
+  variants: {
+    isSelected: {
+      true: `
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `,
+      false: `
+        rounded-full
+        hover:text-white
+        hover:bg-color-1-400
+      `
+    },
+    isInvalid: {
+      true: "",
+      fasle: ""
+    },
+    isDisabled: {
+      true: "opacity-50",
+      false: ""
+    },
+    isUnavailable: {
+      true: "text-gray-200",
+      false: ""
+    },
+    isOutsideRange: {
+      true: `
+        text-black
+        before:content-['/']
+        before:text-gray-400
+        before:[font-weight:100]
+        before:text-4xl
+        before:absolute
+        before:inset-0
+        before:flex
+        before:items-center
+        before:justify-center
+      `,
+      false: ""
+    },
+    isOutsideVisibleRange: {
+      true: "text-gray-400",
+      false: ""
+    },
+    isFocusVisible: {
+      true: "",
+      false: ""
+    },
+    isSelectionStart: {
+      true: "",
+      false: ""
+    },
+    isSelectionEnd: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      isSelectionStart: [!0, !1],
+      isSelectionEnd: [!0, !1],
+      isDisabled: !1,
+      isOutsideRange: !1,
+      isUnavailable: !1,
+      isInvalid: !0,
+      class: `
+        bg-error-400
+        hover:bg-error-500
+      `
+    },
+    {
+      isSelectionStart: !0,
+      class: `
+        rounded-l-full
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `
+    },
+    {
+      isSelectionEnd: !0,
+      class: `
+        rounded-r-full
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
+      `
+    }
+  ]
+}), f = {
+  container: t,
+  header: a,
+  calendarHeaderContainer: l,
+  title: r,
+  navigationButtonsContainer: s,
+  navigationButtons: n,
+  calendarTable: o,
+  calendarDayLabel: i,
+  cellContainer: c,
+  cell: u,
+  cellDate: d
 };
 export {
-  a as default
+  u as calendarCell,
+  c as calendarCellContainer,
+  d as calendarCellDate,
+  t as calendarContainer,
+  i as calendarDayLabel,
+  a as calendarHeader,
+  l as calendarHeaderContainer,
+  n as calendarNavigationButtons,
+  s as calendarNavigationButtonsContainer,
+  o as calendarTable,
+  f as calendarTheme,
+  r as calendarTitle
 };

package/index148.js

@@ -1,2 +1,10 @@
-"use client";
-"use strict";const d=require("react/jsx-runtime"),x=require("./index37.js"),f=require("./index3.js"),k=require("./index108.js"),q=t=>{const{themeName:e="carousel.slide",title:i,tokens:n,children:s,customTheme:a}=t,{slideProps:m,titleProps:h,isActive:o,isVisible:r,isPrev:l,isNext:c}=k.useCarouselSlide(t),u={...n,isActive:o,isVisible:r,isPrev:l,isNext:c};return d.jsxs(x.default,{...m,themeName:`${e}.container`,tokens:u,customTheme:a,children:[i&&d.jsx(f.default,{...h,themeName:`${e}.title`,tokens:u,children:i}),typeof s=="function"?s({themeName:e,tokens:n,isActive:o,isVisible:r,isPrev:l,isNext:c}):s]})};module.exports=q;
+"use strict";const e=require("tailwind-variants"),r=require("./index146.js"),t=require("./index168.js"),o=e.tv({base:"flex flex-wrap justify-between items-center gap-4 relative"}),a=e.tv({base:`
+    basis-9/12
+    bg-color-1-300
+    m-2
+    rounded-lg
+    order-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    focus-visible:outline-offset-2
+  `}),s=e.tv({base:""}),i=e.tv({extend:r,base:"basis-1/12",variants:{order:{prev:"order-1",next:"order-3"}}}),l=e.tv({base:"flex gap-4 justify-center  z-10 bottom-4 left-0 right-0 order-4 basis-full"}),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:""}}}),c=e.tv({base:"bg-color-1-300 rounded-lg p-2"}),u=e.tv({base:"px-4 flex flex-col justify-center h-full"}),p=e.tv({base:"flex flex-col gap-2 bg-color-1-400 my-4 rounded-lg p-4"}),b=e.tv({extend:t,defaultVariants:{size:"h3"}}),d={carouselWrapper:o,swiper:{swiper:a,wrapper:s},navigation:{button:i},pagination:{wrapper:l,bullet:n,fraction:{wrapper:c}},slide:{wrapper:u,container:p,title:b}};module.exports=d;

package/index148.mjs

@@ -1,15 +1,73 @@
-"use client";
-import { jsxs as h, jsx as p } from "react/jsx-runtime";
-import f from "./index37.mjs";
-import x from "./index3.mjs";
-import { useCarouselSlide as k } from "./index108.mjs";
-const T = (o) => {
-  const { themeName: e = "carousel.slide", title: s, tokens: i, children: t, customTheme: a } = o, { slideProps: d, titleProps: u, isActive: r, isVisible: l, isPrev: m, isNext: n } = k(o), c = { ...i, isActive: r, isVisible: l, isPrev: m, isNext: n };
-  return /* @__PURE__ */ h(f, { ...d, themeName: `${e}.container`, tokens: c, customTheme: a, children: [
-    s && /* @__PURE__ */ p(x, { ...u, themeName: `${e}.title`, tokens: c, children: s }),
-    typeof t == "function" ? t({ themeName: e, tokens: i, isActive: r, isVisible: l, isPrev: m, isNext: n }) : t
-  ] });
+import { tv as e } from "tailwind-variants";
+import r from "./index146.mjs";
+import o from "./index168.mjs";
+const a = e({
+  base: "flex flex-wrap justify-between items-center gap-4 relative"
+}), t = e({
+  base: `
+    basis-9/12
+    bg-color-1-300
+    m-2
+    rounded-lg
+    order-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    focus-visible:outline-offset-2
+  `
+}), l = e({
+  base: ""
+}), s = e({
+  extend: r,
+  base: "basis-1/12",
+  variants: {
+    order: {
+      prev: "order-1",
+      next: "order-3"
+    }
+  }
+}), i = e({
+  base: "flex gap-4 justify-center  z-10 bottom-4 left-0 right-0 order-4 basis-full"
+}), n = e({
+  base: "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",
+  variants: {
+    active: {
+      true: "bg-color-1-100",
+      false: ""
+    }
+  }
+}), c = e({
+  base: "bg-color-1-300 rounded-lg p-2"
+}), p = e({
+  base: "px-4 flex flex-col justify-center h-full"
+}), u = e({
+  base: "flex flex-col gap-2 bg-color-1-400 my-4 rounded-lg p-4"
+}), b = e({
+  extend: o,
+  defaultVariants: {
+    size: "h3"
+  }
+}), w = {
+  carouselWrapper: a,
+  swiper: {
+    swiper: t,
+    wrapper: l
+  },
+  navigation: {
+    button: s
+  },
+  pagination: {
+    wrapper: i,
+    bullet: n,
+    fraction: {
+      wrapper: c
+    }
+  },
+  slide: {
+    wrapper: p,
+    container: u,
+    title: b
+  }
 };
 export {
-  T as default
+  w as default
 };

package/index149.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),G=require("./index190.js"),I=require("./index191.js"),d=require("./index192.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,v=[];for(let o=y;o<h;o+=1)o>=l&&o<=p&&v.push(t[n(o)]);return v.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 q=e.createContext(null),Q=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[v,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:g}=I.g(y),{slides:S,slots:j}=J(l),B=()=>{O(!C)};Object.assign(f.on,{_containerClasses(u,E){o(E)}});const _=()=>{Object.assign(f.on,g),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=S;const E={cache:!1,slides:S,renderExternal:m,renderExternalUpdate:!1};d.e(r.current.params.virtual,E),d.e(r.current.originalParams.virtual,E)}};w.current||_(),r.current&&r.current.on("_beforeBreakpoint",B);const H=()=>{h||!g||!r.current||Object.keys(g).forEach(u=>{r.current.on(u,g[u])})},M=()=>{!g||!r.current||Object.keys(g).forEach(u=>{r.current.off(u,g[u])})};e.useEffect(()=>()=>{r.current&&r.current.off("_beforeBreakpoint",B)}),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&&_(),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,S,z.current,E=>E.key);return x.current=L,z.current=S,u.length&&r.current&&!r.current.destroyed&&d.u({swiper:r.current,slides:S,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,S,i):S.map((u,E)=>e.cloneElement(u,{swiper:r.current,swiperSlideIndex:E}))}return e.createElement(n,T({ref:w,className:d.d(`${v}${a?` ${a}`:""}`)},D),e.createElement(Q.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:v,...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 v<"u"&&(i.current.swiperSlideIndex=v),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(q.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(q.Provider,{value:r},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"})))});W.displayName="SwiperSlide";exports.Swiper=F;exports.SwiperSlide=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=e.tv({base:"flex focus-ring-black"}),t=e.tv({base:"hover:cursor-pointer",variants:{color:{gray:"text-gray-300",black:"text-black"},isDisabled:{true:"text-gray-6"}},defaultVariants:{color:"black"}}),c=e.tv({base:"w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",variants:{isDisabled:{true:"border-gray-6"},isFocused:{true:"outline-black [outline-offset: 2px]"},isError:{true:"border-red-500"}}}),o=e.tv({base:"hidden w-4 h-4 bg-gray-300 rounded-full",variants:{selected:{true:"block text-white"}}}),a=e.tv({base:"text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4"});exports.checkBox=c;exports.checkMark=o;exports.checkMarkIcon=a;exports.checkboxContainer=r;exports.checkboxLabel=t;