@nextui-org/theme 0.0.0-dev-v2-20230326012034

package/dist/chunk-OSARGUKT.mjs

@@ -0,0 +1,326 @@
+import {
+  colorVariants
+} from "./chunk-LGGZKBOO.mjs";
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/button.ts
+import { tv } from "tailwind-variants";
+var button = tv({
+  base: [
+    "z-0",
+    "relative",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "box-border",
+    "appearance-none",
+    "outline-none",
+    "select-none",
+    "font-medium",
+    "subpixel-antialiased",
+    "active:scale-95",
+    "overflow-hidden",
+    "gap-3"
+  ],
+  variants: {
+    variant: {
+      solid: "",
+      bordered: "border-2 !bg-transparent",
+      light: "!bg-transparent",
+      flat: "",
+      faded: "border-1.5",
+      shadow: "",
+      ghost: "border-2 !bg-transparent"
+    },
+    size: {
+      xs: "px-2 h-6 text-xs",
+      sm: "px-3 h-8 text-sm",
+      md: "px-4 h-10 text-base",
+      lg: "px-6 h-12 text-md",
+      xl: "px-8 h-14 text-lg"
+    },
+    color: {
+      neutral: colorVariants.solid.neutral,
+      primary: colorVariants.solid.primary,
+      secondary: colorVariants.solid.secondary,
+      success: colorVariants.solid.success,
+      warning: colorVariants.solid.warning,
+      danger: colorVariants.solid.danger
+    },
+    radius: {
+      none: "rounded-none",
+      base: "rounded",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      "2xl": "rounded-2xl",
+      "3xl": "rounded-3xl",
+      full: "rounded-full"
+    },
+    fullWidth: {
+      true: "w-full"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    isFocusVisible: {
+      true: [...ringClasses]
+    },
+    isInGroup: {
+      true: "[&:not(:first-child):not(:last-child)]:rounded-none"
+    },
+    disableAnimation: {
+      true: "!transition-none",
+      false: "transition-transform-background"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    color: "neutral",
+    radius: "xl",
+    fullWidth: false,
+    isDisabled: false,
+    isInGroup: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: colorVariants.shadow.neutral
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: colorVariants.shadow.primary
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: colorVariants.shadow.secondary
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: colorVariants.shadow.success
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: colorVariants.shadow.warning
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: colorVariants.shadow.danger
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: colorVariants.bordered.neutral
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: colorVariants.bordered.primary
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: colorVariants.bordered.secondary
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: colorVariants.bordered.success
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: colorVariants.bordered.warning
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: colorVariants.bordered.danger
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: colorVariants.flat.neutral
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: colorVariants.flat.primary
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: colorVariants.flat.secondary
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: colorVariants.flat.success
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: colorVariants.flat.warning
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: colorVariants.flat.danger
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: colorVariants.faded.neutral
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: colorVariants.faded.primary
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: colorVariants.faded.secondary
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: colorVariants.faded.success
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: colorVariants.faded.warning
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: colorVariants.faded.danger
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: [colorVariants.light.neutral, "hover:!bg-neutral-100"]
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: [colorVariants.light.primary, "hover:!bg-primary-50"]
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: [colorVariants.light.secondary, "hover:!bg-secondary-100"]
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: [colorVariants.light.success, "hover:!bg-success-50"]
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: [colorVariants.light.warning, "hover:!bg-warning-50"]
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: [colorVariants.light.danger, "hover:!bg-danger-50"]
+    },
+    {
+      variant: "ghost",
+      color: "neutral",
+      class: colorVariants.ghost.neutral
+    },
+    {
+      variant: "ghost",
+      color: "primary",
+      class: colorVariants.ghost.primary
+    },
+    {
+      variant: "ghost",
+      color: "secondary",
+      class: colorVariants.ghost.secondary
+    },
+    {
+      variant: "ghost",
+      color: "success",
+      class: colorVariants.ghost.success
+    },
+    {
+      variant: "ghost",
+      color: "warning",
+      class: colorVariants.ghost.warning
+    },
+    {
+      variant: "ghost",
+      color: "danger",
+      class: colorVariants.ghost.danger
+    },
+    {
+      variant: "ghost",
+      disableAnimation: false,
+      class: "transition-[transform,background]"
+    },
+    {
+      isInGroup: true,
+      radius: "base",
+      class: "rounded-none  first:rounded-l last:rounded-r"
+    },
+    {
+      isInGroup: true,
+      radius: "sm",
+      class: "rounded-none  first:rounded-l-sm last:rounded-r-sm"
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none  first:rounded-l-md last:rounded-r-md"
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none  first:rounded-l-lg last:rounded-r-lg"
+    },
+    {
+      isInGroup: true,
+      radius: "xl",
+      class: "rounded-none  first:rounded-l-xl last:rounded-r-xl"
+    },
+    {
+      isInGroup: true,
+      radius: "2xl",
+      class: "rounded-none  first:rounded-l-2xl last:rounded-r-2xl"
+    },
+    {
+      isInGroup: true,
+      radius: "3xl",
+      class: "rounded-none  first:rounded-l-3xl last:rounded-r-3xl"
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none  first:rounded-l-full last:rounded-r-full"
+    },
+    {
+      isInGroup: true,
+      variant: "bordered",
+      class: "[&:not(:first-child)]:border-l-0"
+    }
+  ]
+});
+
+export {
+  button
+};

package/dist/chunk-QIC7EALL.mjs

@@ -0,0 +1,277 @@
+import {
+  colorVariants
+} from "./chunk-LGGZKBOO.mjs";
+
+// src/components/tooltip.ts
+import { tv } from "tailwind-variants";
+var tooltip = tv({
+  slots: {
+    base: [
+      "z-10",
+      "inline-flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "box-border",
+      "subpixel-antialiased",
+      "px-4",
+      "py-1",
+      "text-base"
+    ],
+    arrow: [
+      "-z-10",
+      "absolute",
+      "rotate-45",
+      "bg-inherit",
+      "w-2.5",
+      "h-2.5",
+      "rounded-sm",
+      "data-[placement=top]:-bottom-1",
+      "data-[placement=top]:-translate-x-1/2",
+      "data-[placement=top-start]:-bottom-1",
+      "data-[placement=top-start]:-translate-x-8",
+      "data-[placement=top-end]:-bottom-1",
+      "data-[placement=top-end]:translate-x-6",
+      "data-[placement=bottom]:-top-1",
+      "data-[placement=bottom]:-translate-x-1/2",
+      "data-[placement=bottom-start]:-top-1",
+      "data-[placement=bottom-start]:-translate-x-8",
+      "data-[placement=bottom-end]:-top-1",
+      "data-[placement=bottom-end]:translate-x-6",
+      "data-[placement=left]:-right-1",
+      "data-[placement=left]:-translate-y-1/2",
+      "data-[placement=left-start]:-right-1",
+      "data-[placement=left-start]:-translate-y-3",
+      "data-[placement=left-end]:-right-1",
+      "data-[placement=left-end]:translate-y-0.5",
+      "data-[placement=right]:-left-1",
+      "data-[placement=right]:-translate-y-1/2",
+      "data-[placement=right-start]:-left-1",
+      "data-[placement=right-start]:-translate-y-3",
+      "data-[placement=right-end]:-left-1",
+      "data-[placement=right-end]:translate-y-0.5"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: { base: "" },
+      bordered: {
+        base: "border-2 !bg-background",
+        arrow: "border-2 border-inherit !bg-background"
+      },
+      light: { base: "!bg-transparent", arrow: "hidden" },
+      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      flat: { base: "" },
+      shadow: { base: "" }
+    },
+    color: {
+      neutral: { base: colorVariants.solid.neutral },
+      foreground: { base: colorVariants.solid.foreground },
+      primary: { base: colorVariants.solid.primary },
+      secondary: { base: colorVariants.solid.secondary },
+      success: { base: colorVariants.solid.success },
+      warning: { base: colorVariants.solid.warning },
+      danger: { base: colorVariants.solid.danger }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    },
+    disableAnimation: {
+      true: { base: "animate-none" }
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    radius: "lg"
+  },
+  compoundVariants: [
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: colorVariants.shadow.neutral
+      }
+    },
+    {
+      variant: "shadow",
+      color: "foreground",
+      class: { base: colorVariants.shadow.foreground }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: { base: colorVariants.shadow.primary }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: { base: colorVariants.shadow.secondary }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: { base: colorVariants.shadow.success }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: { base: colorVariants.shadow.warning }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: { base: colorVariants.shadow.danger }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: { base: colorVariants.bordered.neutral }
+    },
+    {
+      variant: "bordered",
+      color: "foreground",
+      class: { base: colorVariants.bordered.foreground }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: { base: colorVariants.bordered.primary }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: { base: colorVariants.bordered.secondary }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: { base: colorVariants.bordered.success }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: { base: colorVariants.bordered.warning }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: { base: colorVariants.bordered.danger }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: { base: colorVariants.flat.neutral }
+    },
+    {
+      variant: "flat",
+      color: "foreground",
+      class: { base: colorVariants.flat.foreground }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: { base: colorVariants.flat.primary }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: { base: colorVariants.flat.secondary }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: { base: colorVariants.flat.success }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: { base: colorVariants.flat.warning }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: { base: colorVariants.flat.danger }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: { base: colorVariants.faded.neutral }
+    },
+    {
+      variant: "faded",
+      color: "foreground",
+      class: { base: colorVariants.faded.foreground }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: { base: colorVariants.faded.primary }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: { base: colorVariants.faded.secondary }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: { base: colorVariants.faded.success }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: { base: colorVariants.faded.warning }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: { base: colorVariants.faded.danger }
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: { base: colorVariants.light.neutral }
+    },
+    {
+      variant: "light",
+      color: "foreground",
+      class: { base: colorVariants.light.foreground }
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: { base: colorVariants.light.primary }
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: { base: colorVariants.light.secondary }
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: { base: colorVariants.light.success }
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: { base: colorVariants.light.warning }
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: { base: colorVariants.light.danger }
+    }
+  ]
+});
+
+export {
+  tooltip
+};