@okam/stack-ui 1.40.1 → 1.41.1

package/index119.js

@@ -1,41 +1,64 @@
-"use strict";const t=require("tailwind-variants"),e=require("./index122.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:`
+"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-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
+    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-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
+    duration-100
+    ease-in-out
+    relative
+  `,variants:{isSelected:{true:`
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
       `,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;
+        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/index119.mjs

@@ -1,108 +1,230 @@
-import { tv as t } from "tailwind-variants";
-import r from "./index122.mjs";
-const a = t({
+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: `
-    flex
-    flex-col
-    gap-4
+    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 = t({
+}), o = e({
   base: `
-    flex
-    gap-4
-  `,
+    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: {
-    orientation: {
-      horizontal: "flex-col",
-      vertical: "flex-row"
+    isFocusVisible: {
+      true: "z-10",
+      false: ""
     }
   }
-}), e = t({
-  base: `
-    flex
-    flex-wrap
-    gap-4
-  `,
+}), u = e({
+  base: "w-10 h-10",
   variants: {
-    orientation: {
-      horizontal: "flex-row items-center",
-      vertical: "flex-col items-end"
+    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: ""
     }
   },
-  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,
+  compoundVariants: [
+    {
+      isSelected: [!0, !1],
+      isInvalid: !0,
+      class: "bg-error-400 hover:bg-error-500"
+    },
+    {
+      isSelected: !0
+    }
+  ]
+}), d = e({
   base: `
-    focus-ring-black
+    w-full
+    h-full
+    flex
+    items-center
+    justify-center
+    cursor-pointer
     transition-all
-    duration-200
-    px-4
-    py-2
+    duration-100
+    ease-in-out
+    relative
   `,
   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
+        bg-color-1-400
+        text-white
+        hover:bg-color-1-500
       `,
       false: `
-        border-color-1-200
-        hover:border-color-1-400
-        active:border-color-1-400
+        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: `
-        opacity-30
-        pointer-events-none
-      `
+        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: "has-focus-ring"
+      true: "",
+      false: ""
+    },
+    isSelectionStart: {
+      true: "",
+      false: ""
+    },
+    isSelectionEnd: {
+      true: "",
+      false: ""
     }
   },
-  defaultVariants: {
-    size: "h6"
-  }
-}), d = {
-  wrapper: a,
-  container: o,
-  list: e,
-  label: i,
-  panel: {
-    transition: n,
-    container: s
-  },
-  tab: l
+  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 {
-  d 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/index12.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),k=require("react-aria"),L=require("./index86.js"),A=require("./index28.js"),g=require("./index13.js"),I=require("./index125.js"),w=require("./index126.js"),M=p=>{const{id:l,themeName:i="carousel",tokens:r,customTheme:W,slides:x,a11y:n,modules:a,prevButton:h=g.CarouselPrevNavigationButton,nextButton:N=g.CarouselNextNavigationButton,onSwiper:u,onSlideChange:c,...b}=p,m=s.useRef(null),j=s.useRef(null),{enabled:B=!0,paginationGroupLabel:C="pagination",...f}=n??{},v=a==null?void 0:a.includes("Navigation"),q=a==null?void 0:a.includes("Pagination"),[$,P]=s.useState(),[d,R]=s.useState(0),o=x.map((e,S)=>({...e,ariaLabel:e.ariaLabel??`${S+1} / ${x.length}`}));return t.jsx(A.default,{themeName:`${i}.carouselWrapper`,tokens:r,children:t.jsxs(L.SwiperControllerContextProvider,{controller:$,children:[v&&t.jsx(h,{themeName:`${i}.navigation.button`,tokens:{...r,order:"prev"},ref:m,"aria-label":n==null?void 0:n.prevSlideMessage,"aria-controls":l}),t.jsx(I,{themeName:i,tokens:r,id:l,slides:o,onSwiper:e=>{P(e),u==null||u(e)},onSlideChange:e=>{R(e.activeIndex),c==null||c(e)},a11y:f,modules:a,...b}),v&&t.jsx(N,{themeName:`${i}.navigation.button`,tokens:{...r,order:"next"},ref:j,"aria-label":n==null?void 0:n.nextSlideMessage,"aria-controls":l}),q&&t.jsx(w,{themeName:`${i}.pagination`,tokens:r,activeIndex:d,slides:o,paginationGroupLabel:C}),B&&t.jsx(k.VisuallyHidden,{children:t.jsx("div",{"aria-live":"polite",children:o[d].title??o[d].ariaLabel})})]})})};module.exports=M;
+"use strict";const e=require("react/jsx-runtime"),l=require("./index93.js"),a=require("./index35.js"),d=require("./index140.js");function m(r){const{id:s,themeName:n="carousel",tokens:t,customTheme:x,slides:o,a11y:h,modules:u,children:i,...c}=r;return e.jsx(a.default,{themeName:`${n}.carouselWrapper`,tokens:t,children:e.jsxs(l.CarouselContextProvider,{id:s,modules:u,slides:o,...c,children:[i,e.jsx(d,{})]})})}module.exports=m;

package/index12.mjs

@@ -1,82 +1,15 @@
 "use client";
-import { jsx as a, jsxs as R } from "react/jsx-runtime";
-import { useRef as d, useState as v } from "react";
-import { VisuallyHidden as j } from "react-aria";
-import { SwiperControllerContextProvider as w } from "./index86.mjs";
-import A from "./index28.mjs";
-import { CarouselPrevNavigationButton as M, CarouselNextNavigationButton as W } from "./index13.mjs";
-import y from "./index125.mjs";
-import E from "./index126.mjs";
-const J = (f) => {
-  const {
-    id: s,
-    themeName: n = "carousel",
-    tokens: r,
-    customTheme: F,
-    slides: c,
-    a11y: t,
-    modules: o,
-    prevButton: g = M,
-    nextButton: h = W,
-    onSwiper: l,
-    onSlideChange: m,
-    ...x
-  } = f, b = d(null), N = d(null), { enabled: B = !0, paginationGroupLabel: C = "pagination", ...P } = t ?? {}, p = o == null ? void 0 : o.includes("Navigation"), $ = o == null ? void 0 : o.includes("Pagination"), [S, k] = v(), [u, L] = v(0), i = c.map((e, I) => ({
-    ...e,
-    ariaLabel: e.ariaLabel ?? `${I + 1} / ${c.length}`
-  }));
-  return /* @__PURE__ */ a(A, { themeName: `${n}.carouselWrapper`, tokens: r, children: /* @__PURE__ */ R(w, { controller: S, children: [
-    p && /* @__PURE__ */ a(
-      g,
-      {
-        themeName: `${n}.navigation.button`,
-        tokens: { ...r, order: "prev" },
-        ref: b,
-        "aria-label": t == null ? void 0 : t.prevSlideMessage,
-        "aria-controls": s
-      }
-    ),
-    /* @__PURE__ */ a(
-      y,
-      {
-        themeName: n,
-        tokens: r,
-        id: s,
-        slides: i,
-        onSwiper: (e) => {
-          k(e), l == null || l(e);
-        },
-        onSlideChange: (e) => {
-          L(e.activeIndex), m == null || m(e);
-        },
-        a11y: P,
-        modules: o,
-        ...x
-      }
-    ),
-    p && /* @__PURE__ */ a(
-      h,
-      {
-        themeName: `${n}.navigation.button`,
-        tokens: { ...r, order: "next" },
-        ref: N,
-        "aria-label": t == null ? void 0 : t.nextSlideMessage,
-        "aria-controls": s
-      }
-    ),
-    $ && /* @__PURE__ */ a(
-      E,
-      {
-        themeName: `${n}.pagination`,
-        tokens: r,
-        activeIndex: u,
-        slides: i,
-        paginationGroupLabel: C
-      }
-    ),
-    B && /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a("div", { "aria-live": "polite", children: i[u].title ?? i[u].ariaLabel }) })
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { CarouselContextProvider as u } from "./index93.mjs";
+import c from "./index35.mjs";
+import d from "./index140.mjs";
+function y(r) {
+  const { id: o, themeName: s = "carousel", tokens: t, customTheme: p, slides: m, a11y: f, modules: n, children: a, ...i } = r;
+  return /* @__PURE__ */ e(c, { themeName: `${s}.carouselWrapper`, tokens: t, children: /* @__PURE__ */ l(u, { id: o, modules: n, slides: m, ...i, children: [
+    a,
+    /* @__PURE__ */ e(d, {})
   ] }) });
-};
+}
 export {
-  J as default
+  y as default
 };

package/index120.js

@@ -1,47 +1,10 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index122.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
+"use strict";const e=require("tailwind-variants"),r=require("./index118.js"),t=require("./index137.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
-    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;
+    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;