@nextui-org/theme 0.0.0-dev-v2-20230414001416 → 0.0.0-dev-v2-20230415023901

package/dist/chunk-53YQ75PY.mjs

@@ -0,0 +1,139 @@
+import {
+  ringClasses
+} from "./chunk-INZK6TTL.mjs";
+
+// src/components/modal.ts
+import { tv } from "tailwind-variants";
+var modal = tv({
+  slots: {
+    wrapper: [
+      "flex",
+      "w-screen",
+      "h-screen",
+      "fixed",
+      "inset-0",
+      "z-50",
+      "overflow-x-auto",
+      "overflow-y-hidden",
+      "justify-center",
+      "items-center"
+    ],
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "bg-white",
+      "z-50",
+      "w-full",
+      "shadow-lg",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100",
+      "outline-none"
+    ],
+    trigger: [],
+    backdrop: ["hidden"],
+    header: "flex py-4 px-6 flex-initial text-lg font-semibold",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2",
+    footer: "flex flex-row gap-2 px-6 py-4 justify-end",
+    closeButton: [
+      "absolute",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "top-1",
+      "right-1",
+      "p-2",
+      "text-neutral-500",
+      "rounded-full",
+      "hover:bg-neutral-100",
+      "active:bg-neutral-200"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "max-w-full rounded-none min-h-screen"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      "2xl": { base: "rounded-2xl" },
+      "3xl": { base: "rounded-3xl" }
+    },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
+    scrollBehavior: {
+      inside: {
+        base: "max-h-[calc(100%_-_7.5rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start overflow-y-auto",
+        base: "my-16"
+      }
+    },
+    isCloseButtonFocusVisible: {
+      true: {
+        closeButton: [...ringClasses]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    backdropVariant: "blur",
+    scrollBehavior: "inside"
+  },
+  compoundVariants: [
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 z-0"
+      }
+    }
+  ]
+});
+
+export {
+  modal
+};

package/dist/components/index.d.ts

@@ -28,5 +28,6 @@ export { DropdownItemSlots, DropdownItemVariantProps, dropdownItem } from './dro
 export { DropdownSectionSlots, DropdownSectionVariantProps, dropdownSection } from './dropdown-section.js';
 export { dropdownMenu } from './dropdown-menu.js';
 export { ImageSlots, ImageVariantProps, image } from './image.js';
+export { ModalSlots, ModalVariantProps, modal } from './modal.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';

package/dist/components/index.js

@@ -41,6 +41,7 @@ __export(components_exports, {
   image: () => image,
   input: () => input,
   link: () => link,
+  modal: () => modal,
   pagination: () => pagination,
   popover: () => popover,
   progress: () => progress,
@@ -5062,6 +5063,138 @@ var image = (0, import_tailwind_variants30.tv)({
     }
   ]
 });
+
+// src/components/modal.ts
+var import_tailwind_variants31 = require("tailwind-variants");
+var modal = (0, import_tailwind_variants31.tv)({
+  slots: {
+    wrapper: [
+      "flex",
+      "w-screen",
+      "h-screen",
+      "fixed",
+      "inset-0",
+      "z-50",
+      "overflow-x-auto",
+      "overflow-y-hidden",
+      "justify-center",
+      "items-center"
+    ],
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "bg-white",
+      "z-50",
+      "w-full",
+      "shadow-lg",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100",
+      "outline-none"
+    ],
+    trigger: [],
+    backdrop: ["hidden"],
+    header: "flex py-4 px-6 flex-initial text-lg font-semibold",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2",
+    footer: "flex flex-row gap-2 px-6 py-4 justify-end",
+    closeButton: [
+      "absolute",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "top-1",
+      "right-1",
+      "p-2",
+      "text-neutral-500",
+      "rounded-full",
+      "hover:bg-neutral-100",
+      "active:bg-neutral-200"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "max-w-full rounded-none min-h-screen"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      "2xl": { base: "rounded-2xl" },
+      "3xl": { base: "rounded-3xl" }
+    },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
+    scrollBehavior: {
+      inside: {
+        base: "max-h-[calc(100%_-_7.5rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start overflow-y-auto",
+        base: "my-16"
+      }
+    },
+    isCloseButtonFocusVisible: {
+      true: {
+        closeButton: [...ringClasses]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    backdropVariant: "blur",
+    scrollBehavior: "inside"
+  },
+  compoundVariants: [
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 z-0"
+      }
+    }
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -5085,6 +5218,7 @@ var image = (0, import_tailwind_variants30.tv)({
   image,
   input,
   link,
+  modal,
   pagination,
   popover,
   progress,

package/dist/components/index.mjs

@@ -1,7 +1,4 @@
-import "../chunk-PRWEADY4.mjs";
-import {
-  radioGroup
-} from "../chunk-HHWXPWYN.mjs";
+import "../chunk-XUHE5FW2.mjs";
 import {
   radio
 } from "../chunk-WYZNUYAJ.mjs";
@@ -17,18 +14,15 @@ import {
 import {
   user
 } from "../chunk-6KZCW2WL.mjs";
-import {
-  dropdown
-} from "../chunk-UNMHV7HH.mjs";
-import {
-  image
-} from "../chunk-6GGRJ6I7.mjs";
 import {
   input
 } from "../chunk-PC5X557I.mjs";
 import {
   link
 } from "../chunk-4FNCWRTA.mjs";
+import {
+  modal
+} from "../chunk-53YQ75PY.mjs";
 import {
   pagination
 } from "../chunk-TSETU4MR.mjs";
@@ -39,11 +33,8 @@ import {
   progress
 } from "../chunk-I7DM7NL7.mjs";
 import {
-  checkbox
-} from "../chunk-W3CNTVG5.mjs";
-import {
-  chip
-} from "../chunk-QRMWQXOX.mjs";
+  radioGroup
+} from "../chunk-HHWXPWYN.mjs";
 import {
   circularProgress
 } from "../chunk-FK5GDC67.mjs";
@@ -63,11 +54,11 @@ import {
   dropdownSection
 } from "../chunk-AVGEHFT4.mjs";
 import {
-  accordion
-} from "../chunk-YYBLBQIV.mjs";
+  dropdown
+} from "../chunk-UNMHV7HH.mjs";
 import {
-  avatarGroup
-} from "../chunk-MLH3XSY7.mjs";
+  image
+} from "../chunk-6GGRJ6I7.mjs";
 import {
   avatar
 } from "../chunk-TEP7IDHT.mjs";
@@ -86,12 +77,24 @@ import {
 import {
   checkboxGroup
 } from "../chunk-U77YMEWM.mjs";
+import {
+  checkbox
+} from "../chunk-W3CNTVG5.mjs";
+import {
+  chip
+} from "../chunk-QRMWQXOX.mjs";
 import {
   accordionItem
 } from "../chunk-IB25MFRG.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";
+import {
+  accordion
+} from "../chunk-YYBLBQIV.mjs";
+import {
+  avatarGroup
+} from "../chunk-MLH3XSY7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,
@@ -115,6 +118,7 @@ export {
   image,
   input,
   link,
+  modal,
   pagination,
   popover,
   progress,

package/dist/components/modal.d.ts

@@ -0,0 +1,202 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Card **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, trigger, backdrop, header, body, footer} = modal({...})
+ *
+ * <div>
+ *    <button className={trigger()}>Open Modal</button>
+ *    <div className={backdrop()}/>
+ *    <div className={base()}>
+ *       <div className={header()}>Header</div>
+ *       <div className={body()}>Body</div>
+ *       <div className={footer()}>Footer</div>
+ *    </div>
+ * </div>
+ * ```
+ */
+declare const modal: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        base: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+    };
+    backdropVariant: {
+        transparent: {};
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+    scrollBehavior: {
+        inside: {
+            base: string;
+            body: string;
+        };
+        outside: {
+            wrapper: string;
+            base: string;
+        };
+    };
+    isCloseButtonFocusVisible: {
+        true: {
+            closeButton: string[];
+        };
+    };
+}, unknown, {
+    wrapper: string[];
+    base: string[];
+    trigger: never[];
+    backdrop: string[];
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        base: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+    };
+    backdropVariant: {
+        transparent: {};
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+    scrollBehavior: {
+        inside: {
+            base: string;
+            body: string;
+        };
+        outside: {
+            wrapper: string;
+            base: string;
+        };
+    };
+    isCloseButtonFocusVisible: {
+        true: {
+            closeButton: string[];
+        };
+    };
+}, unknown>>;
+type ModalVariantProps = VariantProps<typeof modal>;
+type ModalSlots = keyof ReturnType<typeof modal>;
+
+export { ModalSlots, ModalVariantProps, modal };

package/dist/components/modal.js

@@ -0,0 +1,171 @@
+"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/modal.ts
+var modal_exports = {};
+__export(modal_exports, {
+  modal: () => modal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "!ring-primary",
+  "ring-offset-2",
+  "ring-offset-background",
+  "dark:ring-offset-background-dark"
+];
+
+// src/components/modal.ts
+var modal = (0, import_tailwind_variants.tv)({
+  slots: {
+    wrapper: [
+      "flex",
+      "w-screen",
+      "h-screen",
+      "fixed",
+      "inset-0",
+      "z-50",
+      "overflow-x-auto",
+      "overflow-y-hidden",
+      "justify-center",
+      "items-center"
+    ],
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "bg-white",
+      "z-50",
+      "w-full",
+      "shadow-lg",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100",
+      "outline-none"
+    ],
+    trigger: [],
+    backdrop: ["hidden"],
+    header: "flex py-4 px-6 flex-initial text-lg font-semibold",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2",
+    footer: "flex flex-row gap-2 px-6 py-4 justify-end",
+    closeButton: [
+      "absolute",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "top-1",
+      "right-1",
+      "p-2",
+      "text-neutral-500",
+      "rounded-full",
+      "hover:bg-neutral-100",
+      "active:bg-neutral-200"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "max-w-full rounded-none min-h-screen"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      "2xl": { base: "rounded-2xl" },
+      "3xl": { base: "rounded-3xl" }
+    },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
+    scrollBehavior: {
+      inside: {
+        base: "max-h-[calc(100%_-_7.5rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start overflow-y-auto",
+        base: "my-16"
+      }
+    },
+    isCloseButtonFocusVisible: {
+      true: {
+        closeButton: [...ringClasses]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    backdropVariant: "blur",
+    scrollBehavior: "inside"
+  },
+  compoundVariants: [
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 z-0"
+      }
+    }
+  ]
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  modal
+});

package/dist/components/modal.mjs

@@ -0,0 +1,10 @@
+import {
+  modal
+} from "../chunk-53YQ75PY.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-LGGZKBOO.mjs";
+import "../chunk-INZK6TTL.mjs";
+export {
+  modal
+};

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export { DropdownItemSlots, DropdownItemVariantProps, dropdownItem } from './com
 export { DropdownSectionSlots, DropdownSectionVariantProps, dropdownSection } from './components/dropdown-section.js';
 export { dropdownMenu } from './components/dropdown-menu.js';
 export { ImageSlots, ImageVariantProps, image } from './components/image.js';
+export { ModalSlots, ModalVariantProps, modal } from './components/modal.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, {
   image: () => image,
   input: () => input,
   link: () => link,
+  modal: () => modal,
   nextui: () => nextui,
   pagination: () => pagination,
   popover: () => popover,
@@ -66,7 +67,7 @@ __export(src_exports, {
   spinner: () => spinner,
   toggle: () => toggle,
   translateCenterClasses: () => translateCenterClasses,
-  tv: () => import_tailwind_variants32.tv,
+  tv: () => import_tailwind_variants33.tv,
   user: () => user
 });
 module.exports = __toCommonJS(src_exports);
@@ -5086,6 +5087,138 @@ var image = (0, import_tailwind_variants30.tv)({
   ]
 });
 
+// src/components/modal.ts
+var import_tailwind_variants31 = require("tailwind-variants");
+var modal = (0, import_tailwind_variants31.tv)({
+  slots: {
+    wrapper: [
+      "flex",
+      "w-screen",
+      "h-screen",
+      "fixed",
+      "inset-0",
+      "z-50",
+      "overflow-x-auto",
+      "overflow-y-hidden",
+      "justify-center",
+      "items-center"
+    ],
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "bg-white",
+      "z-50",
+      "w-full",
+      "shadow-lg",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100",
+      "outline-none"
+    ],
+    trigger: [],
+    backdrop: ["hidden"],
+    header: "flex py-4 px-6 flex-initial text-lg font-semibold",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2",
+    footer: "flex flex-row gap-2 px-6 py-4 justify-end",
+    closeButton: [
+      "absolute",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "top-1",
+      "right-1",
+      "p-2",
+      "text-neutral-500",
+      "rounded-full",
+      "hover:bg-neutral-100",
+      "active:bg-neutral-200"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "max-w-full rounded-none min-h-screen"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      "2xl": { base: "rounded-2xl" },
+      "3xl": { base: "rounded-3xl" }
+    },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
+    scrollBehavior: {
+      inside: {
+        base: "max-h-[calc(100%_-_7.5rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start overflow-y-auto",
+        base: "my-16"
+      }
+    },
+    isCloseButtonFocusVisible: {
+      true: {
+        closeButton: [...ringClasses]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    backdropVariant: "blur",
+    scrollBehavior: "inside"
+  },
+  compoundVariants: [
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 z-0"
+      }
+    }
+  ]
+});
+
 // src/colors/blue.ts
 var blue = {
   50: "#e6f1fe",
@@ -5642,9 +5775,9 @@ var nextui = (config = {}) => {
 };
 
 // src/index.ts
-var import_tailwind_variants31 = require("tailwind-variants");
 var import_tailwind_variants32 = require("tailwind-variants");
-var cn = (...classes) => (0, import_tailwind_variants31.cn)(classes)();
+var import_tailwind_variants33 = require("tailwind-variants");
+var cn = (...classes) => (0, import_tailwind_variants32.cn)(classes)();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   absoluteFullClasses,
@@ -5675,6 +5808,7 @@ var cn = (...classes) => (0, import_tailwind_variants31.cn)(classes)();
   image,
   input,
   link,
+  modal,
   nextui,
   pagination,
   popover,

package/dist/index.mjs

@@ -1,7 +1,4 @@
-import "./chunk-PRWEADY4.mjs";
-import {
-  radioGroup
-} from "./chunk-HHWXPWYN.mjs";
+import "./chunk-XUHE5FW2.mjs";
 import {
   radio
 } from "./chunk-WYZNUYAJ.mjs";
@@ -17,18 +14,15 @@ import {
 import {
   user
 } from "./chunk-6KZCW2WL.mjs";
-import {
-  dropdown
-} from "./chunk-UNMHV7HH.mjs";
-import {
-  image
-} from "./chunk-6GGRJ6I7.mjs";
 import {
   input
 } from "./chunk-PC5X557I.mjs";
 import {
   link
 } from "./chunk-4FNCWRTA.mjs";
+import {
+  modal
+} from "./chunk-53YQ75PY.mjs";
 import {
   pagination
 } from "./chunk-TSETU4MR.mjs";
@@ -39,11 +33,8 @@ import {
   progress
 } from "./chunk-I7DM7NL7.mjs";
 import {
-  checkbox
-} from "./chunk-W3CNTVG5.mjs";
-import {
-  chip
-} from "./chunk-QRMWQXOX.mjs";
+  radioGroup
+} from "./chunk-HHWXPWYN.mjs";
 import {
   circularProgress
 } from "./chunk-FK5GDC67.mjs";
@@ -63,11 +54,11 @@ import {
   dropdownSection
 } from "./chunk-AVGEHFT4.mjs";
 import {
-  accordion
-} from "./chunk-YYBLBQIV.mjs";
+  dropdown
+} from "./chunk-UNMHV7HH.mjs";
 import {
-  avatarGroup
-} from "./chunk-MLH3XSY7.mjs";
+  image
+} from "./chunk-6GGRJ6I7.mjs";
 import {
   avatar
 } from "./chunk-TEP7IDHT.mjs";
@@ -86,6 +77,12 @@ import {
 import {
   checkboxGroup
 } from "./chunk-U77YMEWM.mjs";
+import {
+  checkbox
+} from "./chunk-W3CNTVG5.mjs";
+import {
+  chip
+} from "./chunk-QRMWQXOX.mjs";
 import {
   accordionItem
 } from "./chunk-IB25MFRG.mjs";
@@ -94,10 +91,15 @@ import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-LGGZKBOO.mjs";
+import {
+  accordion
+} from "./chunk-YYBLBQIV.mjs";
+import {
+  avatarGroup
+} from "./chunk-MLH3XSY7.mjs";
 import {
   nextui
-} from "./chunk-XSFNJVJG.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-WS27WNYH.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -105,6 +107,7 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -159,6 +162,7 @@ export {
   image,
   input,
   link,
+  modal,
   nextui,
   pagination,
   popover,

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-XSFNJVJG.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-WS27WNYH.mjs";
 import "./chunk-INZK6TTL.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-7MQD7UA2.mjs";
 import "./chunk-Y52EXP4A.mjs";

package/package.json

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

package/dist/{chunk-XSFNJVJG.mjs → chunk-WS27WNYH.mjs}

@@ -1,9 +1,9 @@
-import {
-  utilities
-} from "./chunk-XLATS5QU.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
+import {
+  utilities
+} from "./chunk-XLATS5QU.mjs";
 import {
   semanticColors
 } from "./chunk-Y52EXP4A.mjs";