@nextui-org/theme 0.0.0-dev-v2-20230620142942 → 0.0.0-dev-v2-20230620194547

package/dist/components/index.mjs

@@ -1,41 +1,53 @@
 import "../chunk-PRWEADY4.mjs";
+import {
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
+import {
+  spinner
+} from "../chunk-HOQUCE4N.mjs";
 import {
   table
 } from "../chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "../chunk-NVCWXYAR.mjs";
+} from "../chunk-HI3IKEJ5.mjs";
 import {
   toggle
-} from "../chunk-42RVICJN.mjs";
+} from "../chunk-UKSPZOXY.mjs";
 import {
   user
 } from "../chunk-ZFYINWFR.mjs";
+import {
+  modal
+} from "../chunk-AUOEYXLQ.mjs";
+import {
+  navbar
+} from "../chunk-A4SRDPJZ.mjs";
 import {
   pagination
-} from "../chunk-OPENJYHK.mjs";
+} from "../chunk-IUW423TP.mjs";
 import {
   popover
-} from "../chunk-O32L4YWJ.mjs";
+} from "../chunk-SEWAA5ZW.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
 import {
   radio,
   radioGroup
-} from "../chunk-2RQFBKZ4.mjs";
+} from "../chunk-E7FRZBCH.mjs";
 import {
   skeleton
 } from "../chunk-P5E3PNHW.mjs";
 import {
   snippet
-} from "../chunk-DWC7GT4K.mjs";
+} from "../chunk-3D7G7PZH.mjs";
 import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
+  divider
+} from "../chunk-2ENRZMQI.mjs";
 import {
-  spinner
-} from "../chunk-HOQUCE4N.mjs";
+  drip
+} from "../chunk-OIVGIOVG.mjs";
 import {
   dropdown,
   dropdownItem,
@@ -54,53 +66,41 @@ import {
 import {
   link,
   linkAnchorClasses
-} from "../chunk-YQXYRWJP.mjs";
+} from "../chunk-I36TDMJB.mjs";
 import {
-  modal
-} from "../chunk-UHOIXUPW.mjs";
+  avatar,
+  avatarGroup
+} from "../chunk-ZQF2KGKX.mjs";
 import {
-  navbar
-} from "../chunk-LWJT5D6G.mjs";
+  badge
+} from "../chunk-I75M4OOG.mjs";
 import {
   button,
   buttonGroup
-} from "../chunk-QU6QFAKV.mjs";
+} from "../chunk-7VYHIENL.mjs";
 import {
   card
-} from "../chunk-QW2ZGOKD.mjs";
+} from "../chunk-IN5LCODJ.mjs";
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-G34JOIZ3.mjs";
+} from "../chunk-C6TGDK6D.mjs";
 import {
   chip
-} from "../chunk-GRAPREJD.mjs";
+} from "../chunk-ZSOCX2PK.mjs";
 import {
   circularProgress
 } from "../chunk-UPBFQDTD.mjs";
 import {
   code
-} from "../chunk-BH4BMASL.mjs";
-import {
-  divider
-} from "../chunk-2ENRZMQI.mjs";
-import {
-  drip
-} from "../chunk-OIVGIOVG.mjs";
+} from "../chunk-576B55VI.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-CEW7YOHH.mjs";
 import {
   accordion,
   accordionItem
-} from "../chunk-HNRHIJNK.mjs";
-import {
-  avatar,
-  avatarGroup
-} from "../chunk-D4S5JGOT.mjs";
-import {
-  badge
-} from "../chunk-4G25OMVV.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
-import "../chunk-FPFQCKUP.mjs";
+} from "../chunk-YNGJCDQN.mjs";
 import "../chunk-TSW7CNKY.mjs";
 export {
   accordion,

package/dist/components/link.d.ts

@@ -33,7 +33,7 @@ declare const link: tailwind_variants.TVReturnType<{
     };
     isBlock: {
         true: string[];
-        false: "hover:opacity-80 transition-opacity";
+        false: "hover:opacity-80 active:opacity-50 transition-opacity";
     };
     isDisabled: {
         true: "opacity-50 cursor-default pointer-events-none";
@@ -66,7 +66,7 @@ declare const link: tailwind_variants.TVReturnType<{
     };
     isBlock: {
         true: string[];
-        false: "hover:opacity-80 transition-opacity";
+        false: "hover:opacity-80 active:opacity-50 transition-opacity";
     };
     isDisabled: {
         true: "opacity-50 cursor-default pointer-events-none";
@@ -99,7 +99,7 @@ declare const link: tailwind_variants.TVReturnType<{
     };
     isBlock: {
         true: string[];
-        false: "hover:opacity-80 transition-opacity";
+        false: "hover:opacity-80 active:opacity-50 transition-opacity";
     };
     isDisabled: {
         true: "opacity-50 cursor-default pointer-events-none";
@@ -132,7 +132,7 @@ declare const link: tailwind_variants.TVReturnType<{
     };
     isBlock: {
         true: string[];
-        false: "hover:opacity-80 transition-opacity";
+        false: "hover:opacity-80 active:opacity-50 transition-opacity";
     };
     isDisabled: {
         true: "opacity-50 cursor-default pointer-events-none";

package/dist/components/link.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(link_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var link = (0, import_tailwind_variants.tv)({
   base: [
-    "relative inline-flex items-center outline-none",
+    "relative inline-flex items-center outline-none tap-highlight-transparent",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -72,7 +72,7 @@ var link = (0, import_tailwind_variants.tv)({
         "after:transition-background",
         "after:absolute"
       ],
-      false: "hover:opacity-80 transition-opacity"
+      false: "hover:opacity-80 active:opacity-50 transition-opacity"
     },
     isDisabled: {
       true: "opacity-50 cursor-default pointer-events-none"

package/dist/components/link.mjs

@@ -1,7 +1,7 @@
 import {
   link,
   linkAnchorClasses
-} from "../chunk-YQXYRWJP.mjs";
+} from "../chunk-I36TDMJB.mjs";
 export {
   link,
   linkAnchorClasses

package/dist/components/modal.js

@@ -69,6 +69,7 @@ var modal = (0, import_tailwind_variants.tv)({
       "rounded-full",
       "hover:bg-default-100",
       "active:bg-default-200",
+      "tap-highlight-transparent",
       "data-[focus-visible]:outline-none",
       "data-[focus-visible]:ring-2",
       "data-[focus-visible]:!ring-primary",

package/dist/components/modal.mjs

@@ -1,6 +1,6 @@
 import {
   modal
-} from "../chunk-UHOIXUPW.mjs";
+} from "../chunk-AUOEYXLQ.mjs";
 export {
   modal
 };

package/dist/components/navbar.js

@@ -58,6 +58,7 @@ var navbar = (0, import_tailwind_variants.tv)({
       "h-full",
       "outline-none",
       "rounded-sm",
+      "tap-highlight-transparent",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-LWJT5D6G.mjs";
+} from "../chunk-A4SRDPJZ.mjs";
 export {
   navbar
 };

package/dist/components/pagination.d.ts

@@ -83,7 +83,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     showShadow: {
         true: {};
     };
-    hideCursor: {
+    disableCursorAnimation: {
         true: {
             cursor: string;
         };
@@ -99,7 +99,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     item: never[];
     prev: string;
     next: string;
@@ -172,7 +172,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     showShadow: {
         true: {};
     };
-    hideCursor: {
+    disableCursorAnimation: {
         true: {
             cursor: string;
         };
@@ -252,7 +252,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     showShadow: {
         true: {};
     };
-    hideCursor: {
+    disableCursorAnimation: {
         true: {
             cursor: string;
         };
@@ -332,7 +332,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     showShadow: {
         true: {};
     };
-    hideCursor: {
+    disableCursorAnimation: {
         true: {
             cursor: string;
         };
@@ -348,7 +348,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     item: never[];
     prev: string;
     next: string;

package/dist/components/pagination.js

@@ -54,7 +54,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/20 text-default-foreground",
+  default: "bg-default/40 text-default-foreground",
   primary: "bg-primary/20 text-primary",
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",
@@ -102,7 +102,18 @@ var colorVariants = {
 // src/components/pagination.ts
 var pagination = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "flex flex-nowrap relative overflow-x-auto overflow-y-visible items-center gap-1 max-w-fit h-fit",
+    base: [
+      "flex",
+      "flex-nowrap",
+      "h-fit",
+      "max-w-fit",
+      "py-2.5",
+      "relative",
+      "gap-1",
+      "items-center",
+      "overflow-x-scroll",
+      "scrollbar-hide"
+    ],
     item: [],
     prev: "",
     next: "",
@@ -188,7 +199,7 @@ var pagination = (0, import_tailwind_variants.tv)({
     showShadow: {
       true: {}
     },
-    hideCursor: {
+    disableCursorAnimation: {
       true: {
         cursor: "hidden"
       }
@@ -213,49 +224,49 @@ var pagination = (0, import_tailwind_variants.tv)({
     isDisabled: false,
     showShadow: false,
     disableAnimation: false,
-    hideCursor: false
+    disableCursorAnimation: false
   },
   compoundVariants: [
     {
       showShadow: true,
       color: "default",
       class: {
-        cursor: colorVariants.shadow.default
+        cursor: [colorVariants.shadow.default, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "primary",
       class: {
-        cursor: colorVariants.shadow.primary
+        cursor: [colorVariants.shadow.primary, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "secondary",
       class: {
-        cursor: colorVariants.shadow.secondary
+        cursor: [colorVariants.shadow.secondary, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "success",
       class: {
-        cursor: colorVariants.shadow.success
+        cursor: [colorVariants.shadow.success, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "warning",
       class: {
-        cursor: colorVariants.shadow.warning
+        cursor: [colorVariants.shadow.warning, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "danger",
       class: {
-        cursor: colorVariants.shadow.danger
+        cursor: [colorVariants.shadow.danger, "shadow-md"]
       }
     },
     {
@@ -266,7 +277,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "default",
       class: {
         item: [
@@ -277,7 +288,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "primary",
       class: {
         item: [
@@ -288,7 +299,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "secondary",
       class: {
         item: [
@@ -299,7 +310,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "success",
       class: {
         item: [
@@ -310,7 +321,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "warning",
       class: {
         item: [
@@ -321,7 +332,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "danger",
       class: {
         item: [
@@ -332,51 +343,51 @@ var pagination = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "default",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-default/50"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-default/50"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "primary",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-primary/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-primary/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "secondary",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-secondary/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-secondary/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "success",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-success/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-success/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "warning",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-warning/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-warning/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "danger",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-danger/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-danger/40"]
       }
     }
   ],

package/dist/components/pagination.mjs

@@ -1,9 +1,9 @@
 import {
   pagination
-} from "../chunk-OPENJYHK.mjs";
+} from "../chunk-IUW423TP.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-FPFQCKUP.mjs";
+import "../chunk-CEW7YOHH.mjs";
 import "../chunk-TSW7CNKY.mjs";
 export {
   pagination

package/dist/components/popover.js

@@ -54,7 +54,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/20 text-default-foreground",
+  default: "bg-default/40 text-default-foreground",
   primary: "bg-primary/20 text-primary",
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",

package/dist/components/popover.mjs

@@ -1,9 +1,9 @@
 import {
   popover
-} from "../chunk-O32L4YWJ.mjs";
+} from "../chunk-SEWAA5ZW.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-FPFQCKUP.mjs";
+import "../chunk-CEW7YOHH.mjs";
 import "../chunk-TSW7CNKY.mjs";
 export {
   popover

package/dist/components/radio.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(radio_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var radio = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
     wrapper: [
       "relative",
       "inline-flex",

package/dist/components/radio.mjs

@@ -1,7 +1,7 @@
 import {
   radio,
   radioGroup
-} from "../chunk-2RQFBKZ4.mjs";
+} from "../chunk-E7FRZBCH.mjs";
 export {
   radio,
   radioGroup

package/dist/components/snippet.js

@@ -54,7 +54,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/20 text-default-foreground",
+  default: "bg-default/40 text-default-foreground",
   primary: "bg-primary/20 text-primary",
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",

package/dist/components/snippet.mjs

@@ -1,9 +1,9 @@
 import {
   snippet
-} from "../chunk-DWC7GT4K.mjs";
+} from "../chunk-3D7G7PZH.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-FPFQCKUP.mjs";
+import "../chunk-CEW7YOHH.mjs";
 import "../chunk-TSW7CNKY.mjs";
 export {
   snippet

package/dist/components/tabs.js

@@ -54,7 +54,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/20 text-default-foreground",
+  default: "bg-default/40 text-default-foreground",
   primary: "bg-primary/20 text-primary",
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",
@@ -103,7 +103,17 @@ var colorVariants = {
 var tabs = (0, import_tailwind_variants.tv)({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: [
+      "flex",
+      "p-1",
+      "h-fit",
+      "gap-2",
+      "items-center",
+      "flex-nowrap",
+      "overflow-x-scroll",
+      "scrollbar-hide",
+      "bg-default-100"
+    ],
     tab: [
       "z-0",
       "w-full",
@@ -119,7 +129,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       "transition-opacity",
       "data-[disabled=true]:cursor-not-allowed",
       "data-[disabled=true]:opacity-30",
-      "data-[hover-unselected=true]:opacity-70",
+      "data-[hover-unselected=true]:opacity-50",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",

package/dist/components/tabs.mjs

@@ -1,9 +1,9 @@
 import {
   tabs
-} from "../chunk-NVCWXYAR.mjs";
+} from "../chunk-HI3IKEJ5.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-FPFQCKUP.mjs";
+import "../chunk-CEW7YOHH.mjs";
 import "../chunk-TSW7CNKY.mjs";
 export {
   tabs

package/dist/components/toggle.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(toggle_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var toggle = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent",
     wrapper: [
       "px-1",
       "relative",

package/dist/components/toggle.mjs

@@ -1,6 +1,6 @@
 import {
   toggle
-} from "../chunk-42RVICJN.mjs";
+} from "../chunk-UKSPZOXY.mjs";
 export {
   toggle
 };