@okam/stack-ui 1.38.0 → 1.38.1

package/index99.mjs

@@ -1,15 +1,230 @@
-import { tv as o } from "tailwind-variants";
-const t = o({
-  base: "block",
+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: {
-    isDisabled: {
-      true: "opacity-60 pointer-events-none"
+    isFocusVisible: {
+      true: "z-10",
+      false: ""
     }
   }
-}), c = o({
-  base: "flex flex-col gap-4 py-8"
-});
+}), 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 checkboxGroup,
-  c as checkboxGroupItemsGroup
+  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/package.json

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