@nextui-org/theme 2.2.10 → 2.3.0-beta.0

package/dist/{chunk-LSQXJEPE.mjs → chunk-2ODFPLXN.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -24,9 +24,9 @@ var table = tv({
     table: "min-w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
     tbody: "",
-    tr: ["group", "outline-none", ...dataFocusVisibleClasses],
+    tr: ["group/tr", "outline-none", ...dataFocusVisibleClasses],
     th: [
-      "group",
+      "group/th",
       "px-3",
       "h-10",
       "text-start",
@@ -61,8 +61,8 @@ var table = tv({
       "before:inset-0",
       "before:opacity-0",
       "data-[selected=true]:before:opacity-100",
-      "group-data-[disabled=true]:text-foreground-300",
-      "group-data-[disabled=true]:cursor-not-allowed"
+      "group-data-[disabled=true]/tr:text-foreground-300",
+      "group-data-[disabled=true]/tr:cursor-not-allowed"
     ],
     tfoot: "",
     sortIcon: [
@@ -73,7 +73,7 @@ var table = tv({
       "inline-block",
       "transition-transform-opacity",
       "data-[visible=true]:opacity-100",
-      "group-data-[hover=true]:opacity-100",
+      "group-data-[hover=true]/th:opacity-100",
       "data-[direction=ascending]:rotate-180"
     ],
     emptyWrapper: "text-foreground-400 align-middle text-center h-40",
@@ -144,9 +144,9 @@ var table = tv({
     isStriped: {
       true: {
         td: [
-          "group-data-[odd=true]:before:bg-default-100",
-          "group-data-[odd=true]:before:opacity-100",
-          "group-data-[odd=true]:before:-z-10"
+          "group-data-[odd=true]/tr:before:bg-default-100",
+          "group-data-[odd=true]/tr:before:opacity-100",
+          "group-data-[odd=true]/tr:before:-z-10"
         ]
       }
     },
@@ -165,19 +165,19 @@ var table = tv({
       true: {
         tr: "cursor-default",
         td: [
-          "group-aria-[selected=false]:group-data-[hover=true]:before:bg-default-100",
-          "group-aria-[selected=false]:group-data-[hover=true]:before:opacity-70"
+          "group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:bg-default-100",
+          "group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:opacity-70"
         ]
       }
     },
     isMultiSelectable: {
       true: {
         td: [
-          "group-data-[first=true]:first:before:rounded-ts-lg",
-          "group-data-[first=true]:last:before:rounded-te-lg",
-          "group-data-[middle=true]:before:rounded-none",
-          "group-data-[last=true]:first:before:rounded-bs-lg",
-          "group-data-[last=true]:last:before:rounded-be-lg"
+          "group-data-[first=true]/tr:first:before:rounded-ts-lg",
+          "group-data-[first=true]/tr:last:before:rounded-te-lg",
+          "group-data-[middle=true]/tr:before:rounded-none",
+          "group-data-[last=true]/tr:first:before:rounded-bs-lg",
+          "group-data-[last=true]/tr:last:before:rounded-be-lg"
         ]
       },
       false: {
@@ -222,42 +222,42 @@ var table = tv({
       isStriped: true,
       color: "default",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-default/60"
       }
     },
     {
       isStriped: true,
       color: "primary",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-primary/20"
       }
     },
     {
       isStriped: true,
       color: "secondary",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-secondary/20"
       }
     },
     {
       isStriped: true,
       color: "success",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-success/20"
       }
     },
     {
       isStriped: true,
       color: "warning",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-warning/20"
       }
     },
     {
       isStriped: true,
       color: "danger",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-danger/20"
       }
     }
   ]

package/dist/{chunk-BOVVTMHS.mjs → chunk-2TAKWWRG.mjs}

@@ -1,11 +1,11 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/autocomplete.ts
 var autocomplete = tv({
   slots: {
-    base: "group/autocomplete inline-flex flex-column w-full",
+    base: "group inline-flex flex-column w-full",
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -17,14 +17,14 @@ var autocomplete = tv({
       "opacity-0",
       "pointer-events-none",
       "text-default-500",
-      "group-data-[invalid=true]/autocomplete:text-danger",
+      "group-data-[invalid=true]:text-danger",
       "data-[visible=true]:opacity-100",
       "data-[visible=true]:pointer-events-auto",
       "data-[visible=true]:cursor-pointer",
       "sm:data-[visible=true]:opacity-0",
       "sm:data-[visible=true]:pointer-events-none",
-      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:opacity-100",
-      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:pointer-events-auto"
+      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]:pointer-events-auto"
     ],
     selectorButton: "text-medium"
   },

package/dist/chunk-3XDFZGUJ.mjs

@@ -0,0 +1,216 @@
+import {
+  colorVariants
+} from "./chunk-GQT3YUX3.mjs";
+import {
+  tv
+} from "./chunk-UWE6H66T.mjs";
+
+// src/components/alert.ts
+var alert = tv({
+  slots: {
+    base: "flex flex-row w-full flex-grow min-h-17 max-h-full py-3 px-4",
+    mainWrapper: [
+      "flex-grow min-h-11 max-h-full ms-2 flex flex-col box-border items-start text-inherit"
+    ],
+    title: "w-full text-medium font-normal block min-h-6 max-h-full text-inherit",
+    description: "text-small font-normal min-h-5 max-h-full text-inherit",
+    closeButton: "relative text-inherit",
+    alertIcon: "fill-current w-6"
+  },
+  variants: {
+    color: {
+      default: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    variant: {
+      solid: {},
+      flat: {},
+      bordered: {
+        base: "border-medium bg-transparent"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small"
+      },
+      md: {
+        base: "rounded-medium"
+      },
+      lg: {
+        base: "rounded-large"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    hasDescription: {
+      true: {
+        alertIcon: "mt-0.5"
+      },
+      false: {
+        base: "items-center",
+        mainWrapper: "justify-center"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    variant: "flat",
+    radius: "md"
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "default",
+      class: {
+        base: colorVariants.solid.default,
+        closeButton: "data-[hover]:bg-default-100",
+        alertIcon: "text-default-foreground"
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger
+      }
+    },
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        base: [colorVariants.flat.default, "text-default-foreground"],
+        description: "text-default-600",
+        closeButton: "text-default-400"
+      }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        base: colorVariants.flat.primary,
+        closeButton: "text-primary-400 data-[hover]:bg-primary-100"
+      }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        base: colorVariants.flat.secondary,
+        closeButton: "text-secondary-400 data-[hover]:bg-secondary-100"
+      }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        base: colorVariants.flat.success,
+        closeButton: "text-success-400 data-[hover]:bg-success-100"
+      }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        base: colorVariants.flat.warning,
+        closeButton: "text-warning-500 data-[hover]:bg-warning-200"
+      }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        base: colorVariants.flat.danger,
+        closeButton: "text-danger-400 data-[hover]:bg-danger-100"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "default",
+      class: {
+        base: [colorVariants.bordered.default],
+        description: "text-default-600",
+        closeButton: "text-default-400"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: [colorVariants.bordered.primary],
+        closeButton: "data-[hover]:bg-primary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: [colorVariants.bordered.secondary],
+        closeButton: "data-[hover]:bg-secondary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: [colorVariants.bordered.success],
+        closeButton: "data-[hover]:bg-success-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: [colorVariants.bordered.warning],
+        closeButton: "data-[hover]:bg-warning-100"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: [colorVariants.bordered.danger],
+        closeButton: "data-[hover]:bg-danger-50"
+      }
+    }
+  ]
+});
+
+export {
+  alert
+};

package/dist/{chunk-3XVMTUU7.mjs → chunk-46U6G7UJ.mjs}

@@ -1,11 +1,11 @@
 import {
   twMergeConfig
-} from "./chunk-BYWORP66.mjs";
+} from "./chunk-GIXI35A3.mjs";
 
 // src/utils/cn.ts
 import clsx from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge(twMergeConfig);
+var twMerge = extendTailwindMerge({ extend: twMergeConfig });
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }

package/dist/{chunk-MP2JYSMR.mjs → chunk-5VB7JNVX.mjs}

@@ -1,9 +1,9 @@
 import {
   colorVariants
-} from "./chunk-BZCSOIUI.mjs";
+} from "./chunk-GQT3YUX3.mjs";
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   ringClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-JBKBSMXM.mjs → chunk-7IYRK3EV.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-T2VR4T5R.mjs → chunk-AKXXHKTO.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/spacer.ts
 var spacer = tv({

package/dist/{chunk-EF6G67MF.mjs → chunk-AN5I7NTT.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/scroll-shadow.ts
 var verticalShadow = [

package/dist/{chunk-KPVV2V7V.mjs → chunk-AUN4SP2F.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/circular-progress.ts
 var circularProgress = tv({

package/dist/{chunk-A2DU46QS.mjs → chunk-AXSF7SRE.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/divider.ts
 var divider = tv({

package/dist/{chunk-V4SD44VK.mjs → chunk-BWPOLXFL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/drip.ts
 var drip = tv({

package/dist/{chunk-AXXUQWWC.mjs → chunk-DBPAK7QN.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/spinner.ts
 var spinner = tv({

package/dist/{chunk-63NMFZTF.mjs → chunk-EGGHND3C.mjs}

@@ -1,9 +1,9 @@
 import {
   colorVariants
-} from "./chunk-BZCSOIUI.mjs";
+} from "./chunk-GQT3YUX3.mjs";
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/chunk-EP7KPCL3.mjs

@@ -0,0 +1,62 @@
+import {
+  tv
+} from "./chunk-UWE6H66T.mjs";
+
+// src/components/drawer.ts
+var drawer = tv({
+  slots: {
+    base: ["absolute", "m-0", "sm:m-0", "overflow-y-auto"]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs max-h-[20rem]"
+      },
+      sm: {
+        base: "max-w-sm max-h-[24rem]"
+      },
+      md: {
+        base: "max-w-md max-h-[28rem]"
+      },
+      lg: {
+        base: "max-w-lg max-h-[32rem]"
+      },
+      xl: {
+        base: "max-w-xl max-h-[36rem]"
+      },
+      "2xl": {
+        base: "max-w-2xl max-h-[42rem]"
+      },
+      "3xl": {
+        base: "max-w-3xl max-h-[48rem]"
+      },
+      "4xl": {
+        base: "max-w-4xl max-h-[56rem]"
+      },
+      "5xl": {
+        base: "max-w-5xl max-h-[64rem]"
+      },
+      full: {
+        base: "max-w-full max-h-full h-[100dvh] !rounded-none"
+      }
+    },
+    placement: {
+      top: {
+        base: "inset-x-0 top-0 max-w-[none] rounded-t-none"
+      },
+      right: {
+        base: "inset-y-0 right-0 max-h-[none] rounded-r-none"
+      },
+      bottom: {
+        base: "inset-x-0 bottom-0 max-w-[none] rounded-b-none"
+      },
+      left: {
+        base: "inset-y-0 left-0 max-h-[none] rounded-l-none"
+      }
+    }
+  }
+});
+
+export {
+  drawer
+};

package/dist/{chunk-GQDFLFNG.mjs → chunk-EQPJSVMB.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-OUNBTYJ7.mjs → chunk-FB2NWPDB.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -8,7 +8,7 @@ import {
 // src/components/checkbox.ts
 var checkbox = tv({
   slots: {
-    base: "group/checkbox relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
     wrapper: [
       "relative",
       "inline-flex",
@@ -29,12 +29,12 @@ var checkbox = tv({
       "after:scale-50",
       "after:opacity-0",
       "after:origin-center",
-      "group-data-[selected=true]/checkbox:after:scale-100",
-      "group-data-[selected=true]/checkbox:after:opacity-100",
-      "group-data-[hover=true]/checkbox:before:bg-default-100",
+      "group-data-[selected=true]:after:scale-100",
+      "group-data-[selected=true]:after:opacity-100",
+      "group-data-[hover=true]:before:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]/checkbox:opacity-100",
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
     label: "relative text-foreground select-none"
   },
   variants: {
@@ -61,7 +61,7 @@ var checkbox = tv({
     size: {
       sm: {
         wrapper: [
-          "w-4 h-4 mr-2 rtl:ml-2 rtl:mr-[unset]",
+          "w-4 h-4 me-2",
           "rounded-[calc(theme(borderRadius.medium)*0.5)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.5)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.5)]"
@@ -71,7 +71,7 @@ var checkbox = tv({
       },
       md: {
         wrapper: [
-          "w-5 h-5 mr-2 rtl:ml-2 rtl:mr-[unset]",
+          "w-5 h-5 me-2",
           "rounded-[calc(theme(borderRadius.medium)*0.6)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.6)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.6)]"
@@ -81,7 +81,7 @@ var checkbox = tv({
       },
       lg: {
         wrapper: [
-          "w-6 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
+          "w-6 h-6 me-2",
           "rounded-[calc(theme(borderRadius.medium)*0.7)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.7)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.7)]"
@@ -130,8 +130,8 @@ var checkbox = tv({
           "before:bg-foreground",
           "before:w-0",
           "before:h-0.5",
-          "group-data-[selected=true]/checkbox:opacity-60",
-          "group-data-[selected=true]/checkbox:before:w-full"
+          "group-data-[selected=true]:opacity-60",
+          "group-data-[selected=true]:before:w-full"
         ]
       }
     },
@@ -155,7 +155,7 @@ var checkbox = tv({
       false: {
         wrapper: [
           "before:transition-colors",
-          "group-data-[pressed=true]/checkbox:scale-95",
+          "group-data-[pressed=true]:scale-95",
           "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",