@okam/stack-ui 1.40.0 → 1.41.0

package/index118.mjs

@@ -1,9 +1,230 @@
 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" });
+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 {
-  t as sidePanelContainer,
-  a as sidePanelInnerContainer,
-  o as sidePanelWrapper
+  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/index119.js

@@ -1,41 +1,10 @@
-"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:`
-    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;
+"use strict";const e=require("tailwind-variants"),r=require("./index117.js"),t=require("./index136.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/index119.mjs

@@ -1,108 +1,73 @@
-import { tv as t } from "tailwind-variants";
-import r from "./index122.mjs";
-const a = t({
+import { tv as e } from "tailwind-variants";
+import r from "./index117.mjs";
+import o from "./index136.mjs";
+const a = e({
+  base: "flex flex-wrap justify-between items-center gap-4 relative"
+}), t = e({
   base: `
-    flex
-    flex-col
-    gap-4
+    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
   `
-}), o = t({
-  base: `
-    flex
-    gap-4
-  `,
+}), l = e({
+  base: ""
+}), s = e({
+  extend: r,
+  base: "basis-1/12",
   variants: {
-    orientation: {
-      horizontal: "flex-col",
-      vertical: "flex-row"
+    order: {
+      prev: "order-1",
+      next: "order-3"
     }
   }
-}), e = t({
-  base: `
-    flex
-    flex-wrap
-    gap-4
-  `,
+}), 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: {
-    orientation: {
-      horizontal: "flex-row items-center",
-      vertical: "flex-col items-end"
+    active: {
+      true: "bg-color-1-100",
+      false: ""
     }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
   }
-}), i = t({
-  extend: r,
+}), 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"
   }
-}), 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"
+}), w = {
+  carouselWrapper: a,
+  swiper: {
+    swiper: t,
+    wrapper: l
+  },
+  navigation: {
+    button: s
+  },
+  pagination: {
+    wrapper: i,
+    bullet: n,
+    fraction: {
+      wrapper: c
     }
   },
-  defaultVariants: {
-    size: "h6"
+  slide: {
+    wrapper: p,
+    container: u,
+    title: b
   }
-}), d = {
-  wrapper: a,
-  container: o,
-  list: e,
-  label: i,
-  panel: {
-    transition: n,
-    container: s
-  },
-  tab: l
 };
 export {
-  d as default
+  w as default
 };

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("./index92.js"),a=require("./index34.js"),d=require("./index139.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 "./index92.mjs";
+import c from "./index34.mjs";
+import d from "./index139.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 @@
-"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
-    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;
+"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;