@nextui-org/theme 0.0.0-dev-v2-20230517170742 → 0.0.0-dev-v2-20230521141624

package/dist/{chunk-CPWIXBDM.mjs → chunk-25QTQFHB.mjs}

@@ -22,6 +22,7 @@ var badge = tv({
       "font-regular",
       "scale-100",
       "opacity-100",
+      "subpixel-antialiased",
       "data-[invisible=true]:scale-0",
       "data-[invisible=true]:opacity-0"
     ]
@@ -107,7 +108,7 @@ var badge = tv({
         badge: "transition-none"
       },
       false: {
-        badge: "transition-transform-opacity"
+        badge: "transition-transform-opacity !ease-soft-spring !duration-300"
       }
     },
     disableOutline: {
@@ -359,28 +360,28 @@ var badge = tv({
       placement: "top-right",
       shape: "circle",
       class: {
-        badge: "top-[15%] right-[15%] translate-x-1/2 -translate-y-1/2"
+        badge: "top-[10%] right-[10%] translate-x-1/2 -translate-y-1/2"
       }
     },
     {
       placement: "top-left",
       shape: "circle",
       class: {
-        badge: "top-[15%] left-[15%] -translate-x-1/2 -translate-y-1/2"
+        badge: "top-[10%] left-[10%] -translate-x-1/2 -translate-y-1/2"
       }
     },
     {
       placement: "bottom-right",
       shape: "circle",
       class: {
-        badge: "bottom-[15%] right-[15%] translate-x-1/2 translate-y-1/2"
+        badge: "bottom-[10%] right-[10%] translate-x-1/2 translate-y-1/2"
       }
     },
     {
       placement: "bottom-left",
       shape: "circle",
       class: {
-        badge: "bottom-[15%] left-[15%] -translate-x-1/2 translate-y-1/2"
+        badge: "bottom-[10%] left-[10%] -translate-x-1/2 translate-y-1/2"
       }
     }
   ]

package/dist/{chunk-XSFH4S4Y.mjs → chunk-7CTZKPXG.mjs}

@@ -1,12 +1,30 @@
-// src/components/accordion-item.ts
+// src/components/accordion.ts
 import { tv } from "tailwind-variants";
+var accordion = tv({
+  base: "px-2",
+  variants: {
+    variant: {
+      light: "",
+      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-neutral-100",
+      bordered: "px-4 border border-neutral rounded-lg",
+      splitted: "group is-splitted flex flex-col gap-2"
+    },
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    variant: "light",
+    fullWidth: true
+  }
+});
 var accordionItem = tv({
   slots: {
     base: [
-      "py-2",
       "border-neutral",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
+      "group-[.is-splitted]:bg-background",
       "dark:group-[.is-splitted]:bg-content1",
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
@@ -15,7 +33,7 @@ var accordionItem = tv({
     ],
     heading: "",
     trigger: [
-      "py-2 flex w-full gap-3 outline-none items-center",
+      "flex py-4 w-full h-full gap-3 outline-none items-center",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",
@@ -33,8 +51,7 @@ var accordionItem = tv({
   variants: {
     isCompact: {
       true: {
-        base: "py-1",
-        trigger: "py-1",
+        trigger: "py-2",
         title: "text-base",
         subtitle: "text-xs",
         indicator: "text-base",
@@ -85,5 +102,6 @@ var accordionItem = tv({
 });
 
 export {
+  accordion,
   accordionItem
 };

package/dist/{chunk-Z6VEZVD6.mjs → chunk-7EC2WH7W.mjs}

@@ -1,5 +1,18 @@
-// src/components/dropdown-item.ts
+// src/components/dropdown.ts
 import { tv } from "tailwind-variants";
+var dropdown = tv({
+  base: [
+    "w-full",
+    "p-1",
+    "min-w-[200px]",
+    "shadow",
+    "shadow-lg",
+    "bg-white",
+    "dark:bg-content1",
+    "border",
+    "border-neutral-100"
+  ]
+});
 var dropdownItem = tv({
   slots: {
     base: [
@@ -354,7 +367,35 @@ var dropdownItem = tv({
     }
   ]
 });
+var dropdownSection = tv({
+  slots: {
+    section: "relative mb-2",
+    heading: "pl-1 text-xs text-neutral-500"
+  },
+  variants: {
+    showDivider: {
+      true: {
+        heading: [
+          "mt-2",
+          "before-content-['']",
+          "before:absolute",
+          "before:-top-1",
+          "before:left-0",
+          "before:right-0",
+          "before:h-px",
+          "before:bg-neutral-200"
+        ]
+      }
+    }
+  }
+});
+var dropdownMenu = tv({
+  base: "w-full flex flex-col p-1"
+});
 
 export {
-  dropdownItem
+  dropdown,
+  dropdownItem,
+  dropdownSection,
+  dropdownMenu
 };

package/dist/{chunk-7EKGN7JP.mjs → chunk-B2N536X5.mjs}

@@ -151,7 +151,15 @@ var checkbox = tv({
     disableAnimation: false
   }
 });
+var checkboxGroup = tv({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-neutral-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
+  }
+});
 
 export {
-  checkbox
+  checkbox,
+  checkboxGroup
 };

package/dist/{chunk-35A3FHL7.mjs → chunk-HAR22HFA.mjs}

@@ -384,7 +384,19 @@ var button = tv({
     }
   ]
 });
+var buttonGroup = tv({
+  base: "inline-flex items-center justify-center h-auto",
+  variants: {
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    fullWidth: false
+  }
+});
 
 export {
-  button
+  button,
+  buttonGroup
 };

package/dist/{chunk-TFNTYAAW.mjs → chunk-LQHWK6UV.mjs}

@@ -1,9 +1,9 @@
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
 import {
   swapColorValues
 } from "./chunk-37PIXVP4.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/semantic.ts
 import twColors from "tailwindcss/colors.js";

package/dist/{chunk-MZAUPTXE.mjs → chunk-M74ZSXB7.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+} from "./chunk-LQHWK6UV.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/{chunk-JCRQ3XNM.mjs → chunk-NFNV2TXA.mjs}

@@ -7,7 +7,6 @@ var card = tv({
       "flex-col",
       "relative",
       "overflow-hidden",
-      "w-full",
       "height-auto",
       "outline-none",
       "text-foreground",
@@ -26,10 +25,10 @@ var card = tv({
       "flex",
       "p-3",
       "z-10",
+      "w-full",
       "justify-start",
       "items-center",
       "shrink-0",
-      "w-full",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
@@ -37,12 +36,13 @@ var card = tv({
     body: [
       "relative",
       "flex",
+      "flex-1",
+      "w-full",
       "p-5",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
       "align-items-inherit",
-      "w-full",
       "h-auto",
       "break-words",
       "text-left",
@@ -51,9 +51,9 @@ var card = tv({
     ],
     footer: [
       "p-3",
-      "w-full",
       "h-auto",
       "flex",
+      "w-full",
       "items-center",
       "overflow-hidden",
       "color-inherit",

package/dist/{chunk-NCFXYR7C.mjs → chunk-NGOZQK3L.mjs}

@@ -85,7 +85,7 @@ var toggle = tv({
         ],
         startIcon: "text-[0.6rem] left-1",
         endIcon: "text-[0.6rem] right-1",
-        label: "text-sm"
+        label: "text-xs"
       },
       sm: {
         wrapper: "w-10 h-6 mr-2",
@@ -97,7 +97,7 @@ var toggle = tv({
         ],
         endIcon: "text-xs",
         startIcon: "text-xs",
-        label: "text-base"
+        label: "text-sm"
       },
       md: {
         wrapper: "w-12 h-7 mr-2",
@@ -109,7 +109,7 @@ var toggle = tv({
         ],
         endIcon: "text-sm",
         startIcon: "text-sm",
-        label: "text-lg"
+        label: "text-base"
       },
       lg: {
         wrapper: "w-14 h-8 mr-2",
@@ -121,7 +121,7 @@ var toggle = tv({
         ],
         endIcon: "text-base",
         startIcon: "text-base",
-        label: "text-xl"
+        label: "text-lg"
       },
       xl: {
         wrapper: "w-16 h-9 mr-2",
@@ -133,7 +133,7 @@ var toggle = tv({
         ],
         endIcon: "text-base",
         startIcon: "text-base",
-        label: "text-xl"
+        label: "text-lg"
       }
     },
     isDisabled: {

package/dist/{chunk-OZPCO5UB.mjs → chunk-WLLBJIBU.mjs}

@@ -160,7 +160,15 @@ var radio = tv({
     disableAnimation: false
   }
 });
+var radioGroup = tv({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-neutral-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
+  }
+});
 
 export {
-  radio
+  radio,
+  radioGroup
 };

package/dist/{chunk-XUFLJ7RP.mjs → chunk-WUXZWYH4.mjs}

@@ -2,11 +2,11 @@ import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
 import {
-  semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+  baseStyles
+} from "./chunk-INZK6TTL.mjs";
 import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
+  semanticColors
+} from "./chunk-LQHWK6UV.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
@@ -14,8 +14,8 @@ import {
   animations
 } from "./chunk-DMASP6FA.mjs";
 import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/plugin.ts
 import Color from "color";

package/dist/{chunk-74YO36XH.mjs → chunk-Y43NAEAT.mjs}

@@ -196,7 +196,16 @@ var avatar = tv({
     }
   ]
 });
+var avatarGroup = tv({
+  base: "flex items-center justify-center h-auto w-max-content",
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
 
 export {
-  avatar
+  avatar,
+  avatarGroup
 };

package/dist/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-MZAUPTXE.mjs";
+} from "../chunk-M74ZSXB7.mjs";
 import {
   semanticColors
-} from "../chunk-TFNTYAAW.mjs";
+} from "../chunk-LQHWK6UV.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-TFNTYAAW.mjs";
-import "../chunk-W4HTBNGS.mjs";
+} from "../chunk-LQHWK6UV.mjs";
+import "../chunk-37PIXVP4.mjs";
+import "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-MZAUPTXE.mjs";
+} from "./chunk-M74ZSXB7.mjs";
 import {
   semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+} from "./chunk-LQHWK6UV.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
-import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/components/accordion.d.ts

@@ -5,26 +5,151 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 /**
  * Accordion wrapper **Tailwind Variants** component
  *
- * const classNames = accordion({...})
+ * const styles = accordion({...})
  *
  * @example
- * <div role="group" className={classNames())}>
- *   // avatar elements
+ * <div role="group" className={styles())}>
+ *   // accordion elements
  * </div>
  */
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {
+        light: string;
         shadow: string;
         bordered: string;
         splitted: string;
     };
+    fullWidth: {
+        true: string;
+    };
 }, unknown, undefined, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
     variant: {
+        light: string;
         shadow: string;
         bordered: string;
         splitted: string;
     };
+    fullWidth: {
+        true: string;
+    };
+}, unknown>>;
+/**
+ * AccordionItem wrapper **Tailwind Variants** component
+ *
+ * const {base, heading, indicator, trigger, startContent, title, subtitle, content } = accordionItem({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   <div className={heading())}>
+ *    <button className={trigger())}>
+ *      <div className={startContent()}>
+ *         // content
+ *      </div>
+ *      <div className={titleWrapper()}>
+ *        <h3 className={title())}>Title</h3>
+ *        <span className={subtitle())}>Subtitle</span>
+ *      </div>
+ *      <span className={indicator())}>Indicator</span>
+ *    </button>
+ *  </div>
+ *  <div className={content())}>Content</div>
+ * </div>
+ */
+declare const accordionItem: tailwind_variants.TVReturnType<{
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideDivider: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}, unknown, {
+    base: string[];
+    heading: string;
+    trigger: string[];
+    startContent: string;
+    indicator: string;
+    titleWrapper: string;
+    title: string;
+    subtitle: string;
+    content: string;
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideDivider: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
 }, unknown>>;
 type AccordionGroupVariantProps = VariantProps<typeof accordion>;
+type AccordionItemVariantProps = VariantProps<typeof accordionItem>;
+type AccordionItemSlots = keyof ReturnType<typeof accordionItem>;
 
-export { AccordionGroupVariantProps, accordion };
+export { AccordionGroupVariantProps, AccordionItemSlots, AccordionItemVariantProps, accordion, accordionItem };