@nextui-org/theme 2.1.3 → 2.1.5

package/dist/{chunk-FZZINZOQ.mjs → chunk-ER6JQ3OQ.mjs}

@@ -35,6 +35,7 @@ var pagination = tv({
       "left-0",
       "select-none",
       "touch-none",
+      "pointer-events-none",
       "z-20"
     ],
     forwardIcon: "hidden group-hover:block group-data-[focus-visible=true]:block data-[before=true]:rotate-180",
@@ -124,7 +125,12 @@ var pagination = tv({
       },
       false: {
         item: ["data-[pressed=true]:scale-[0.97]", "transition-transform-background"],
-        cursor: ["transition-transform", "!duration-300"]
+        cursor: [
+          "data-[moving=true]:transition-transform",
+          "!data-[moving=true]:duration-300",
+          "opacity-0",
+          "data-[moving]:opacity-100"
+        ]
       }
     }
   },
@@ -329,17 +335,28 @@ var pagination = tv({
     {
       slots: ["item", "prev", "next"],
       variant: "flat",
-      class: ["bg-default-100", "data-[hover=true]:bg-default-200", "active:bg-default-300"]
+      class: [
+        "bg-default-100",
+        "[&[data-hover=true]:not([data-active=true])]:bg-default-200",
+        "active:bg-default-300"
+      ]
     },
     {
       slots: ["item", "prev", "next"],
       variant: "faded",
-      class: ["bg-default-50", "data-[hover=true]:bg-default-100", "active:bg-default-200"]
+      class: [
+        "bg-default-50",
+        "[&[data-hover=true]:not([data-active=true])]:bg-default-100",
+        "active:bg-default-200"
+      ]
     },
     {
       slots: ["item", "prev", "next"],
       variant: "light",
-      class: ["data-[hover=true]:bg-default-100", "active:bg-default-200"]
+      class: [
+        "[&[data-hover=true]:not([data-active=true])]:bg-default-100",
+        "active:bg-default-200"
+      ]
     },
     {
       slots: ["item", "cursor", "prev", "next"],

package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs}

@@ -131,19 +131,14 @@ var input = tv({
     },
     labelPlacement: {
       outside: {
-        base: "data-[has-helper=true]:pb-4",
         label: "text-foreground pb-1.5",
-        mainWrapper: "flex flex-col",
-        description: "absolute left-1",
-        errorMessage: "absolute left-1"
+        mainWrapper: "flex flex-col"
       },
       "outside-left": {
-        base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
+        base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
         inputWrapper: "flex-1",
         mainWrapper: "flex flex-col",
-        label: "text-foreground pr-2",
-        description: "absolute left-1",
-        errorMessage: "absolute left-1"
+        label: "text-foreground pr-2"
       },
       inside: {
         label: "text-tiny cursor-text",
@@ -618,6 +613,27 @@ var input = tv({
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ]
       }
+    },
+    {
+      labelPlacement: "outside-left",
+      size: "sm",
+      class: {
+        label: "group-data-[has-helper=true]:pt-2"
+      }
+    },
+    {
+      labelPlacement: "outside-left",
+      size: "md",
+      class: {
+        label: "group-data-[has-helper=true]:pt-3"
+      }
+    },
+    {
+      labelPlacement: "outside-left",
+      size: "lg",
+      class: {
+        label: "group-data-[has-helper=true]:pt-4"
+      }
     }
   ]
 });

package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs}

@@ -10,6 +10,7 @@ var select = tv({
   slots: {
     base: "group inline-flex flex-col relative w-full",
     label: "block text-small font-medium text-foreground-500 pointer-events-none",
+    mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -117,15 +118,11 @@ var select = tv({
     labelPlacement: {
       outside: {
         base: "data-[has-helper=true]:pb-4 flex flex-col",
-        label: "text-foreground pb-1.5",
-        description: "absolute left-1",
-        errorMessage: "absolute left-1"
+        label: "text-foreground pb-1.5"
       },
       "outside-left": {
-        base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
-        label: "text-foreground pr-2",
-        description: "absolute left-1",
-        errorMessage: "absolute left-1"
+        base: "flex-row items-center flex-nowrap items-start",
+        label: "text-foreground pr-2"
       },
       inside: {
         label: "text-tiny cursor-pointer",

package/dist/components/accordion.d.ts

@@ -52,7 +52,37 @@ declare const accordion: tailwind_variants.TVReturnType<{
     fullWidth: {
         true: "w-full";
     };
-}, undefined>;
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        light: "";
+        shadow: "px-4 shadow-medium rounded-medium bg-content1";
+        bordered: "px-4 border-medium border-divider rounded-medium";
+        splitted: "group is-splitted flex flex-col gap-2";
+    };
+    fullWidth: {
+        true: "w-full";
+    };
+}, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        light: "";
+        shadow: "px-4 shadow-medium rounded-medium bg-content1";
+        bordered: "px-4 border-medium border-divider rounded-medium";
+        splitted: "group is-splitted flex flex-col gap-2";
+    };
+    fullWidth: {
+        true: "w-full";
+    };
+}, {
+    variant: {
+        light: "";
+        shadow: "px-4 shadow-medium rounded-medium bg-content1";
+        bordered: "px-4 border-medium border-divider rounded-medium";
+        splitted: "group is-splitted flex flex-col gap-2";
+    };
+    fullWidth: {
+        true: "w-full";
+    };
+}>, unknown, unknown, undefined>>;
 /**
  * AccordionItem wrapper **Tailwind Variants** component
  *
@@ -243,7 +273,128 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
     title: string;
     subtitle: string;
     content: string;
-}>;
+}, tailwind_variants.TVReturnType<{
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+            trigger: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string[];
+    heading: string;
+    trigger: string[];
+    startContent: string;
+    indicator: string;
+    titleWrapper: string;
+    title: string;
+    subtitle: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+            trigger: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+            trigger: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type AccordionGroupVariantProps = VariantProps<typeof accordion>;
 type AccordionItemVariantProps = VariantProps<typeof accordionItem>;
 type AccordionItemSlots = keyof ReturnType<typeof accordionItem>;

package/dist/components/avatar.d.ts

@@ -302,7 +302,220 @@ declare const avatar: tailwind_variants.TVReturnType<{
     fallback: string[];
     name: string[];
     icon: string[];
-}>;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isBordered: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    img: string[];
+    fallback: string[];
+    name: string[];
+    icon: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isBordered: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isBordered: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 /**
  * AvatarGroup wrapper **Tailwind Variants** component
  *
@@ -329,7 +542,19 @@ declare const avatarGroup: tailwind_variants.TVReturnType<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
-}, undefined>;
+}, undefined, tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: "inline-grid grid-cols-4 gap-3";
+    };
+}, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
+    isGrid: {
+        true: "inline-grid grid-cols-4 gap-3";
+    };
+}, {
+    isGrid: {
+        true: "inline-grid grid-cols-4 gap-3";
+    };
+}>, unknown, unknown, undefined>>;
 type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
 type AvatarVariantProps = VariantProps<typeof avatar>;
 type AvatarSlots = keyof ReturnType<typeof avatar>;