@nextui-org/theme 0.0.0-dev-v2-20230405200614 → 0.0.0-dev-v2-20230407125356

package/dist/{chunk-QIC7EALL.mjs → chunk-BM7LX6FA.mjs}

@@ -1,10 +1,13 @@
 import {
   colorVariants
 } from "./chunk-LGGZKBOO.mjs";
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
 
-// src/components/tooltip.ts
+// src/components/popover.ts
 import { tv } from "tailwind-variants";
-var tooltip = tv({
+var popover = tv({
   slots: {
     base: [
       "z-10",
@@ -16,7 +19,8 @@ var tooltip = tv({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
     arrow: [
       "-z-10",
@@ -82,6 +86,11 @@ var tooltip = tv({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
     }
@@ -273,5 +282,5 @@ var tooltip = tv({
 });
 
 export {
-  tooltip
+  popover
 };

package/dist/components/index.d.ts

@@ -8,7 +8,7 @@ export { ButtonGroupVariantProps, buttonGroup } from './button-group.js';
 export { drip } from './drip.js';
 export { SpinnerSlots, SpinnerVariantProps, spinner } from './spinner.js';
 export { CodeVariantProps, code } from './code.js';
-export { TooltipSlots, TooltipVariantProps, tooltip } from './tooltip.js';
+export { PopoverSlots, PopoverVariantProps, popover } from './popover.js';
 export { SnippetSlots, SnippetVariantProps, snippet } from './snippet.js';
 export { ChipSlots, ChipVariantProps, chip } from './chip.js';
 export { BadgeSlots, BadgeVariantProps, badge } from './badge.js';

package/dist/components/index.js

@@ -37,13 +37,13 @@ __export(components_exports, {
   input: () => input,
   link: () => link,
   pagination: () => pagination,
+  popover: () => popover,
   progress: () => progress,
   radio: () => radio,
   radioGroup: () => radioGroup,
   snippet: () => snippet,
   spinner: () => spinner,
   toggle: () => toggle,
-  tooltip: () => tooltip,
   user: () => user
 });
 module.exports = __toCommonJS(components_exports);
@@ -1155,9 +1155,9 @@ var code = (0, import_tailwind_variants10.tv)({
   }
 });
 
-// src/components/tooltip.ts
+// src/components/popover.ts
 var import_tailwind_variants11 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants11.tv)({
+var popover = (0, import_tailwind_variants11.tv)({
   slots: {
     base: [
       "z-10",
@@ -1169,7 +1169,8 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
     arrow: [
       "-z-10",
@@ -1235,6 +1236,11 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
     }
@@ -4475,12 +4481,12 @@ var input = (0, import_tailwind_variants25.tv)({
   input,
   link,
   pagination,
+  popover,
   progress,
   radio,
   radioGroup,
   snippet,
   spinner,
   toggle,
-  tooltip,
   user
 });

package/dist/components/index.mjs

@@ -1,10 +1,19 @@
 import "../chunk-O2BO77DA.mjs";
+import {
+  toggle
+} from "../chunk-GJCSKHK6.mjs";
 import {
   user
 } from "../chunk-FS36US4S.mjs";
+import {
+  link
+} from "../chunk-5OE5CWK6.mjs";
 import {
   pagination
 } from "../chunk-7BYRB2YS.mjs";
+import {
+  popover
+} from "../chunk-BM7LX6FA.mjs";
 import {
   progress
 } from "../chunk-I7DM7NL7.mjs";
@@ -21,11 +30,8 @@ import {
   spinner
 } from "../chunk-CO6ANWRA.mjs";
 import {
-  toggle
-} from "../chunk-GJCSKHK6.mjs";
-import {
-  tooltip
-} from "../chunk-QIC7EALL.mjs";
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "../chunk-NJQP2VWT.mjs";
@@ -45,8 +51,8 @@ import {
   input
 } from "../chunk-6YCEBN5V.mjs";
 import {
-  link
-} from "../chunk-5OE5CWK6.mjs";
+  accordionItem
+} from "../chunk-RD42SVXB.mjs";
 import {
   accordion
 } from "../chunk-YYBLBQIV.mjs";
@@ -68,12 +74,6 @@ import {
 import {
   card
 } from "../chunk-HESJI33K.mjs";
-import {
-  checkboxGroup
-} from "../chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "../chunk-RD42SVXB.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";
@@ -96,12 +96,12 @@ export {
   input,
   link,
   pagination,
+  popover,
   progress,
   radio,
   radioGroup,
   snippet,
   spinner,
   toggle,
-  tooltip,
   user
 };

package/dist/components/{tooltip.d.ts → popover.d.ts}

@@ -3,20 +3,20 @@ import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 
 /**
- * Tooltip wrapper **Tailwind Variants** component
+ * Popover wrapper **Tailwind Variants** component
  *
- * const { base, arrow } = tooltip({...})
+ * const { base, arrow } = popover({...})
  *
  * @example
  * <div>
  *  <button>your trigger</button>
- *  <div role="tooltip" className={base()}>
- *    // tooltip content
+ *  <div className={base()}>
+ *    // popover content
  *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
  *  </div>
  * </div>
  */
-declare const tooltip: tailwind_variants.TVReturnType<{
+declare const popover: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             base: string;
@@ -86,6 +86,11 @@ declare const tooltip: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
     disableAnimation: {
         true: {
             base: string;
@@ -164,13 +169,18 @@ declare const tooltip: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
     disableAnimation: {
         true: {
             base: string;
         };
     };
 }, unknown>>;
-type TooltipVariantProps = VariantProps<typeof tooltip>;
-type TooltipSlots = keyof ReturnType<typeof tooltip>;
+type PopoverVariantProps = VariantProps<typeof popover>;
+type PopoverSlots = keyof ReturnType<typeof popover>;
 
-export { TooltipSlots, TooltipVariantProps, tooltip };
+export { PopoverSlots, PopoverVariantProps, popover };

package/dist/components/{tooltip.js → popover.js}

@@ -17,14 +17,24 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/tooltip.ts
-var tooltip_exports = {};
-__export(tooltip_exports, {
-  tooltip: () => tooltip
+// src/components/popover.ts
+var popover_exports = {};
+__export(popover_exports, {
+  popover: () => popover
 });
-module.exports = __toCommonJS(tooltip_exports);
+module.exports = __toCommonJS(popover_exports);
 var import_tailwind_variants = require("tailwind-variants");
 
+// src/utils/styles.ts
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "!ring-primary",
+  "ring-offset-2",
+  "ring-offset-background",
+  "dark:ring-offset-background-dark"
+];
+
 // src/utils/variants.ts
 var solid = {
   neutral: "bg-neutral text-neutral-contrastText",
@@ -99,8 +109,8 @@ var colorVariants = {
   ghost
 };
 
-// src/components/tooltip.ts
-var tooltip = (0, import_tailwind_variants.tv)({
+// src/components/popover.ts
+var popover = (0, import_tailwind_variants.tv)({
   slots: {
     base: [
       "z-10",
@@ -112,7 +122,8 @@ var tooltip = (0, import_tailwind_variants.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
     arrow: [
       "-z-10",
@@ -178,6 +189,11 @@ var tooltip = (0, import_tailwind_variants.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
     }
@@ -369,5 +385,5 @@ var tooltip = (0, import_tailwind_variants.tv)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  tooltip
+  popover
 });

package/dist/components/{tooltip.mjs → popover.mjs}

@@ -1,10 +1,10 @@
 import {
-  tooltip
-} from "../chunk-QIC7EALL.mjs";
+  popover
+} from "../chunk-BM7LX6FA.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";
 import "../chunk-IJCHUO4J.mjs";
 export {
-  tooltip
+  popover
 };

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { ButtonGroupVariantProps, buttonGroup } from './components/button-group.
 export { drip } from './components/drip.js';
 export { SpinnerSlots, SpinnerVariantProps, spinner } from './components/spinner.js';
 export { CodeVariantProps, code } from './components/code.js';
-export { TooltipSlots, TooltipVariantProps, tooltip } from './components/tooltip.js';
+export { PopoverSlots, PopoverVariantProps, popover } from './components/popover.js';
 export { SnippetSlots, SnippetVariantProps, snippet } from './components/snippet.js';
 export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
 export { BadgeSlots, BadgeVariantProps, badge } from './components/badge.js';

package/dist/index.js

@@ -51,6 +51,7 @@ __export(src_exports, {
   link: () => link,
   nextui: () => nextui,
   pagination: () => pagination,
+  popover: () => popover,
   progress: () => progress,
   radio: () => radio,
   radioGroup: () => radioGroup,
@@ -59,7 +60,6 @@ __export(src_exports, {
   snippet: () => snippet,
   spinner: () => spinner,
   toggle: () => toggle,
-  tooltip: () => tooltip,
   translateCenterClasses: () => translateCenterClasses,
   tv: () => import_tailwind_variants27.tv,
   user: () => user
@@ -1178,9 +1178,9 @@ var code = (0, import_tailwind_variants10.tv)({
   }
 });
 
-// src/components/tooltip.ts
+// src/components/popover.ts
 var import_tailwind_variants11 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants11.tv)({
+var popover = (0, import_tailwind_variants11.tv)({
   slots: {
     base: [
       "z-10",
@@ -1192,7 +1192,8 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
     arrow: [
       "-z-10",
@@ -1258,6 +1259,11 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
     }
@@ -5061,6 +5067,7 @@ var cn = (...classes) => (0, import_tailwind_variants26.cn)(classes)();
   link,
   nextui,
   pagination,
+  popover,
   progress,
   radio,
   radioGroup,
@@ -5069,7 +5076,6 @@ var cn = (...classes) => (0, import_tailwind_variants26.cn)(classes)();
   snippet,
   spinner,
   toggle,
-  tooltip,
   translateCenterClasses,
   tv,
   user

package/dist/index.mjs

@@ -1,10 +1,19 @@
 import "./chunk-O2BO77DA.mjs";
+import {
+  toggle
+} from "./chunk-GJCSKHK6.mjs";
 import {
   user
 } from "./chunk-FS36US4S.mjs";
+import {
+  link
+} from "./chunk-5OE5CWK6.mjs";
 import {
   pagination
 } from "./chunk-7BYRB2YS.mjs";
+import {
+  popover
+} from "./chunk-BM7LX6FA.mjs";
 import {
   progress
 } from "./chunk-I7DM7NL7.mjs";
@@ -21,11 +30,8 @@ import {
   spinner
 } from "./chunk-CO6ANWRA.mjs";
 import {
-  toggle
-} from "./chunk-GJCSKHK6.mjs";
-import {
-  tooltip
-} from "./chunk-QIC7EALL.mjs";
+  checkboxGroup
+} from "./chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "./chunk-NJQP2VWT.mjs";
@@ -45,8 +51,8 @@ import {
   input
 } from "./chunk-6YCEBN5V.mjs";
 import {
-  link
-} from "./chunk-5OE5CWK6.mjs";
+  accordionItem
+} from "./chunk-RD42SVXB.mjs";
 import {
   accordion
 } from "./chunk-YYBLBQIV.mjs";
@@ -68,12 +74,6 @@ import {
 import {
   card
 } from "./chunk-HESJI33K.mjs";
-import {
-  checkboxGroup
-} from "./chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "./chunk-RD42SVXB.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -81,8 +81,7 @@ import {
 } from "./chunk-LGGZKBOO.mjs";
 import {
   nextui
-} from "./chunk-BMY6CGCY.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-56MY6KYG.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -90,6 +89,7 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-IJCHUO4J.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -141,6 +141,7 @@ export {
   link,
   nextui,
   pagination,
+  popover,
   progress,
   radio,
   radioGroup,
@@ -149,7 +150,6 @@ export {
   snippet,
   spinner,
   toggle,
-  tooltip,
   translateCenterClasses,
   tv,
   user

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-BMY6CGCY.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-56MY6KYG.mjs";
 import "./chunk-IJCHUO4J.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-20230405200614",
+  "version": "0.0.0-dev-v2-20230407125356",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

package/dist/{chunk-BMY6CGCY.mjs → chunk-56MY6KYG.mjs}

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