@nextui-org/theme 2.1.8 → 2.1.10

package/dist/components/popover.d.ts

@@ -5,86 +5,87 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 /**
  * Popover wrapper **Tailwind Variants** component
  *
- * const { base, trigger, backdrop, arrow } = popover({...})
+ * const { base, content, trigger, backdrop } = popover({...})
  *
  * @example
  * <div>
  *  <div className={backdrop()} />
  *  <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 className={content()} />
+ *      // popover content
+ *    </div>
  *  </div>
  * </div>
  */
 declare const popover: tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -109,77 +110,78 @@ declare const popover: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    content: string[];
     trigger: string[];
     backdrop: string[];
-    arrow: string[];
+    arrow: never[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -205,71 +207,71 @@ declare const popover: tailwind_variants.TVReturnType<{
 }, {
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -295,71 +297,71 @@ declare const popover: tailwind_variants.TVReturnType<{
 }>, {
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -384,77 +386,78 @@ declare const popover: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    content: string[];
     trigger: string[];
     backdrop: string[];
-    arrow: string[];
+    arrow: never[];
 }, tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -479,77 +482,78 @@ declare const popover: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    content: string[];
     trigger: string[];
     backdrop: string[];
-    arrow: string[];
+    arrow: never[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {
@@ -575,71 +579,71 @@ declare const popover: tailwind_variants.TVReturnType<{
 }, {
     size: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     color: {
         default: {
             base: string;
-            arrow: string;
+            content: string;
         };
         foreground: {
             base: string;
-            arrow: string;
+            content: string;
         };
         primary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         secondary: {
             base: string;
-            arrow: string;
+            content: string;
         };
         success: {
             base: string;
-            arrow: string;
+            content: string;
         };
         warning: {
             base: string;
-            arrow: string;
+            content: string;
         };
         danger: {
             base: string;
-            arrow: string;
+            content: string;
         };
     };
     radius: {
         none: {
-            base: string;
+            content: string;
         };
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
         full: {
-            base: string;
+            content: string;
         };
     };
     shadow: {
         sm: {
-            base: string;
+            content: string;
         };
         md: {
-            base: string;
+            content: string;
         };
         lg: {
-            base: string;
+            content: string;
         };
     };
     backdrop: {