@nextui-org/theme 0.0.0-dev-v2-20230407185204 → 0.0.0-dev-v2-20230409142211

package/dist/{chunk-GJCSKHK6.mjs → chunk-2UDTG2TQ.mjs}

@@ -29,8 +29,8 @@ var toggle = tv({
       "rounded-full",
       "data-[checked=true]:translate-x-full"
     ],
-    leftIcon: "z-0 absolute left-1.5 text-current",
-    rightIcon: "z-0 absolute right-1.5 text-neutral-600",
+    startIcon: "z-0 absolute left-1.5 text-current",
+    endIcon: "z-0 absolute right-1.5 text-neutral-600",
     thumbIcon: "text-black",
     label: "relative text-foreground select-none"
   },
@@ -74,37 +74,37 @@ var toggle = tv({
       xs: {
         wrapper: "px-0.5 w-7 h-4 mr-1",
         thumb: "w-3 h-3 text-[0.5rem]",
-        leftIcon: "text-[0.5rem] left-1",
-        rightIcon: "text-[0.5rem] right-1",
+        startIcon: "text-[0.5rem] left-1",
+        endIcon: "text-[0.5rem] right-1",
         right: "text-[0.5rem]",
         label: "text-xs"
       },
       sm: {
         wrapper: "w-8 h-5 mr-1",
         thumb: "w-3 h-3 text-[0.6rem]",
-        leftIcon: "text-[0.6rem] left-1",
-        rightIcon: "text-[0.6rem] right-1",
+        startIcon: "text-[0.6rem] left-1",
+        endIcon: "text-[0.6rem] right-1",
         label: "text-sm"
       },
       md: {
         wrapper: "w-10 h-6 mr-2",
         thumb: "w-4 h-4 text-xs",
-        rightIcon: "text-xs",
-        leftIcon: "text-xs",
+        endIcon: "text-xs",
+        startIcon: "text-xs",
         label: "text-base"
       },
       lg: {
         wrapper: "w-12 h-7 mr-2",
         thumb: "w-5 h-5 text-sm",
-        rightIcon: "text-sm",
-        leftIcon: "text-sm",
+        endIcon: "text-sm",
+        startIcon: "text-sm",
         label: "text-lg"
       },
       xl: {
         wrapper: "w-14 h-8 mr-2",
         thumb: "w-6 h-6 text-base",
-        rightIcon: "text-base",
-        leftIcon: "text-base",
+        endIcon: "text-base",
+        startIcon: "text-base",
         label: "text-xl"
       }
     },
@@ -124,16 +124,16 @@ var toggle = tv({
         thumb: "transition-none"
       },
       false: {
-        wrapper: "transition-background !duration-500",
+        wrapper: "transition-background",
         thumb: "transition-transform !ease-soft-spring !duration-500",
-        leftIcon: [
+        startIcon: [
           "opacity-0",
           "scale-50",
           "transition-transform-opacity",
           "data-[checked=true]:scale-100",
           "data-[checked=true]:opacity-100"
         ],
-        rightIcon: [
+        endIcon: [
           "opacity-100",
           "transition-transform-opacity",
           "data-[checked=true]:translate-x-3",

package/dist/chunk-AVGEHFT4.mjs

@@ -0,0 +1,28 @@
+// src/components/dropdown-section.ts
+import { tv } from "tailwind-variants";
+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"
+        ]
+      }
+    }
+  }
+});
+
+export {
+  dropdownSection
+};

package/dist/chunk-FCYNUVAR.mjs

@@ -0,0 +1,9 @@
+// src/components/dropdown-menu.ts
+import { tv } from "tailwind-variants";
+var dropdownMenu = tv({
+  base: "w-full flex flex-col p-1"
+});
+
+export {
+  dropdownMenu
+};

package/dist/chunk-HFRML5X4.mjs

@@ -0,0 +1,363 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/dropdown-item.ts
+import { tv } from "tailwind-variants";
+var dropdownItem = tv({
+  slots: {
+    base: [
+      "flex",
+      "group",
+      "gap-2",
+      "items-center",
+      "justify-between",
+      "relative",
+      "px-2",
+      "py-1",
+      "w-full",
+      "h-full",
+      "box-border",
+      "rounded-lg",
+      "outline-none",
+      "cursor-pointer"
+    ],
+    wrapper: "w-full flex flex-col items-start justify-center",
+    title: "flex-1",
+    description: ["text-xs", "text-neutral-500", "truncate", "group-hover:text-current"],
+    selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
+    shortcut: [
+      "px-1",
+      "py-0.5",
+      "rounded",
+      "font-sans",
+      "opacity-60",
+      "text-inherit",
+      "text-xs",
+      "border",
+      "border-neutral-200",
+      "group-hover:border-current"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {
+        base: ""
+      },
+      bordered: {
+        base: "border-2 border-transparent bg-transparent"
+      },
+      light: {
+        base: "bg-transparent"
+      },
+      faded: {
+        base: "border border-transparent hover:border-neutral hover:bg-neutral-100"
+      },
+      flat: {
+        base: ""
+      },
+      shadow: {
+        base: "hover:shadow-lg"
+      }
+    },
+    color: {
+      neutral: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    showDivider: {
+      true: {
+        base: [
+          "mt-2",
+          "before-content-['']",
+          "before:absolute",
+          "before:-top-1",
+          "before:left-0",
+          "before:right-0",
+          "before:h-px",
+          "before:bg-neutral-200"
+        ]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "neutral",
+      class: {
+        base: "hover:bg-neutral hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: "hover:bg-primary hover:text-primary-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: "hover:bg-secondary hover:text-secondary-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: "hover:bg-success hover:text-success-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: "hover:bg-warning hover:text-warning-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: "hover:bg-danger hover:text-danger-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: "hover:shadow-neutral/50 hover:bg-neutral hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: {
+        base: "hover:shadow-primary/30 hover:bg-primary hover:text-primary-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: {
+        base: "hover:shadow-secondary/30 hover:bg-secondary hover:text-secondary-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: {
+        base: "hover:shadow-success/30 hover:bg-success hover:text-success-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: {
+        base: "hover:shadow-warning/30 hover:bg-warning hover:text-warning-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: {
+        base: "hover:shadow-danger/30 hover:bg-danger hover:text-danger-contrastText"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: {
+        base: "hover:border-neutral"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: "hover:border-primary hover:text-primary"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: "hover:border-secondary hover:text-secondary"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: "hover:border-success hover:text-success"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: "hover:border-warning hover:text-warning"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: "hover:border-danger hover:text-danger"
+      }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: {
+        base: "hover:bg-neutral-100 hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        base: "hover:bg-primary-50 hover:text-primary"
+      }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        base: "hover:bg-secondary-100 hover:text-secondary"
+      }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        base: "hover:bg-success-50 hover:text-success"
+      }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        base: "hover:bg-warning-50 hover:text-warning"
+      }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        base: "hover:bg-danger-50 hover:text-danger"
+      }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: {
+        base: "hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: {
+        base: "hover:text-primary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        base: "hover:text-secondary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        base: "hover:text-success"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        base: "hover:text-warning"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        base: "hover:text-danger"
+      }
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: {
+        base: "hover:text-neutral-500"
+      }
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: {
+        base: "hover:text-primary"
+      }
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: {
+        base: "hover:text-secondary"
+      }
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: {
+        base: "hover:text-success"
+      }
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: {
+        base: "hover:text-warning"
+      }
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: {
+        base: "hover:text-danger"
+      }
+    }
+  ]
+});
+
+export {
+  dropdownItem
+};

package/dist/{chunk-RD42SVXB.mjs → chunk-OMBBJ6LI.mjs}

@@ -19,7 +19,7 @@ var accordionItem = tv({
     ],
     heading: "",
     trigger: "py-2 flex w-full gap-3 outline-none items-center",
-    leftIndicator: "flex-shrink-0",
+    startContent: "flex-shrink-0",
     indicator: "text-neutral-400",
     titleWrapper: "flex-1 flex flex-col text-left",
     title: "text-foreground text-lg",

package/dist/chunk-UNMHV7HH.mjs

@@ -0,0 +1,19 @@
+// 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"
+  ]
+});
+
+export {
+  dropdown
+};

package/dist/components/accordion-item.d.ts

@@ -5,13 +5,13 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 /**
  * AccordionItem wrapper **Tailwind Variants** component
  *
- * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = accordionItem({...})
+ * const {base, heading, indicator, trigger, startContent, title, subtitle, content } = accordionItem({...})
  *
  * @example
  * <div className={base())}>
  *   <div className={heading())}>
  *    <button className={trigger())}>
- *      <div className={leftIndicator()}>
+ *      <div className={startContent()}>
  *         // content
  *      </div>
  *      <div className={titleWrapper()}>
@@ -75,7 +75,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
     base: string[];
     heading: string;
     trigger: string;
-    leftIndicator: string;
+    startContent: string;
     indicator: string;
     titleWrapper: string;
     title: string;

package/dist/components/accordion-item.js

@@ -51,7 +51,7 @@ var accordionItem = (0, import_tailwind_variants.tv)({
     ],
     heading: "",
     trigger: "py-2 flex w-full gap-3 outline-none items-center",
-    leftIndicator: "flex-shrink-0",
+    startContent: "flex-shrink-0",
     indicator: "text-neutral-400",
     titleWrapper: "flex-1 flex flex-col text-left",
     title: "text-foreground text-lg",

package/dist/components/accordion-item.mjs

@@ -1,6 +1,6 @@
 import {
   accordionItem
-} from "../chunk-RD42SVXB.mjs";
+} from "../chunk-OMBBJ6LI.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";

package/dist/components/dropdown-item.d.ts

@@ -0,0 +1,134 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * DropdownItem wrapper **Tailwind Variants** component
+ *
+ * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = dropdownItem({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   <div className={heading())}>
+ *    <button className={trigger())}>
+ *      <div className={leftIndicator()}>
+ *         // 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 dropdownItem: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        faded: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        shadow: {
+            base: string;
+        };
+    };
+    color: {
+        neutral: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    showDivider: {
+        true: {
+            base: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, unknown, {
+    base: string[];
+    wrapper: string;
+    title: string;
+    description: string[];
+    selectedIcon: string[];
+    shortcut: string[];
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        faded: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        shadow: {
+            base: string;
+        };
+    };
+    color: {
+        neutral: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    showDivider: {
+        true: {
+            base: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, unknown>>;
+type DropdownItemVariantProps = VariantProps<typeof dropdownItem>;
+type DropdownItemSlots = keyof ReturnType<typeof dropdownItem>;
+
+export { DropdownItemSlots, DropdownItemVariantProps, dropdownItem };