@nextui-org/theme 2.1.3 → 2.1.5

package/dist/components/tabs.d.ts

@@ -381,7 +381,275 @@ declare const tabs: tailwind_variants.TVReturnType<{
     tabContent: string[];
     cursor: string[];
     panel: string[];
-}>;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+}, {
+    base: string;
+    tabList: string[];
+    tab: string[];
+    tabContent: string[];
+    cursor: string[];
+    panel: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type TabsVariantProps = VariantProps<typeof tabs>;
 type TabsSlots = keyof ReturnType<typeof tabs>;
 type TabsReturnType = ReturnType<typeof tabs>;

package/dist/components/toggle.d.ts

@@ -287,7 +287,198 @@ declare const toggle: tailwind_variants.TVReturnType<{
     endContent: string;
     thumbIcon: string;
     label: string;
-}>;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type ToggleVariantProps = VariantProps<typeof toggle>;
 type ToggleSlots = keyof ReturnType<typeof toggle>;
 

package/dist/components/user.d.ts

@@ -49,7 +49,17 @@ declare const user: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsD
     wrapper: string;
     name: string;
     description: string;
-}>;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined> | {}>, unknown, unknown, undefined>>;
 type UserSlots = keyof ReturnType<typeof user>;
 
 export { UserSlots, user };

package/dist/index.js

@@ -2803,6 +2803,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",
@@ -2892,7 +2893,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"
+        ]
       }
     }
   },
@@ -3097,17 +3103,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"],
@@ -3726,19 +3743,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",
@@ -4213,6 +4225,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"
+      }
     }
   ]
 });
@@ -5730,6 +5763,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",
@@ -5837,15 +5871,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/index.mjs

@@ -29,7 +29,7 @@ import {
 } from "./chunk-4JBYJQSP.mjs";
 import {
   select
-} from "./chunk-NVPBHMUQ.mjs";
+} from "./chunk-X3O5NF4F.mjs";
 import {
   skeleton
 } from "./chunk-EUS2SEYI.mjs";
@@ -41,7 +41,7 @@ import {
 } from "./chunk-EC4F6RJF.mjs";
 import {
   input
-} from "./chunk-PBGVMEDL.mjs";
+} from "./chunk-PJV3MWBL.mjs";
 import {
   kbd
 } from "./chunk-XY766PDD.mjs";
@@ -63,7 +63,7 @@ import {
 } from "./chunk-LGRQRHJJ.mjs";
 import {
   pagination
-} from "./chunk-FZZINZOQ.mjs";
+} from "./chunk-ER6JQ3OQ.mjs";
 import {
   chip
 } from "./chunk-PKP3F3VC.mjs";

package/dist/types.d.ts

@@ -11,7 +11,7 @@ type FontThemeUnit = BaseThemeUnit & {
 };
 declare const spacingScaleKeys: string[];
 declare const mappedSpacingScaleKeys: string[];
-type SpacingScaleKeys = typeof spacingScaleKeys[number];
+type SpacingScaleKeys = (typeof spacingScaleKeys)[number];
 type SpacingScale = Partial<Record<SpacingScaleKeys, string>>;
 interface LayoutTheme {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -46,7 +46,7 @@
     "lodash.kebabcase": "^4.1.1",
     "lodash.mapkeys": "^4.6.0",
     "lodash.omit": "^4.5.0",
-    "tailwind-variants": "^0.1.13",
+    "tailwind-variants": "^0.1.14",
     "tailwindcss": "^3.2.7",
     "@types/color": "^3.0.3",
     "@types/flat": "^5.0.2",