@nextui-org/theme 0.0.0-dev-v2-20230711220434 → 0.0.0-dev-v2-20230714000855

package/dist/{chunk-ZXYHKJIQ.mjs → chunk-3OO2OG3D.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/navbar.ts
 var navbar = tv({

package/dist/{chunk-6STAS2ZC.mjs → chunk-7CWAY3O6.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/dropdown.ts
 var dropdown = tv({

package/dist/{chunk-VXHFMI4N.mjs → chunk-7VWFPKXY.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   ringClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/chip.ts
 var chip = tv({

package/dist/{chunk-G2ZSNGR5.mjs → chunk-7XCRZIGF.mjs}

@@ -4,21 +4,16 @@ var baseStyles = (prefix) => ({
   backgroundColor: `hsl(var(--${prefix}-background))`
 });
 var focusVisibleClasses = [
-  "focus:outline-0",
-  "focus-visible:ring-2",
-  "focus-visible:ring-focus",
-  "focus-visible:ring-offset-2",
-  "focus-visible:transition-shadow",
-  "focus-visible:ring-offset-background"
+  "focus-visible:z-10",
+  "focus-visible:outline-2",
+  "focus-visible:outline-focus",
+  "focus-visible:outline-offset-2"
 ];
 var dataFocusVisibleClasses = [
-  "outline-none",
   "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-none",
-  "data-[focus-visible=true]:ring-2",
-  "data-[focus-visible=true]:ring-focus",
-  "data-[focus-visible=true]:ring-offset-2",
-  "data-[focus-visible=true]:ring-offset-background"
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
 ];
 var groupDataFocusVisibleClasses = [
   "outline-none",

package/dist/{chunk-4YHCMJRN.mjs → chunk-BSCHFKQW.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/tabs.ts
 var tabs = tv({

package/dist/{chunk-ZI5COUXQ.mjs → chunk-BTHG2MOO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   groupDataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/radio.ts
 var radio = tv({

package/dist/{chunk-O5M4H7XK.mjs → chunk-DAX4HULG.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/button.ts
 var button = tv({
@@ -21,6 +21,7 @@ var button = tv({
     "appearance-none",
     "outline-none",
     "select-none",
+    "whitespace-nowrap",
     "min-w-max",
     "font-normal",
     "subpixel-antialiased",

package/dist/{chunk-77UQ3NZS.mjs → chunk-DK3LBYIW.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/user.ts
 var user = tv({

package/dist/{chunk-UNQJ7BRW.mjs → chunk-DYIIRM5B.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4Z22WXZX.mjs";
 import {
   transition_default
-} from "./chunk-HJLDXSH7.mjs";
+} from "./chunk-KPK2JQIF.mjs";
 
 // src/utilities/index.ts
 var utilities = {

package/dist/{chunk-CWTAKO25.mjs → chunk-FTAANQDH.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/input.ts
 var input = tv({
@@ -104,7 +104,7 @@ var input = tv({
       sm: {
         label: "text-tiny",
         inputWrapper: "h-8 px-2 rounded-small",
-        input: "text-tiny",
+        input: "text-small",
         clearButton: "text-medium"
       },
       md: {

package/dist/{chunk-YHPVXNGU.mjs → chunk-FZB6NELW.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   dataFocusVisibleClasses,
   translateCenterClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/avatar.ts
 var avatar = tv({

package/dist/{chunk-5BP6X5TP.mjs → chunk-GQCXHDRA.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/popover.ts
 var popover = tv({

package/dist/{chunk-R6JBY26N.mjs → chunk-GRAE3A2P.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/accordion.ts
 var accordion = tv({

package/dist/{chunk-HJLDXSH7.mjs → chunk-KPK2JQIF.mjs}

@@ -26,6 +26,11 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-colors-opacity": {
+    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-width": {
     "transition-property": "width",
     "transition-timing-function": "ease",

package/dist/{chunk-LUKNKAXA.mjs → chunk-NAQMB7Q2.mjs}

@@ -5,10 +5,10 @@ import {
 } from "./chunk-XA5ALA4E.mjs";
 import {
   utilities
-} from "./chunk-UNQJ7BRW.mjs";
+} from "./chunk-DYIIRM5B.mjs";
 import {
   baseStyles
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 import {
   semanticColors
 } from "./chunk-G4RCK475.mjs";

package/dist/{chunk-OKYUPN2M.mjs → chunk-NW4JUNKJ.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/modal.ts
 var modal = tv({

package/dist/{chunk-3M2I7KY5.mjs → chunk-NWJ7Y4FY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/card.ts
 var card = tv({

package/dist/{chunk-5P6KREN2.mjs → chunk-RXPDLLTT.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   groupDataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/checkbox.ts
 var checkbox = tv({

package/dist/{chunk-I4BI2UUF.mjs → chunk-USEN2DE7.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/toggle.ts
 var toggle = tv({

package/dist/{chunk-YABGFFXQ.mjs → chunk-W4Y7SD3F.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/pagination.ts
 var pagination = tv({

package/dist/{chunk-OBEH5DVK.mjs → chunk-X66RRFWA.mjs}

@@ -3,19 +3,21 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/table.ts
 var table = tv({
   slots: {
-    base: [
+    base: "flex flex-col relative gap-4",
+    wrapper: [
       "p-4",
+      "z-0",
       "flex",
       "flex-col",
       "relative",
       "justify-between",
       "gap-4",
-      "shadow-medium",
+      "shadow-small",
       "bg-content1",
       "overflow-auto"
     ],
@@ -30,6 +32,7 @@ var table = tv({
       "text-left",
       "align-middle",
       "bg-default-100",
+      "whitespace-nowrap",
       "text-foreground-500",
       "text-tiny",
       "font-semibold",
@@ -47,13 +50,13 @@ var table = tv({
       "relative",
       "align-middle",
       "whitespace-normal",
-      "text-medium",
+      "text-small",
       "font-normal",
       "outline-none",
       ...dataFocusVisibleClasses,
       "before:content-['']",
       "before:absolute",
-      "before:-z-[1]",
+      "before:z-[-1]",
       "before:inset-0",
       "before:opacity-0",
       "data-[selected=true]:before:opacity-100",
@@ -77,22 +80,22 @@ var table = tv({
   variants: {
     color: {
       default: {
-        td: "before:bg-default-200 dark:before:bg-default-100 data-[selected=true]:text-default-foreground"
+        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
       },
       primary: {
-        td: "before:bg-primary-50 data-[selected=true]:text-primary"
+        td: "before:bg-primary/20 data-[selected=true]:text-primary"
       },
       secondary: {
-        td: "before:bg-secondary-100 data-[selected=true]:text-secondary"
+        td: "before:bg-secondary/20 data-[selected=true]:text-secondary"
       },
       success: {
-        td: "before:bg-success-50 data-[selected=true]:text-success"
+        td: "before:bg-success/20 data-[selected=true]:text-success-600 dark:data-[selected=true]:text-success"
       },
       warning: {
-        td: "before:bg-warning-50 data-[selected=true]:text-warning"
+        td: "before:bg-warning/20 data-[selected=true]:text-warning-600 dark:data-[selected=true]:text-warning"
       },
       danger: {
-        td: "before:bg-danger-50 data-[selected=true]:text-danger"
+        td: "before:bg-danger/20 data-[selected=true]:text-danger dark:data-[selected=true]:text-danger-500"
       }
     },
     layout: {
@@ -105,30 +108,30 @@ var table = tv({
     },
     radius: {
       none: {
-        base: "rounded-none"
+        wrapper: "rounded-none"
       },
       sm: {
-        base: "rounded-small"
+        wrapper: "rounded-small"
       },
       md: {
-        base: "rounded-medium"
+        wrapper: "rounded-medium"
       },
       lg: {
-        base: "rounded-large"
+        wrapper: "rounded-large"
       }
     },
     shadow: {
       none: {
-        base: "shadow-none"
+        wrapper: "shadow-none"
       },
       sm: {
-        base: "shadow-small"
+        wrapper: "shadow-small"
       },
       md: {
-        base: "shadow-medium"
+        wrapper: "shadow-medium"
       },
       lg: {
-        base: "shadow-large"
+        wrapper: "shadow-large"
       }
     },
     hideHeader: {
@@ -146,13 +149,16 @@ var table = tv({
     },
     isHeaderSticky: {
       true: {
-        thead: "sticky top-0 z-10 [&>tr]:first:shadow"
+        thead: "sticky top-0 z-10 [&>tr]:first:shadow-small"
       }
     },
     isSelectable: {
       true: {
         tr: "cursor-default",
-        td: ["group-data-[hover=true]:before:opacity-70"]
+        td: [
+          "group-aria-[selected=false]:group-data-[hover=true]:before:bg-default-100",
+          "group-aria-[selected=false]:group-data-[hover=true]:before:opacity-70"
+        ]
       }
     },
     isMultiSelectable: {
@@ -172,18 +178,20 @@ var table = tv({
     fullWidth: {
       true: {
         base: "w-full",
+        wrapper: "w-full",
         table: "w-full"
       }
     }
   },
   defaultVariants: {
     layout: "auto",
-    shadow: "md",
+    shadow: "sm",
     radius: "lg",
     color: "default",
     hideHeader: false,
     isStriped: false,
-    fullWidth: true
+    fullWidth: true,
+    disableAnimation: false
   }
 });
 

package/dist/{chunk-DSLATFLO.mjs → chunk-YU23PDLH.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J2DAFXTJ.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-G2ZSNGR5.mjs";
+} from "./chunk-7XCRZIGF.mjs";
 
 // src/components/link.ts
 var link = tv({

package/dist/{chunk-YDWKAAF3.mjs → chunk-ZLMOQ2CL.mjs}

@@ -88,6 +88,48 @@ var snippet = tv({
     disableAnimation: false
   },
   compoundVariants: [
+    {
+      variant: ["solid", "shadow"],
+      color: "default",
+      class: {
+        copyButton: "data-[focus-visible]:outline-default-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "primary",
+      class: {
+        copyButton: "data-[focus-visible]:outline-primary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "secondary",
+      class: {
+        copyButton: "data-[focus-visible]:outline-secondary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "success",
+      class: {
+        copyButton: "data-[focus-visible]:outline-success-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "warning",
+      class: {
+        copyButton: "data-[focus-visible]:outline-warning-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "danger",
+      class: {
+        copyButton: "data-[focus-visible]:outline-danger-foreground"
+      }
+    },
     {
       variant: "flat",
       color: "default",

package/dist/components/accordion.js

@@ -114,13 +114,10 @@ var tv = (options, config) => {
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
-  "outline-none",
   "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-none",
-  "data-[focus-visible=true]:ring-2",
-  "data-[focus-visible=true]:ring-focus",
-  "data-[focus-visible=true]:ring-offset-2",
-  "data-[focus-visible=true]:ring-offset-background"
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
 ];
 
 // src/components/accordion.ts

package/dist/components/accordion.mjs

@@ -1,12 +1,12 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-R6JBY26N.mjs";
+} from "../chunk-GRAE3A2P.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   accordion,

package/dist/components/avatar.js

@@ -114,13 +114,10 @@ var tv = (options, config) => {
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
-  "outline-none",
   "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-none",
-  "data-[focus-visible=true]:ring-2",
-  "data-[focus-visible=true]:ring-focus",
-  "data-[focus-visible=true]:ring-offset-2",
-  "data-[focus-visible=true]:ring-offset-background"
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
 ];
 var translateCenterClasses = [
   "absolute",

package/dist/components/avatar.mjs

@@ -1,12 +1,12 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-YHPVXNGU.mjs";
+} from "../chunk-FZB6NELW.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   avatar,

package/dist/components/badge.mjs

@@ -5,7 +5,7 @@ import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   badge

package/dist/components/button.js

@@ -114,13 +114,10 @@ var tv = (options, config) => {
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
-  "outline-none",
   "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-none",
-  "data-[focus-visible=true]:ring-2",
-  "data-[focus-visible=true]:ring-focus",
-  "data-[focus-visible=true]:ring-offset-2",
-  "data-[focus-visible=true]:ring-offset-background"
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
 ];
 
 // src/utils/variants.ts
@@ -210,6 +207,7 @@ var button = tv({
     "appearance-none",
     "outline-none",
     "select-none",
+    "whitespace-nowrap",
     "min-w-max",
     "font-normal",
     "subpixel-antialiased",

package/dist/components/button.mjs

@@ -1,12 +1,12 @@
 import {
   button,
   buttonGroup
-} from "../chunk-O5M4H7XK.mjs";
+} from "../chunk-DAX4HULG.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   button,

package/dist/components/card.js

@@ -113,13 +113,10 @@ var tv = (options, config) => {
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
-  "outline-none",
   "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-none",
-  "data-[focus-visible=true]:ring-2",
-  "data-[focus-visible=true]:ring-focus",
-  "data-[focus-visible=true]:ring-offset-2",
-  "data-[focus-visible=true]:ring-offset-background"
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
 ];
 
 // src/components/card.ts

package/dist/components/card.mjs

@@ -1,11 +1,11 @@
 import {
   card
-} from "../chunk-3M2I7KY5.mjs";
+} from "../chunk-NWJ7Y4FY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   card

package/dist/components/checkbox.mjs

@@ -1,12 +1,12 @@
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-5P6KREN2.mjs";
+} from "../chunk-RXPDLLTT.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   checkbox,

package/dist/components/chip.mjs

@@ -1,11 +1,11 @@
 import {
   chip
-} from "../chunk-VXHFMI4N.mjs";
+} from "../chunk-7VWFPKXY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   chip

package/dist/components/code.mjs

@@ -5,7 +5,7 @@ import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
 import "../chunk-J2DAFXTJ.mjs";
-import "../chunk-G2ZSNGR5.mjs";
+import "../chunk-7XCRZIGF.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   code