@nextui-org/theme 0.0.0-dev-v2-20230620154717 → 0.0.0-dev-v2-20230620200507

package/dist/{chunk-DWC7GT4K.mjs → chunk-3D7G7PZH.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/snippet.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-4Z22WXZX.mjs

@@ -0,0 +1,21 @@
+// src/utilities/scrollbar-hide.ts
+var scrollbar_hide_default = {
+  ".scrollbar-hide": {
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "&::-webkit-scrollbar": {
+      display: "none"
+    }
+  },
+  ".scrollbar-default": {
+    "-ms-overflow-style": "auto",
+    "scrollbar-width": "auto",
+    "&::-webkit-scrollbar": {
+      display: "block"
+    }
+  }
+};
+
+export {
+  scrollbar_hide_default
+};

package/dist/{chunk-PMVP54WC.mjs → chunk-52QYM3YD.mjs}

@@ -1,21 +1,21 @@
 import {
   utilities
-} from "./chunk-JH2TR6BI.mjs";
+} from "./chunk-OQGOVMIP.mjs";
+import {
+  baseStyles
+} from "./chunk-TSW7CNKY.mjs";
 import {
   semanticColors
-} from "./chunk-ONXWXFZH.mjs";
+} from "./chunk-RB7R7Z3Y.mjs";
 import {
-  commonColors
-} from "./chunk-2G3JZ2MA.mjs";
+  removeDefaultKeys
+} from "./chunk-37PIXVP4.mjs";
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
 import {
-  baseStyles
-} from "./chunk-TSW7CNKY.mjs";
-import {
-  removeDefaultKeys
-} from "./chunk-37PIXVP4.mjs";
+  commonColors
+} from "./chunk-5LKRUH3Q.mjs";
 
 // src/plugin.ts
 import Color from "color";

package/dist/{chunk-BH4BMASL.mjs → chunk-576B55VI.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-QU6QFAKV.mjs → chunk-7VYHIENL.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -20,6 +20,7 @@ var button = tv({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
+    "tap-highlight-transparent",
     "data-[focus-visible=true]:z-10",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
@@ -350,7 +351,7 @@ var button = tv({
     {
       isInGroup: true,
       variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:border-l-0"
+      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.2)*-1)]"
     },
     {
       isIconOnly: true,

package/dist/{chunk-LWJT5D6G.mjs → chunk-A4SRDPJZ.mjs}

@@ -34,6 +34,7 @@ var navbar = 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/{chunk-UHOIXUPW.mjs → chunk-AUOEYXLQ.mjs}

@@ -45,6 +45,7 @@ var modal = 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/{chunk-G34JOIZ3.mjs → chunk-C6TGDK6D.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var checkbox = 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/{chunk-FPFQCKUP.mjs → chunk-CEW7YOHH.mjs}

@@ -27,7 +27,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/chunk-DI2L75XK.mjs

@@ -0,0 +1,22 @@
+// src/utilities/custom.ts
+var custom_default = {
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".tap-highlight-transparent": {
+    "-webkit-tap-highlight-color": "transparent"
+  }
+};
+
+export {
+  custom_default
+};

package/dist/{chunk-2RQFBKZ4.mjs → chunk-E7FRZBCH.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var radio = 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/{chunk-NVCWXYAR.mjs → chunk-HI3IKEJ5.mjs}

@@ -1,13 +1,23 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";
 var tabs = 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",
@@ -23,7 +33,7 @@ var tabs = 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/{chunk-JH2TR6BI.mjs → chunk-HJLDXSH7.mjs}

@@ -1,25 +1,13 @@
-// src/utilities/index.ts
+// src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
-var utilities = {
-  ".leading-inherit": {
-    "line-height": "inherit"
-  },
-  ".bg-img-inherit": {
-    "background-image": "inherit"
-  },
-  ".bg-clip-inherit": {
-    "background-clip": "inherit"
-  },
-  ".text-fill-inherit": {
-    "-webkit-text-fill-color": "inherit"
-  },
-  ".transition-background": {
-    "transition-property": "background",
+var transition_default = {
+  ".transition-all": {
+    "transition-property": "all",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-all": {
-    "transition-property": "all",
+  ".transition-background": {
+    "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
@@ -81,5 +69,5 @@ var utilities = {
 };
 
 export {
-  utilities
+  transition_default
 };

package/dist/{chunk-YQXYRWJP.mjs → chunk-I36TDMJB.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var link = 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",
@@ -47,7 +47,7 @@ var link = 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/{chunk-4G25OMVV.mjs → chunk-I75M4OOG.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/badge.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-QW2ZGOKD.mjs → chunk-IN5LCODJ.mjs}

@@ -173,7 +173,7 @@ var card = tv({
     {
       isPressable: true,
       disableAnimation: false,
-      class: "data-[pressed=true]:scale-95"
+      class: "data-[pressed=true]:scale-95 tap-highlight-transparent"
     }
   ],
   defaultVariants: {

package/dist/{chunk-FHA5PJK4.mjs → chunk-LBMDDCFV.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-ONXWXFZH.mjs";
+} from "./chunk-RB7R7Z3Y.mjs";
 import {
   commonColors
-} from "./chunk-2G3JZ2MA.mjs";
+} from "./chunk-5LKRUH3Q.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/chunk-OQGOVMIP.mjs

@@ -0,0 +1,20 @@
+import {
+  scrollbar_hide_default
+} from "./chunk-4Z22WXZX.mjs";
+import {
+  transition_default
+} from "./chunk-HJLDXSH7.mjs";
+import {
+  custom_default
+} from "./chunk-DI2L75XK.mjs";
+
+// src/utilities/index.ts
+var utilities = {
+  ...custom_default,
+  ...transition_default,
+  ...scrollbar_hide_default
+};
+
+export {
+  utilities
+};

package/dist/{chunk-ONXWXFZH.mjs → chunk-RB7R7Z3Y.mjs}

@@ -1,9 +1,9 @@
-import {
-  commonColors
-} from "./chunk-2G3JZ2MA.mjs";
 import {
   swapColorValues
 } from "./chunk-37PIXVP4.mjs";
+import {
+  commonColors
+} from "./chunk-5LKRUH3Q.mjs";
 
 // src/colors/semantic.ts
 import twColors from "tailwindcss/colors.js";

package/dist/{chunk-RT4IWYYT.mjs → chunk-RHBJWSYV.mjs}

@@ -1,13 +1,24 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";
 var pagination = tv({
   slots: {
-    base: ["flex flex-nowrap overflow-x-scroll py-2.5 relative items-center gap-1 max-w-fit h-fit"],
-    item: [],
+    base: [
+      "flex",
+      "flex-nowrap",
+      "h-fit",
+      "max-w-fit",
+      "py-2.5",
+      "relative",
+      "gap-1",
+      "items-center",
+      "overflow-x-scroll",
+      "scrollbar-hide"
+    ],
+    item: ["tap-highlight-transparent"],
     prev: "",
     next: "",
     cursor: [

package/dist/{chunk-O32L4YWJ.mjs → chunk-SEWAA5ZW.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-42RVICJN.mjs → chunk-UKSPZOXY.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var toggle = 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/{chunk-HNRHIJNK.mjs → chunk-YNGJCDQN.mjs}

@@ -33,8 +33,8 @@ var accordionItem = tv({
     ],
     heading: "",
     trigger: [
-      "flex py-4 w-full h-full gap-3 outline-none items-center",
-      "data-[pressed=true]:opacity-80",
+      "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
+      "data-[pressed=true]:opacity-50",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",

package/dist/{chunk-D4S5JGOT.mjs → chunk-ZQF2KGKX.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 import {
   translateCenterClasses
 } from "./chunk-TSW7CNKY.mjs";

package/dist/{chunk-GRAPREJD.mjs → chunk-ZSOCX2PK.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
 import {
   ringClasses
 } from "./chunk-TSW7CNKY.mjs";
@@ -22,7 +22,8 @@ var chip = tv({
       "opacity-70",
       "hover:opacity-100",
       "cursor-pointer",
-      "active:opacity-70"
+      "active:opacity-50",
+      "tap-highlight-transparent"
     ]
   },
   variants: {

package/dist/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-2G3JZ2MA.mjs";
+} from "../chunk-5LKRUH3Q.mjs";
+import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-DYAPDM2A.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-FHA5PJK4.mjs";
+} from "../chunk-LBMDDCFV.mjs";
 import {
   semanticColors
-} from "../chunk-ONXWXFZH.mjs";
+} from "../chunk-RB7R7Z3Y.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-2G3JZ2MA.mjs";
+} from "../chunk-5LKRUH3Q.mjs";
+import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-DYAPDM2A.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-ONXWXFZH.mjs";
-import "../chunk-2G3JZ2MA.mjs";
+} from "../chunk-RB7R7Z3Y.mjs";
+import "../chunk-37PIXVP4.mjs";
+import "../chunk-5LKRUH3Q.mjs";
+import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-DYAPDM2A.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-FHA5PJK4.mjs";
+} from "./chunk-LBMDDCFV.mjs";
 import {
   semanticColors
-} from "./chunk-ONXWXFZH.mjs";
+} from "./chunk-RB7R7Z3Y.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-2G3JZ2MA.mjs";
+} from "./chunk-5LKRUH3Q.mjs";
+import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-DYAPDM2A.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/components/accordion.js

@@ -58,8 +58,8 @@ var accordionItem = (0, import_tailwind_variants.tv)({
     ],
     heading: "",
     trigger: [
-      "flex py-4 w-full h-full gap-3 outline-none items-center",
-      "data-[pressed=true]:opacity-80",
+      "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
+      "data-[pressed=true]:opacity-50",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",

package/dist/components/accordion.mjs

@@ -1,7 +1,7 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-HNRHIJNK.mjs";
+} from "../chunk-YNGJCDQN.mjs";
 export {
   accordion,
   accordionItem

package/dist/components/avatar.js

@@ -64,7 +64,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/avatar.mjs

@@ -1,11 +1,11 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-D4S5JGOT.mjs";
+} from "../chunk-ZQF2KGKX.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-FPFQCKUP.mjs";
-import "../chunk-TSW7CNKY.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-CEW7YOHH.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   avatar,
   avatarGroup

package/dist/components/badge.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/badge.mjs

@@ -1,10 +1,10 @@
 import {
   badge
-} from "../chunk-4G25OMVV.mjs";
+} from "../chunk-I75M4OOG.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-FPFQCKUP.mjs";
-import "../chunk-TSW7CNKY.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-CEW7YOHH.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   badge
 };

package/dist/components/button.js

@@ -55,7 +55,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",
@@ -117,6 +117,7 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
+    "tap-highlight-transparent",
     "data-[focus-visible=true]:z-10",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
@@ -447,7 +448,7 @@ var button = (0, import_tailwind_variants.tv)({
     {
       isInGroup: true,
       variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:border-l-0"
+      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.2)*-1)]"
     },
     {
       isIconOnly: true,

package/dist/components/button.mjs

@@ -1,11 +1,11 @@
 import {
   button,
   buttonGroup
-} from "../chunk-QU6QFAKV.mjs";
+} from "../chunk-7VYHIENL.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-FPFQCKUP.mjs";
-import "../chunk-TSW7CNKY.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-CEW7YOHH.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   button,
   buttonGroup

package/dist/components/card.js

@@ -197,7 +197,7 @@ var card = (0, import_tailwind_variants.tv)({
     {
       isPressable: true,
       disableAnimation: false,
-      class: "data-[pressed=true]:scale-95"
+      class: "data-[pressed=true]:scale-95 tap-highlight-transparent"
     }
   ],
   defaultVariants: {

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-QW2ZGOKD.mjs";
+} from "../chunk-IN5LCODJ.mjs";
 export {
   card
 };