@nextui-org/theme 0.0.0-dev-v2-20230717232039 → 0.0.0-dev-v2-20230718014939

package/dist/components/index.js

@@ -703,7 +703,6 @@ var button = tv({
     "min-w-max",
     "font-normal",
     "subpixel-antialiased",
-    "data-[pressed=true]:scale-95",
     "overflow-hidden",
     "tap-highlight-transparent",
     ...dataFocusVisibleClasses
@@ -756,7 +755,7 @@ var button = tv({
     },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-colors motion-reduce:transition-none"
+      false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -2425,7 +2424,7 @@ var badge = tv({
 // src/components/checkbox.ts
 var checkbox = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2449,7 +2448,6 @@ var checkbox = tv({
       "group-data-[selected=true]:after:scale-100",
       "group-data-[selected=true]:after:opacity-100",
       "group-data-[hover=true]:before:bg-default-100",
-      "group-data-[hover=true]:before:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
     icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
@@ -2567,6 +2565,8 @@ var checkbox = tv({
       false: {
         wrapper: [
           "before:transition-background",
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",
           "after:!duration-200"
@@ -2597,7 +2597,7 @@ var checkboxGroup = tv({
 // src/components/radio.ts
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2694,7 +2694,7 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: "transition-background",
+        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
         control: "transition-transform-opacity"
       }
     }
@@ -2832,7 +2832,7 @@ var pagination = tv({
         cursor: "transition-none"
       },
       false: {
-        item: "transition-background",
+        item: ["data-[pressed=true]:scale-95", "transition-transform-background"],
         cursor: ["transition-transform", "!duration-300"]
       }
     }
@@ -3107,7 +3107,7 @@ var toggle = tv({
       "overflow-hidden",
       "bg-default-200",
       "rounded-full",
-      ...dataFocusVisibleClasses
+      ...groupDataFocusVisibleClasses
     ],
     thumb: [
       "z-10",
@@ -3168,9 +3168,7 @@ var toggle = tv({
         wrapper: "w-10 h-6 mr-2",
         thumb: [
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]:ml-4",
-          "group-data-[pressed=true]:w-5",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
@@ -3180,9 +3178,7 @@ var toggle = tv({
         wrapper: "w-12 h-7 mr-2",
         thumb: [
           "w-5 h-5 text-small",
-          "group-data-[selected=true]:ml-5",
-          "group-data-[pressed=true]:w-6",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
@@ -3192,9 +3188,7 @@ var toggle = tv({
         wrapper: "w-14 h-8 mr-2",
         thumb: [
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]:ml-6",
-          "group-data-[pressed=true]:w-7",
-          "group-data-[selected]:group-data-[pressed]:ml-5"
+          "group-data-[selected=true]:ml-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -3235,7 +3229,30 @@ var toggle = tv({
     size: "md",
     isDisabled: false,
     disableAnimation: false
-  }
+  },
+  compoundVariants: [
+    {
+      disableAnimation: false,
+      size: "sm",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "md",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "lg",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
+      }
+    }
+  ]
 });
 
 // src/components/accordion.ts

package/dist/components/index.mjs

@@ -1,17 +1,35 @@
 import "../chunk-PRWEADY4.mjs";
+import {
+  table
+} from "../chunk-ADNJ6GPZ.mjs";
+import {
+  tabs
+} from "../chunk-AWPGSFD6.mjs";
+import {
+  toggle
+} from "../chunk-SJ7X4UT4.mjs";
 import {
   user
 } from "../chunk-O24TFHPZ.mjs";
+import {
+  pagination
+} from "../chunk-RUD4TZ7J.mjs";
+import {
+  popover
+} from "../chunk-HREHHLTK.mjs";
+import {
+  progress
+} from "../chunk-LQGOKGQV.mjs";
 import {
   radio,
   radioGroup
-} from "../chunk-4DKW2WAC.mjs";
+} from "../chunk-Y33ZY7KH.mjs";
 import {
   skeleton
 } from "../chunk-EUS2SEYI.mjs";
 import {
   snippet
-} from "../chunk-B55QBA5E.mjs";
+} from "../chunk-O3IKQG57.mjs";
 import {
   spacer
 } from "../chunk-EC4F6RJF.mjs";
@@ -19,14 +37,14 @@ import {
   spinner
 } from "../chunk-NAY2XKLY.mjs";
 import {
-  table
-} from "../chunk-ADNJ6GPZ.mjs";
-import {
-  tabs
-} from "../chunk-RHIZZ5XX.mjs";
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "../chunk-23KK2ZAZ.mjs";
 import {
-  toggle
-} from "../chunk-HKDWTEHI.mjs";
+  image
+} from "../chunk-WBNF66V7.mjs";
 import {
   input
 } from "../chunk-LIHSRRTN.mjs";
@@ -44,38 +62,31 @@ import {
   navbar
 } from "../chunk-LGRQRHJJ.mjs";
 import {
-  pagination
-} from "../chunk-WK6I5GT7.mjs";
+  button,
+  buttonGroup
+} from "../chunk-KO4T2DX4.mjs";
 import {
-  popover
-} from "../chunk-HFOW2Y4W.mjs";
+  card
+} from "../chunk-O5HCT4VI.mjs";
 import {
-  progress
-} from "../chunk-LQGOKGQV.mjs";
+  checkbox,
+  checkboxGroup
+} from "../chunk-2T5RQ7SK.mjs";
 import {
   chip
-} from "../chunk-MYJVNM2A.mjs";
+} from "../chunk-QZOZ7UWM.mjs";
 import {
   circularProgress
 } from "../chunk-XPLXQDB3.mjs";
 import {
   code
-} from "../chunk-77O7KLUI.mjs";
+} from "../chunk-HDWYLUG3.mjs";
 import {
   divider
 } from "../chunk-YSXRNNDV.mjs";
 import {
   drip
 } from "../chunk-GNLIYZAQ.mjs";
-import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "../chunk-23KK2ZAZ.mjs";
-import {
-  image
-} from "../chunk-WBNF66V7.mjs";
 import {
   accordion,
   accordionItem
@@ -83,25 +94,14 @@ import {
 import {
   avatar,
   avatarGroup
-} from "../chunk-RPMLQF4Y.mjs";
+} from "../chunk-VB6YPWEW.mjs";
 import {
   badge
-} from "../chunk-XCWQAA5D.mjs";
-import {
-  button,
-  buttonGroup
-} from "../chunk-TJL5HHMD.mjs";
-import {
-  card
-} from "../chunk-O5HCT4VI.mjs";
-import {
-  checkbox,
-  checkboxGroup
-} from "../chunk-H3WJKBMK.mjs";
+} from "../chunk-3RZCOCFH.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/input.mjs

@@ -1,10 +1,10 @@
 import {
   input
 } from "../chunk-LIHSRRTN.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/link.mjs

@@ -2,10 +2,10 @@ import {
   link,
   linkAnchorClasses
 } from "../chunk-MOHT4OBR.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/modal.mjs

@@ -1,10 +1,10 @@
 import {
   modal
 } from "../chunk-VW6BA2CS.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/navbar.mjs

@@ -1,10 +1,10 @@
 import {
   navbar
 } from "../chunk-LGRQRHJJ.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/pagination.d.ts

@@ -90,7 +90,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
             cursor: string;
         };
         false: {
-            item: string;
+            item: string[];
             cursor: string[];
         };
     };
@@ -176,7 +176,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
             cursor: string;
         };
         false: {
-            item: string;
+            item: string[];
             cursor: string[];
         };
     };
@@ -252,7 +252,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
             cursor: string;
         };
         false: {
-            item: string;
+            item: string[];
             cursor: string[];
         };
     };
@@ -328,7 +328,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
             cursor: string;
         };
         false: {
-            item: string;
+            item: string[];
             cursor: string[];
         };
     };

package/dist/components/pagination.js

@@ -314,7 +314,7 @@ var pagination = tv({
         cursor: "transition-none"
       },
       false: {
-        item: "transition-background",
+        item: ["data-[pressed=true]:scale-95", "transition-transform-background"],
         cursor: ["transition-transform", "!duration-300"]
       }
     }

package/dist/components/pagination.mjs

@@ -1,10 +1,10 @@
 import {
   pagination
-} from "../chunk-WK6I5GT7.mjs";
+} from "../chunk-RUD4TZ7J.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/popover.mjs

@@ -1,10 +1,10 @@
 import {
   popover
-} from "../chunk-HFOW2Y4W.mjs";
+} from "../chunk-HREHHLTK.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/radio.d.ts

@@ -90,7 +90,7 @@ declare const radio: tailwind_variants.TVReturnType<{
     disableAnimation: {
         true: {};
         false: {
-            wrapper: string;
+            wrapper: string[];
             control: string;
         };
     };
@@ -167,7 +167,7 @@ declare const radio: tailwind_variants.TVReturnType<{
     disableAnimation: {
         true: {};
         false: {
-            wrapper: string;
+            wrapper: string[];
             control: string;
         };
     };
@@ -237,7 +237,7 @@ declare const radio: tailwind_variants.TVReturnType<{
     disableAnimation: {
         true: {};
         false: {
-            wrapper: string;
+            wrapper: string[];
             control: string;
         };
     };
@@ -307,7 +307,7 @@ declare const radio: tailwind_variants.TVReturnType<{
     disableAnimation: {
         true: {};
         false: {
-            wrapper: string;
+            wrapper: string[];
             control: string;
         };
     };

package/dist/components/radio.js

@@ -130,7 +130,7 @@ var groupDataFocusVisibleClasses = [
 // src/components/radio.ts
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
     wrapper: [
       "relative",
       "inline-flex",
@@ -227,7 +227,7 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: "transition-background",
+        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
         control: "transition-transform-opacity"
       }
     }

package/dist/components/radio.mjs

@@ -1,11 +1,11 @@
 import {
   radio,
   radioGroup
-} from "../chunk-4DKW2WAC.mjs";
+} from "../chunk-Y33ZY7KH.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/snippet.mjs

@@ -1,10 +1,10 @@
 import {
   snippet
-} from "../chunk-B55QBA5E.mjs";
+} from "../chunk-O3IKQG57.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/table.mjs

@@ -1,10 +1,10 @@
 import {
   table
 } from "../chunk-ADNJ6GPZ.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/tabs.mjs

@@ -1,10 +1,10 @@
 import {
   tabs
-} from "../chunk-RHIZZ5XX.mjs";
+} from "../chunk-AWPGSFD6.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/toggle.js

@@ -117,12 +117,13 @@ var tv = (options, config) => {
 };
 
 // src/utils/classes.ts
-var dataFocusVisibleClasses = [
+var groupDataFocusVisibleClasses = [
   "outline-none",
-  "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-2",
-  "data-[focus-visible=true]:outline-focus",
-  "data-[focus-visible=true]:outline-offset-2"
+  "group-data-[focus-visible=true]:z-10",
+  "group-data-[focus-visible=true]:ring-2",
+  "group-data-[focus-visible=true]:ring-focus",
+  "group-data-[focus-visible=true]:ring-offset-2",
+  "group-data-[focus-visible=true]:ring-offset-background"
 ];
 
 // src/components/toggle.ts
@@ -139,7 +140,7 @@ var toggle = tv({
       "overflow-hidden",
       "bg-default-200",
       "rounded-full",
-      ...dataFocusVisibleClasses
+      ...groupDataFocusVisibleClasses
     ],
     thumb: [
       "z-10",
@@ -200,9 +201,7 @@ var toggle = tv({
         wrapper: "w-10 h-6 mr-2",
         thumb: [
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]:ml-4",
-          "group-data-[pressed=true]:w-5",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
@@ -212,9 +211,7 @@ var toggle = tv({
         wrapper: "w-12 h-7 mr-2",
         thumb: [
           "w-5 h-5 text-small",
-          "group-data-[selected=true]:ml-5",
-          "group-data-[pressed=true]:w-6",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
@@ -224,9 +221,7 @@ var toggle = tv({
         wrapper: "w-14 h-8 mr-2",
         thumb: [
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]:ml-6",
-          "group-data-[pressed=true]:w-7",
-          "group-data-[selected]:group-data-[pressed]:ml-5"
+          "group-data-[selected=true]:ml-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -267,7 +262,30 @@ var toggle = tv({
     size: "md",
     isDisabled: false,
     disableAnimation: false
-  }
+  },
+  compoundVariants: [
+    {
+      disableAnimation: false,
+      size: "sm",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "md",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "lg",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
+      }
+    }
+  ]
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/toggle.mjs

@@ -1,10 +1,10 @@
 import {
   toggle
-} from "../chunk-HKDWTEHI.mjs";
+} from "../chunk-SJ7X4UT4.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {

package/dist/components/user.mjs

@@ -1,10 +1,10 @@
 import {
   user
 } from "../chunk-O24TFHPZ.mjs";
+import "../chunk-6AEINX52.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
 import "../chunk-T7JNS25F.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {