@nextui-org/theme 2.1.9 → 2.1.10

package/dist/chunk-WNVF6X3M.mjs

@@ -0,0 +1,171 @@
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-WBUVHAJX.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/popover.ts
+var popover = tv({
+  slots: {
+    base: [
+      "z-0",
+      "relative",
+      "bg-transparent",
+      "before:content-['']",
+      "before:hidden",
+      "before:z-[-1]",
+      "before:absolute",
+      "before:rotate-45",
+      "before:w-2.5",
+      "before:h-2.5",
+      "before:rounded-sm",
+      "data-[arrow=true]:before:block",
+      "data-[placement=top]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top]:before:left-1/2",
+      "data-[placement=top]:before:-translate-x-1/2",
+      "data-[placement=top-start]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-start]:before:left-3",
+      "data-[placement=top-end]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-end]:before:right-3",
+      "data-[placement=bottom]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom]:before:left-1/2",
+      "data-[placement=bottom]:before:-translate-x-1/2",
+      "data-[placement=bottom-start]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-start]:before:left-3",
+      "data-[placement=bottom-end]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-end]:before:right-3",
+      "data-[placement=left]:before:-right-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=left]:before:top-1/2",
+      "data-[placement=left]:before:-translate-y-1/2",
+      "data-[placement=left-start]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-start]:before:top-1/4",
+      "data-[placement=left-end]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-end]:before:bottom-1/4",
+      "data-[placement=right]:before:-left-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=right]:before:top-1/2",
+      "data-[placement=right]:before:-translate-y-1/2",
+      "data-[placement=right-start]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-start]:before:top-1/4",
+      "data-[placement=right-end]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-end]:before:bottom-1/4",
+      ...dataFocusVisibleClasses
+    ],
+    content: [
+      "z-10",
+      "px-2.5",
+      "py-1",
+      "w-full",
+      "inline-flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "box-border",
+      "subpixel-antialiased",
+      "outline-none",
+      "box-border"
+    ],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
+    arrow: []
+  },
+  variants: {
+    size: {
+      sm: { content: "text-tiny" },
+      md: { content: "text-small" },
+      lg: { content: "text-medium" }
+    },
+    color: {
+      default: {
+        base: "before:bg-content1 before:shadow-small",
+        content: "bg-content1"
+      },
+      foreground: {
+        base: "before:bg-foreground",
+        content: colorVariants.solid.foreground
+      },
+      primary: {
+        base: "before:bg-primary",
+        content: colorVariants.solid.primary
+      },
+      secondary: {
+        base: "before:bg-secondary",
+        content: colorVariants.solid.secondary
+      },
+      success: {
+        base: "before:bg-success",
+        content: colorVariants.solid.success
+      },
+      warning: {
+        base: "before:bg-warning",
+        content: colorVariants.solid.warning
+      },
+      danger: {
+        base: "before:bg-danger",
+        content: colorVariants.solid.danger
+      }
+    },
+    radius: {
+      none: { content: "rounded-none" },
+      sm: { content: "rounded-small" },
+      md: { content: "rounded-medium" },
+      lg: { content: "rounded-large" },
+      full: { content: "rounded-full" }
+    },
+    shadow: {
+      sm: {
+        content: "shadow-small"
+      },
+      md: {
+        content: "shadow-medium"
+      },
+      lg: {
+        content: "shadow-large"
+      }
+    },
+    backdrop: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-overlay/50 backdrop-opacity-disabled"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
+      }
+    },
+    triggerScaleOnOpen: {
+      true: {
+        trigger: ["aria-expanded:scale-[0.97]", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    radius: "lg",
+    size: "md",
+    shadow: "md",
+    backdrop: "transparent",
+    disableAnimation: false,
+    triggerScaleOnOpen: true
+  },
+  compoundVariants: [
+    {
+      backdrop: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
+    }
+  ]
+});
+
+export {
+  popover
+};

package/dist/{chunk-EQIZ7W7V.mjs → chunk-WYVG7NY6.mjs}

@@ -1,9 +1,9 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 import {
   groupDataFocusVisibleClasses
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 
 // src/components/radio.ts
 var radio = tv({
@@ -97,7 +97,7 @@ var radio = tv({
     isInvalid: {
       true: {
         control: "bg-danger text-danger-foreground",
-        wrapper: "border-danger data-[selected=true]:border-danger",
+        wrapper: "border-danger group-data-[selected=true]:border-danger",
         label: "text-danger",
         description: "text-danger-300"
       }

package/dist/{chunk-LQGOKGQV.mjs → chunk-XHQNEGB6.mjs}

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

package/dist/{chunk-T7JNS25F.mjs → chunk-XHQUSKIE.mjs}

@@ -39,6 +39,14 @@ var translateCenterClasses = [
   "-translate-y-1/2"
 ];
 var absoluteFullClasses = ["absolute", "inset-0"];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
+};
 
 export {
   baseStyles,
@@ -47,5 +55,6 @@ export {
   groupDataFocusVisibleClasses,
   ringClasses,
   translateCenterClasses,
-  absoluteFullClasses
+  absoluteFullClasses,
+  collapseAdjacentVariantBorders
 };

package/dist/{chunk-MOHT4OBR.mjs → chunk-XNF3KCH7.mjs}

@@ -1,9 +1,9 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 
 // src/components/link.ts
 var link = tv({

package/dist/{chunk-XJU7LDVX.mjs → chunk-Y5WLFHBC.mjs}

@@ -3,10 +3,11 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 import {
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 
 // src/components/button.ts
 var button = tv({
@@ -74,7 +75,7 @@ var button = tv({
     },
     disableAnimation: {
       true: "!transition-none",
-      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none"
+      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -297,30 +298,90 @@ var button = tv({
       color: "danger",
       class: colorVariants.ghost.danger
     },
+    {
+      isInGroup: true,
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
     {
       isInGroup: true,
       size: "sm",
-      class: "rounded-none first:rounded-l-small last:rounded-r-small"
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
     },
     {
       isInGroup: true,
       size: "md",
-      class: "rounded-none first:rounded-l-medium last:rounded-r-medium"
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
     },
     {
       isInGroup: true,
       size: "lg",
-      class: "rounded-none first:rounded-l-large last:rounded-r-large"
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
     },
     {
       isInGroup: true,
       isRounded: true,
-      class: "rounded-none first:rounded-l-full last:rounded-r-full"
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      radius: "none",
+      class: "rounded-none first:rounded-s-none last:rounded-e-none"
     },
     {
       isInGroup: true,
-      variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.medium)*-1)]"
+      radius: "sm",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "default",
+      className: collapseAdjacentVariantBorders.default
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "primary",
+      className: collapseAdjacentVariantBorders.primary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "secondary",
+      className: collapseAdjacentVariantBorders.secondary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "success",
+      className: collapseAdjacentVariantBorders.success
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "warning",
+      className: collapseAdjacentVariantBorders.warning
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "danger",
+      className: collapseAdjacentVariantBorders.danger
     },
     {
       isIconOnly: true,
@@ -336,6 +397,10 @@ var button = tv({
       isIconOnly: true,
       size: "lg",
       class: "min-w-unit-12 w-unit-12 h-unit-12"
+    },
+    {
+      variant: ["solid", "faded", "flat", "bordered", "shadow"],
+      class: "data-[hover=true]:opacity-hover"
     }
   ]
 });

package/dist/{chunk-XCWQAA5D.mjs → chunk-YRDQW7V4.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 
 // src/components/badge.ts
 var badge = tv({
@@ -87,12 +87,12 @@ var badge = tv({
         badge: "transition-transform-opacity !ease-soft-spring !duration-300"
       }
     },
-    disableOutline: {
+    showOutline: {
       true: {
-        badge: "border-transparent border-0"
+        badge: "border-2 border-background"
       },
       false: {
-        badge: "border-2 border-background"
+        badge: "border-transparent border-0"
       }
     }
   },
@@ -102,7 +102,7 @@ var badge = tv({
     size: "md",
     shape: "rectangle",
     placement: "top-right",
-    disableOutline: false,
+    showOutline: true,
     disableAnimation: false,
     isInvisible: false
   },

package/dist/components/accordion.js

@@ -83,39 +83,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -160,7 +153,7 @@ var accordionItem = tv({
     ],
     startContent: "flex-shrink-0",
     indicator: "text-default-400",
-    titleWrapper: "flex-1 flex flex-col text-left",
+    titleWrapper: "flex-1 flex flex-col text-start",
     title: "text-foreground text-large",
     subtitle: "text-small text-foreground-500 font-normal",
     content: "py-2"
@@ -199,7 +192,7 @@ var accordionItem = tv({
         indicator: "transition-none"
       },
       false: {
-        indicator: "rotate-0 data-[open=true]:-rotate-90"
+        indicator: "rotate-0 data-[open=true]:-rotate-90 rtl:-rotate-180 rtl:data-[open=true]:-rotate-90"
       }
     }
   },

package/dist/components/accordion.mjs

@@ -1,12 +1,12 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-UHF2F2WJ.mjs";
+} from "../chunk-I5E37FAL.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   accordion,

package/dist/components/autocomplete.d.ts

@@ -0,0 +1,180 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+declare const autocomplete: tailwind_variants.TVReturnType<{
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}, {
+    base: string;
+    listboxWrapper: string;
+    listbox: string;
+    popoverContent: string;
+    endContentWrapper: string;
+    clearButton: string[];
+    selectorButton: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}, {
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}>, {
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}, {
+    base: string;
+    listboxWrapper: string;
+    listbox: string;
+    popoverContent: string;
+    endContentWrapper: string;
+    clearButton: string[];
+    selectorButton: string;
+}, tailwind_variants.TVReturnType<{
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}, {
+    base: string;
+    listboxWrapper: string;
+    listbox: string;
+    popoverContent: string;
+    endContentWrapper: string;
+    clearButton: string[];
+    selectorButton: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}, {
+    disableClearable: {
+        true: {
+            clearButton: string;
+        };
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            selectorButton: string;
+        };
+        false: {
+            selectorButton: string;
+        };
+    };
+    disableSelectorIconRotation: {
+        true: {};
+        false: {
+            selectorButton: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type AutocompleteVariantProps = VariantProps<typeof autocomplete>;
+type AutocompleteSlots = keyof ReturnType<typeof autocomplete>;
+
+export { AutocompleteSlots, AutocompleteVariantProps, autocomplete };