@nextui-org/theme 0.0.0-dev-v2-20230424224035 → 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/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,
@@ -673,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",
@@ -3774,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",
@@ -3997,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,
@@ -5736,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,
@@ -5759,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-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/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);
@@ -705,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",
@@ -3806,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",
@@ -4029,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,
@@ -5769,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",
@@ -6326,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,
@@ -6359,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-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-20230424224035",
+  "version": "0.0.0-dev-v2-20230425031000",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",