@nextui-org/theme 0.0.0-dev-v2-20230405205125 → 0.0.0-dev-v2-20230407131834

package/dist/{chunk-QIC7EALL.mjs → chunk-O6WKKOLY.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,8 +19,10 @@ var tooltip = tv({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -82,14 +87,27 @@ var tooltip = tv({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "lg",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {
@@ -273,5 +291,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,8 +1169,10 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -1235,14 +1237,27 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "lg",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {
@@ -4475,12 +4490,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

@@ -5,6 +5,9 @@ import {
 import {
   pagination
 } from "../chunk-7BYRB2YS.mjs";
+import {
+  popover
+} from "../chunk-O6WKKOLY.mjs";
 import {
   progress
 } from "../chunk-I7DM7NL7.mjs";
@@ -23,9 +26,6 @@ import {
 import {
   toggle
 } from "../chunk-GJCSKHK6.mjs";
-import {
-  tooltip
-} from "../chunk-QIC7EALL.mjs";
 import {
   checkbox
 } from "../chunk-NJQP2VWT.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, trigger, arrow } = popover({...})
  *
  * @example
  * <div>
- *  <button>your trigger</button>
- *  <div role="tooltip" className={base()}>
- *    // tooltip content
+ *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
+ *  <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,13 +86,25 @@ declare const tooltip: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
     disableAnimation: {
         true: {
             base: string;
         };
     };
+    isTriggerForeground: {
+        true: {};
+        false: {
+            trigger: string[];
+        };
+    };
 }, unknown, {
     base: string[];
+    trigger: never[];
     arrow: string[];
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -164,13 +176,24 @@ declare const tooltip: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
     disableAnimation: {
         true: {
             base: string;
         };
     };
+    isTriggerForeground: {
+        true: {};
+        false: {
+            trigger: 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,8 +122,10 @@ var tooltip = (0, import_tailwind_variants.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -178,14 +190,27 @@ var tooltip = (0, import_tailwind_variants.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "lg",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {
@@ -369,5 +394,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-O6WKKOLY.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,8 +1192,10 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base"
+      "text-base",
+      "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -1258,14 +1260,27 @@ var tooltip = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "lg",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {
@@ -5061,6 +5076,7 @@ var cn = (...classes) => (0, import_tailwind_variants26.cn)(classes)();
   link,
   nextui,
   pagination,
+  popover,
   progress,
   radio,
   radioGroup,
@@ -5069,7 +5085,6 @@ var cn = (...classes) => (0, import_tailwind_variants26.cn)(classes)();
   snippet,
   spinner,
   toggle,
-  tooltip,
   translateCenterClasses,
   tv,
   user

package/dist/index.mjs

@@ -5,6 +5,9 @@ import {
 import {
   pagination
 } from "./chunk-7BYRB2YS.mjs";
+import {
+  popover
+} from "./chunk-O6WKKOLY.mjs";
 import {
   progress
 } from "./chunk-I7DM7NL7.mjs";
@@ -23,9 +26,6 @@ import {
 import {
   toggle
 } from "./chunk-GJCSKHK6.mjs";
-import {
-  tooltip
-} from "./chunk-QIC7EALL.mjs";
 import {
   checkbox
 } from "./chunk-NJQP2VWT.mjs";
@@ -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/package.json

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