@nextui-org/theme 0.0.0-dev-v2-20230424221531 → 0.0.0-dev-v2-20230425031000

package/dist/{chunk-W2RCO7SN.mjs → chunk-5EODOBGH.mjs}

@@ -19,7 +19,7 @@ var button = tv({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-3",
+    "gap-1.5",
     "[&>svg]:max-w-[2em]",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",

package/dist/{chunk-DBYBIR6S.mjs → chunk-DO44X4Z2.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var input = tv({
   slots: {
-    base: "group flex flex-col gap-2",
+    base: "group flex flex-col data-[has-elements=true]:gap-2",
     label: "block text-sm font-medium text-neutral-600",
     inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
@@ -225,7 +225,7 @@ var input = tv({
     variant: "flat",
     color: "neutral",
     size: "md",
-    radius: "xl",
+    radius: "lg",
     fullWidth: true,
     labelPosition: "inside",
     isDisabled: false,

package/dist/chunk-KUQBSI5S.mjs

@@ -0,0 +1,29 @@
+// src/components/kbd.ts
+import { tv } from "tailwind-variants";
+var kbd = tv({
+  slots: {
+    base: [
+      "px-2",
+      "py-1",
+      "inline-block",
+      "space-x-0.5",
+      "font-sans",
+      "font-medium",
+      "text-center",
+      "text-sm",
+      "border",
+      "border-neutral",
+      "bg-neutral-100",
+      "text-neutral-600",
+      "rounded-md"
+    ],
+    abbr: "no-underline",
+    content: ""
+  },
+  variants: {},
+  defaultVariants: {}
+});
+
+export {
+  kbd
+};

package/dist/{chunk-4FNCWRTA.mjs → chunk-XICTHLAR.mjs}

@@ -1,11 +1,15 @@
-import {
-  focusVisibleClasses
-} from "./chunk-INZK6TTL.mjs";
-
 // src/components/link.ts
 import { tv } from "tailwind-variants";
 var link = tv({
-  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  base: [
+    "relative inline-flex items-center outline-none",
+    "data-[focus-visible=true]:outline-none",
+    "data-[focus-visible=true]:ring-2",
+    "data-[focus-visible=true]:ring-primary",
+    "data-[focus-visible=true]:ring-offset-2",
+    "data-[focus-visible=true]:ring-offset-background",
+    "data-[focus-visible=true]:dark:ring-offset-background-dark"
+  ],
   variants: {
     size: {
       xs: "text-xs",
@@ -22,12 +26,27 @@ var link = tv({
       warning: "text-warning",
       danger: "text-danger"
     },
-    isUnderline: {
-      true: "hover:underline active:underline focus:underline underline-offset-4",
-      false: "no-underline"
+    underline: {
+      none: "no-underline",
+      hover: "hover:underline",
+      always: "underline",
+      active: "active:underline",
+      focus: "focus:underline"
     },
     isBlock: {
-      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      true: [
+        "px-2",
+        "py-1",
+        "hover:after:opacity-100",
+        "after:content-['']",
+        "after:inset-0",
+        "after:opacity-0",
+        "after:w-full",
+        "after:h-full",
+        "after:rounded-xl",
+        "after:transition-background",
+        "after:absolute"
+      ],
       false: "hover:opacity-80 transition-opacity"
     },
     isDisabled: {
@@ -67,13 +86,17 @@ var link = tv({
       isBlock: true,
       color: "danger",
       class: "hover:after:bg-danger/20"
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
     }
   ],
   defaultVariants: {
     color: "primary",
     size: "md",
     isBlock: false,
-    isUnderline: false,
+    underline: "none",
     isDisabled: false,
     disableAnimation: false
   }

package/dist/components/avatar.mjs

@@ -2,8 +2,8 @@ import {
   avatar
 } from "../chunk-VZVHC65R.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   avatar

package/dist/components/badge.mjs

@@ -2,8 +2,8 @@ import {
   badge
 } from "../chunk-LCSLO6UV.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   badge

package/dist/components/button.js

@@ -115,7 +115,7 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-3",
+    "gap-1.5",
     "[&>svg]:max-w-[2em]",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",

package/dist/components/button.mjs

@@ -1,9 +1,9 @@
 import {
   button
-} from "../chunk-W2RCO7SN.mjs";
+} from "../chunk-5EODOBGH.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   button

package/dist/components/chip.mjs

@@ -2,8 +2,8 @@ import {
   chip
 } from "../chunk-NQJBJXX3.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   chip

package/dist/components/code.mjs

@@ -2,8 +2,8 @@ import {
   code
 } from "../chunk-WFCALVUC.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   code

package/dist/components/index.d.ts

@@ -33,5 +33,6 @@ export { NavbarSlots, NavbarVariantProps, navbar } from './navbar.js';
 export { TableReturnType, TableSlots, TableVariantProps, table } from './table.js';
 export { SpacerVariantProps, spacer } from './spacer.js';
 export { DividerVariantProps, divider } from './divider.js';
+export { KbdSlots, KbdVariantProps, kbd } from './kbd.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';

package/dist/components/index.js

@@ -41,6 +41,7 @@ __export(components_exports, {
   dropdownSection: () => dropdownSection,
   image: () => image,
   input: () => input,
+  kbd: () => kbd,
   link: () => link,
   modal: () => modal,
   navbar: () => navbar,
@@ -62,15 +63,6 @@ module.exports = __toCommonJS(components_exports);
 var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/classes.ts
-var focusVisibleClasses = [
-  "focus:outline-0",
-  "focus-visible:ring-2",
-  "focus-visible:ring-primary",
-  "focus-visible:ring-offset-2",
-  "focus-visible:transition-shadow",
-  "focus-visible:ring-offset-background",
-  "dark:focus-visible:ring-offset-background-dark"
-];
 var ringClasses = [
   "outline-none",
   "ring-2",
@@ -545,7 +537,15 @@ var card = (0, import_tailwind_variants3.tv)({
 // src/components/link.ts
 var import_tailwind_variants4 = require("tailwind-variants");
 var link = (0, import_tailwind_variants4.tv)({
-  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  base: [
+    "relative inline-flex items-center outline-none",
+    "data-[focus-visible=true]:outline-none",
+    "data-[focus-visible=true]:ring-2",
+    "data-[focus-visible=true]:ring-primary",
+    "data-[focus-visible=true]:ring-offset-2",
+    "data-[focus-visible=true]:ring-offset-background",
+    "data-[focus-visible=true]:dark:ring-offset-background-dark"
+  ],
   variants: {
     size: {
       xs: "text-xs",
@@ -562,12 +562,27 @@ var link = (0, import_tailwind_variants4.tv)({
       warning: "text-warning",
       danger: "text-danger"
     },
-    isUnderline: {
-      true: "hover:underline active:underline focus:underline underline-offset-4",
-      false: "no-underline"
+    underline: {
+      none: "no-underline",
+      hover: "hover:underline",
+      always: "underline",
+      active: "active:underline",
+      focus: "focus:underline"
     },
     isBlock: {
-      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      true: [
+        "px-2",
+        "py-1",
+        "hover:after:opacity-100",
+        "after:content-['']",
+        "after:inset-0",
+        "after:opacity-0",
+        "after:w-full",
+        "after:h-full",
+        "after:rounded-xl",
+        "after:transition-background",
+        "after:absolute"
+      ],
       false: "hover:opacity-80 transition-opacity"
     },
     isDisabled: {
@@ -607,13 +622,17 @@ var link = (0, import_tailwind_variants4.tv)({
       isBlock: true,
       color: "danger",
       class: "hover:after:bg-danger/20"
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
     }
   ],
   defaultVariants: {
     color: "primary",
     size: "md",
     isBlock: false,
-    isUnderline: false,
+    underline: "none",
     isDisabled: false,
     disableAnimation: false
   }
@@ -655,7 +674,7 @@ var button = (0, import_tailwind_variants6.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-3",
+    "gap-1.5",
     "[&>svg]:max-w-[2em]",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
@@ -3756,7 +3775,7 @@ var circularProgress = (0, import_tailwind_variants24.tv)({
 var import_tailwind_variants25 = require("tailwind-variants");
 var input = (0, import_tailwind_variants25.tv)({
   slots: {
-    base: "group flex flex-col gap-2",
+    base: "group flex flex-col data-[has-elements=true]:gap-2",
     label: "block text-sm font-medium text-neutral-600",
     inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
@@ -3979,7 +3998,7 @@ var input = (0, import_tailwind_variants25.tv)({
     variant: "flat",
     color: "neutral",
     size: "md",
-    radius: "xl",
+    radius: "lg",
     fullWidth: true,
     labelPosition: "inside",
     isDisabled: false,
@@ -5718,6 +5737,32 @@ var divider = (0, import_tailwind_variants35.tv)({
     orientation: "horizontal"
   }
 });
+
+// src/components/kbd.ts
+var import_tailwind_variants36 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants36.tv)({
+  slots: {
+    base: [
+      "px-2",
+      "py-1",
+      "inline-block",
+      "space-x-0.5",
+      "font-sans",
+      "font-medium",
+      "text-center",
+      "text-sm",
+      "border",
+      "border-neutral",
+      "bg-neutral-100",
+      "text-neutral-600",
+      "rounded-md"
+    ],
+    abbr: "no-underline",
+    content: ""
+  },
+  variants: {},
+  defaultVariants: {}
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -5741,6 +5786,7 @@ var divider = (0, import_tailwind_variants35.tv)({
   dropdownSection,
   image,
   input,
+  kbd,
   link,
   modal,
   navbar,

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
-import "../chunk-FD464FGG.mjs";
+import "../chunk-N7T6GTBO.mjs";
+import {
+  spinner
+} from "../chunk-XUL76UJD.mjs";
 import {
   table
 } from "../chunk-KWWWVBJL.mjs";
@@ -8,6 +11,9 @@ import {
 import {
   user
 } from "../chunk-MW7UVOSP.mjs";
+import {
+  navbar
+} from "../chunk-ACYWLBDN.mjs";
 import {
   pagination
 } from "../chunk-TYA6TT57.mjs";
@@ -29,9 +35,6 @@ import {
 import {
   spacer
 } from "../chunk-3B4SYPW2.mjs";
-import {
-  spinner
-} from "../chunk-XUL76UJD.mjs";
 import {
   dropdownSection
 } from "../chunk-AVGEHFT4.mjs";
@@ -43,16 +46,16 @@ import {
 } from "../chunk-6GGRJ6I7.mjs";
 import {
   input
-} from "../chunk-DBYBIR6S.mjs";
+} from "../chunk-DO44X4Z2.mjs";
+import {
+  kbd
+} from "../chunk-KUQBSI5S.mjs";
 import {
   link
-} from "../chunk-4FNCWRTA.mjs";
+} from "../chunk-XICTHLAR.mjs";
 import {
   modal
 } from "../chunk-YMIOHWCD.mjs";
-import {
-  navbar
-} from "../chunk-ACYWLBDN.mjs";
 import {
   checkbox
 } from "../chunk-7EKGN7JP.mjs";
@@ -94,10 +97,10 @@ import {
 } from "../chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "../chunk-W2RCO7SN.mjs";
+} from "../chunk-5EODOBGH.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import {
   card
 } from "../chunk-TDD767J7.mjs";
@@ -130,6 +133,7 @@ export {
   dropdownSection,
   image,
   input,
+  kbd,
   link,
   modal,
   navbar,

package/dist/components/input.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(input_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var input = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "group flex flex-col gap-2",
+    base: "group flex flex-col data-[has-elements=true]:gap-2",
     label: "block text-sm font-medium text-neutral-600",
     inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
@@ -249,7 +249,7 @@ var input = (0, import_tailwind_variants.tv)({
     variant: "flat",
     color: "neutral",
     size: "md",
-    radius: "xl",
+    radius: "lg",
     fullWidth: true,
     labelPosition: "inside",
     isDisabled: false,

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-DBYBIR6S.mjs";
+} from "../chunk-DO44X4Z2.mjs";
 export {
   input
 };

package/dist/components/kbd.d.ts

@@ -0,0 +1,43 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Keyboard Key wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const { base, abbr, content } = kbd()
+ *
+ * <kbd className={base()} >
+ *    <abbr title="Command" className={abbr()}>⌘</abbr>
+ *    <abbr title="Shift" className={abbr()}>⇧</abbr>
+ *    <abbr title="Control" className={abbr()}>⌃</abbr>
+ *    <abbr title="Option" className={abbr()}>⌥</abbr>
+ *    <abbr title="Enter" className={abbr()}>↵</abbr>
+ *    <abbr title="Delete" className={abbr()}>⌫</abbr>
+ *    <abbr title="Escape" className={abbr()}>⎋</abbr>
+ *    <abbr title="Tab" className={abbr()}>⇥</abbr>
+ *    <abbr title="Caps Lock" className={abbr()}>⇪</abbr>
+ *    <abbr title="Up" className={abbr()}>↑</abbr>
+ *    <abbr title="Right" className={abbr()}>→</abbr>
+ *    <abbr title="Down" className={abbr()}>↓</abbr>
+ *    <abbr title="Left" className={abbr()}>←</abbr>
+ *    <abbr title="Page Up" className={abbr()}>⇞</abbr>
+ *    <abbr title="Page Down" className={abbr()}>⇟</abbr>
+ *    <abbr title="Home" className={abbr()}>↖</abbr>
+ *    <abbr title="End" className={abbr()}>↘</abbr>
+ *    <abbr title="Help" className={abbr()}>?</abbr>
+ *    <abbr title="Space" className={abbr()}>␣</abbr>
+ *    <span className={content()}>A</span>
+ * </kbd>
+ */
+declare const kbd: tailwind_variants.TVReturnType<{}, unknown, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{}, unknown>>;
+type KbdVariantProps = VariantProps<typeof kbd>;
+type KbdSlots = keyof ReturnType<typeof kbd>;
+
+export { KbdSlots, KbdVariantProps, kbd };

package/dist/components/kbd.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/kbd.ts
+var kbd_exports = {};
+__export(kbd_exports, {
+  kbd: () => kbd
+});
+module.exports = __toCommonJS(kbd_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "px-2",
+      "py-1",
+      "inline-block",
+      "space-x-0.5",
+      "font-sans",
+      "font-medium",
+      "text-center",
+      "text-sm",
+      "border",
+      "border-neutral",
+      "bg-neutral-100",
+      "text-neutral-600",
+      "rounded-md"
+    ],
+    abbr: "no-underline",
+    content: ""
+  },
+  variants: {},
+  defaultVariants: {}
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  kbd
+});

package/dist/components/kbd.mjs

@@ -0,0 +1,6 @@
+import {
+  kbd
+} from "../chunk-KUQBSI5S.mjs";
+export {
+  kbd
+};

package/dist/components/link.d.ts

@@ -24,12 +24,15 @@ declare const link: tailwind_variants.TVReturnType<{
         warning: string;
         danger: string;
     };
-    isUnderline: {
-        true: string;
-        false: string;
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
     };
     isBlock: {
-        true: string;
+        true: string[];
         false: string;
     };
     isDisabled: {
@@ -54,12 +57,15 @@ declare const link: tailwind_variants.TVReturnType<{
         warning: string;
         danger: string;
     };
-    isUnderline: {
-        true: string;
-        false: string;
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
     };
     isBlock: {
-        true: string;
+        true: string[];
         false: string;
     };
     isDisabled: {

package/dist/components/link.js

@@ -24,21 +24,16 @@ __export(link_exports, {
 });
 module.exports = __toCommonJS(link_exports);
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/utils/classes.ts
-var focusVisibleClasses = [
-  "focus:outline-0",
-  "focus-visible:ring-2",
-  "focus-visible:ring-primary",
-  "focus-visible:ring-offset-2",
-  "focus-visible:transition-shadow",
-  "focus-visible:ring-offset-background",
-  "dark:focus-visible:ring-offset-background-dark"
-];
-
-// src/components/link.ts
 var link = (0, import_tailwind_variants.tv)({
-  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  base: [
+    "relative inline-flex items-center outline-none",
+    "data-[focus-visible=true]:outline-none",
+    "data-[focus-visible=true]:ring-2",
+    "data-[focus-visible=true]:ring-primary",
+    "data-[focus-visible=true]:ring-offset-2",
+    "data-[focus-visible=true]:ring-offset-background",
+    "data-[focus-visible=true]:dark:ring-offset-background-dark"
+  ],
   variants: {
     size: {
       xs: "text-xs",
@@ -55,12 +50,27 @@ var link = (0, import_tailwind_variants.tv)({
       warning: "text-warning",
       danger: "text-danger"
     },
-    isUnderline: {
-      true: "hover:underline active:underline focus:underline underline-offset-4",
-      false: "no-underline"
+    underline: {
+      none: "no-underline",
+      hover: "hover:underline",
+      always: "underline",
+      active: "active:underline",
+      focus: "focus:underline"
     },
     isBlock: {
-      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      true: [
+        "px-2",
+        "py-1",
+        "hover:after:opacity-100",
+        "after:content-['']",
+        "after:inset-0",
+        "after:opacity-0",
+        "after:w-full",
+        "after:h-full",
+        "after:rounded-xl",
+        "after:transition-background",
+        "after:absolute"
+      ],
       false: "hover:opacity-80 transition-opacity"
     },
     isDisabled: {
@@ -100,13 +110,17 @@ var link = (0, import_tailwind_variants.tv)({
       isBlock: true,
       color: "danger",
       class: "hover:after:bg-danger/20"
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
     }
   ],
   defaultVariants: {
     color: "primary",
     size: "md",
     isBlock: false,
-    isUnderline: false,
+    underline: "none",
     isDisabled: false,
     disableAnimation: false
   }

package/dist/components/link.mjs

@@ -1,10 +1,6 @@
 import {
   link
-} from "../chunk-4FNCWRTA.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
-import "../chunk-K7LK7NCE.mjs";
-import "../chunk-INZK6TTL.mjs";
+} from "../chunk-XICTHLAR.mjs";
 export {
   link
 };

package/dist/components/pagination.mjs

@@ -2,8 +2,8 @@ import {
   pagination
 } from "../chunk-TYA6TT57.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   pagination

package/dist/components/popover.mjs

@@ -2,8 +2,8 @@ import {
   popover
 } from "../chunk-JWVJZEAT.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   popover

package/dist/components/snippet.mjs

@@ -2,8 +2,8 @@ import {
   snippet
 } from "../chunk-4XSCIGTZ.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-RO3WUCFF.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   snippet

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export { NavbarSlots, NavbarVariantProps, navbar } from './components/navbar.js'
 export { TableReturnType, TableSlots, TableVariantProps, table } from './components/table.js';
 export { SpacerVariantProps, spacer } from './components/spacer.js';
 export { DividerVariantProps, divider } from './components/divider.js';
+export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.js';
 export { absoluteFullClasses, baseStyles, focusVisibleClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
 export { SlotsToClasses } from './utils/types.js';
 export { colorVariants } from './utils/variants.js';

package/dist/index.js

@@ -54,6 +54,7 @@ __export(src_exports, {
   focusVisibleClasses: () => focusVisibleClasses,
   image: () => image,
   input: () => input,
+  kbd: () => kbd,
   link: () => link,
   modal: () => modal,
   navbar: () => navbar,
@@ -71,7 +72,7 @@ __export(src_exports, {
   table: () => table,
   toggle: () => toggle,
   translateCenterClasses: () => translateCenterClasses,
-  tv: () => import_tailwind_variants37.tv,
+  tv: () => import_tailwind_variants38.tv,
   user: () => user
 });
 module.exports = __toCommonJS(src_exports);
@@ -568,7 +569,15 @@ var card = (0, import_tailwind_variants3.tv)({
 // src/components/link.ts
 var import_tailwind_variants4 = require("tailwind-variants");
 var link = (0, import_tailwind_variants4.tv)({
-  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  base: [
+    "relative inline-flex items-center outline-none",
+    "data-[focus-visible=true]:outline-none",
+    "data-[focus-visible=true]:ring-2",
+    "data-[focus-visible=true]:ring-primary",
+    "data-[focus-visible=true]:ring-offset-2",
+    "data-[focus-visible=true]:ring-offset-background",
+    "data-[focus-visible=true]:dark:ring-offset-background-dark"
+  ],
   variants: {
     size: {
       xs: "text-xs",
@@ -585,12 +594,27 @@ var link = (0, import_tailwind_variants4.tv)({
       warning: "text-warning",
       danger: "text-danger"
     },
-    isUnderline: {
-      true: "hover:underline active:underline focus:underline underline-offset-4",
-      false: "no-underline"
+    underline: {
+      none: "no-underline",
+      hover: "hover:underline",
+      always: "underline",
+      active: "active:underline",
+      focus: "focus:underline"
     },
     isBlock: {
-      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      true: [
+        "px-2",
+        "py-1",
+        "hover:after:opacity-100",
+        "after:content-['']",
+        "after:inset-0",
+        "after:opacity-0",
+        "after:w-full",
+        "after:h-full",
+        "after:rounded-xl",
+        "after:transition-background",
+        "after:absolute"
+      ],
       false: "hover:opacity-80 transition-opacity"
     },
     isDisabled: {
@@ -630,13 +654,17 @@ var link = (0, import_tailwind_variants4.tv)({
       isBlock: true,
       color: "danger",
       class: "hover:after:bg-danger/20"
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
     }
   ],
   defaultVariants: {
     color: "primary",
     size: "md",
     isBlock: false,
-    isUnderline: false,
+    underline: "none",
     isDisabled: false,
     disableAnimation: false
   }
@@ -678,7 +706,7 @@ var button = (0, import_tailwind_variants6.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-3",
+    "gap-1.5",
     "[&>svg]:max-w-[2em]",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
@@ -3779,7 +3807,7 @@ var circularProgress = (0, import_tailwind_variants24.tv)({
 var import_tailwind_variants25 = require("tailwind-variants");
 var input = (0, import_tailwind_variants25.tv)({
   slots: {
-    base: "group flex flex-col gap-2",
+    base: "group flex flex-col data-[has-elements=true]:gap-2",
     label: "block text-sm font-medium text-neutral-600",
     inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
@@ -4002,7 +4030,7 @@ var input = (0, import_tailwind_variants25.tv)({
     variant: "flat",
     color: "neutral",
     size: "md",
-    radius: "xl",
+    radius: "lg",
     fullWidth: true,
     labelPosition: "inside",
     isDisabled: false,
@@ -5742,6 +5770,32 @@ var divider = (0, import_tailwind_variants35.tv)({
   }
 });
 
+// src/components/kbd.ts
+var import_tailwind_variants36 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants36.tv)({
+  slots: {
+    base: [
+      "px-2",
+      "py-1",
+      "inline-block",
+      "space-x-0.5",
+      "font-sans",
+      "font-medium",
+      "text-center",
+      "text-sm",
+      "border",
+      "border-neutral",
+      "bg-neutral-100",
+      "text-neutral-600",
+      "rounded-md"
+    ],
+    abbr: "no-underline",
+    content: ""
+  },
+  variants: {},
+  defaultVariants: {}
+});
+
 // src/colors/blue.ts
 var blue = {
   50: "#e6f1fe",
@@ -6299,9 +6353,9 @@ var nextui = (config = {}) => {
 };
 
 // src/index.ts
-var import_tailwind_variants36 = require("tailwind-variants");
 var import_tailwind_variants37 = require("tailwind-variants");
-var cn = (...classes) => (0, import_tailwind_variants36.cn)(classes)();
+var import_tailwind_variants38 = require("tailwind-variants");
+var cn = (...classes) => (0, import_tailwind_variants37.cn)(classes)();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   absoluteFullClasses,
@@ -6332,6 +6386,7 @@ var cn = (...classes) => (0, import_tailwind_variants36.cn)(classes)();
   focusVisibleClasses,
   image,
   input,
+  kbd,
   link,
   modal,
   navbar,

package/dist/index.mjs

@@ -1,4 +1,7 @@
-import "./chunk-FD464FGG.mjs";
+import "./chunk-N7T6GTBO.mjs";
+import {
+  spinner
+} from "./chunk-XUL76UJD.mjs";
 import {
   table
 } from "./chunk-KWWWVBJL.mjs";
@@ -8,6 +11,9 @@ import {
 import {
   user
 } from "./chunk-MW7UVOSP.mjs";
+import {
+  navbar
+} from "./chunk-ACYWLBDN.mjs";
 import {
   pagination
 } from "./chunk-TYA6TT57.mjs";
@@ -29,9 +35,6 @@ import {
 import {
   spacer
 } from "./chunk-3B4SYPW2.mjs";
-import {
-  spinner
-} from "./chunk-XUL76UJD.mjs";
 import {
   dropdownSection
 } from "./chunk-AVGEHFT4.mjs";
@@ -43,16 +46,16 @@ import {
 } from "./chunk-6GGRJ6I7.mjs";
 import {
   input
-} from "./chunk-DBYBIR6S.mjs";
+} from "./chunk-DO44X4Z2.mjs";
+import {
+  kbd
+} from "./chunk-KUQBSI5S.mjs";
 import {
   link
-} from "./chunk-4FNCWRTA.mjs";
+} from "./chunk-XICTHLAR.mjs";
 import {
   modal
 } from "./chunk-YMIOHWCD.mjs";
-import {
-  navbar
-} from "./chunk-ACYWLBDN.mjs";
 import {
   checkbox
 } from "./chunk-7EKGN7JP.mjs";
@@ -94,12 +97,12 @@ import {
 } from "./chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "./chunk-W2RCO7SN.mjs";
+} from "./chunk-5EODOBGH.mjs";
 import "./chunk-CMYR6AOY.mjs";
+import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-RO3WUCFF.mjs";
-import "./chunk-K7LK7NCE.mjs";
 import {
   card
 } from "./chunk-TDD767J7.mjs";
@@ -174,6 +177,7 @@ export {
   focusVisibleClasses,
   image,
   input,
+  kbd,
   link,
   modal,
   navbar,

package/dist/utils/index.mjs

@@ -1,8 +1,8 @@
 import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "../chunk-RO3WUCFF.mjs";
-import "../chunk-K7LK7NCE.mjs";
 import {
   absoluteFullClasses,
   baseStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230424221531",
+  "version": "0.0.0-dev-v2-20230425031000",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",