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

package/dist/chunk-D4TJV7NY.mjs

@@ -0,0 +1,206 @@
+import {
+  colorVariants
+} from "./chunk-LGGZKBOO.mjs";
+import {
+  ringClasses,
+  translateCenterClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/avatar.ts
+import { tv } from "tailwind-variants";
+var avatar = tv({
+  slots: {
+    base: [
+      "flex",
+      "relative",
+      "justify-center",
+      "items-center",
+      "box-border",
+      "overflow-hidden",
+      "align-middle",
+      "text-white",
+      "z-10"
+    ],
+    img: [
+      "flex",
+      "object-cover",
+      "w-full",
+      "h-full",
+      "transition-opacity",
+      "!duration-500",
+      "opacity-0",
+      "data-[loaded=true]:opacity-100"
+    ],
+    fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
+    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    icon: [
+      ...translateCenterClasses,
+      "flex",
+      "items-center",
+      "justify-center",
+      "text-inherit",
+      "w-full",
+      "h-full"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "w-7 h-7 text-[0.625rem]"
+      },
+      sm: {
+        base: "w-8 h-8 text-xs"
+      },
+      md: {
+        base: "w-10 h-10 text-xs"
+      },
+      lg: {
+        base: "w-12 h-12 text-sm"
+      },
+      xl: {
+        base: "w-16 h-16 text-md"
+      }
+    },
+    color: {
+      neutral: {
+        base: colorVariants.solid.neutral
+      },
+      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"
+      },
+      "2xl": {
+        base: "rounded-2xl"
+      },
+      "3xl": {
+        base: "rounded-3xl"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    isBordered: {
+      true: {
+        base: "ring-2 ring-offset-2 ring-offset-background dark:ring-offset-background-dark"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    isInGroup: {
+      true: {
+        base: "-ml-2 hover:-translate-x-3 transition-transform"
+      }
+    },
+    isInGridGroup: {
+      true: {
+        base: "m-0 hover:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "neutral",
+    radius: "full"
+  },
+  compoundVariants: [
+    {
+      color: "neutral",
+      isBordered: true,
+      class: {
+        base: "ring-neutral"
+      }
+    },
+    {
+      color: "primary",
+      isBordered: true,
+      class: {
+        base: "ring-primary"
+      }
+    },
+    {
+      color: "secondary",
+      isBordered: true,
+      class: {
+        base: "ring-secondary"
+      }
+    },
+    {
+      color: "success",
+      isBordered: true,
+      class: {
+        base: "ring-success"
+      }
+    },
+    {
+      color: "warning",
+      isBordered: true,
+      class: {
+        base: "ring-warning"
+      }
+    },
+    {
+      color: "danger",
+      isBordered: true,
+      class: {
+        base: "ring-danger"
+      }
+    },
+    {
+      isBordered: true,
+      size: "xl",
+      class: {
+        base: "ring"
+      }
+    },
+    {
+      isInGroup: true,
+      isFocusVisible: true,
+      class: {
+        base: "-translate-x-3"
+      }
+    }
+  ]
+});
+
+export {
+  avatar
+};

package/dist/chunk-DCEG5LGX.mjs

@@ -0,0 +1,17 @@
+// src/colors/pink.ts
+var pink = {
+  50: "#ffedfa",
+  100: "#ffdcf5",
+  200: "#ffb8eb",
+  300: "#ff95e1",
+  400: "#ff71d7",
+  500: "#ff4ecd",
+  600: "#cc3ea4",
+  700: "#992f7b",
+  800: "#661f52",
+  900: "#331029"
+};
+
+export {
+  pink
+};

package/dist/chunk-FS36US4S.mjs

@@ -0,0 +1,25 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/user.ts
+import { tv } from "tailwind-variants";
+var user = tv({
+  slots: {
+    base: "inline-flex items-center justify-center gap-2",
+    wrapper: "inline-flex flex-col items-start",
+    name: "text-sm text-foreground dark:text-foreground-dark",
+    description: "text-xs text-neutral-500"
+  },
+  variants: {
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses, "rounded-sm"]
+      }
+    }
+  }
+});
+
+export {
+  user
+};

package/dist/chunk-HHWXPWYN.mjs

@@ -0,0 +1,13 @@
+// src/components/radio-group.ts
+import { tv } from "tailwind-variants";
+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 {
+  radioGroup
+};

package/dist/chunk-IJCHUO4J.mjs

@@ -0,0 +1,38 @@
+// src/utils/styles.ts
+var baseStyles = {
+  color: "hsl(var(--nextui-foreground))",
+  backgroundColor: "hsl(var(--nextui-background))"
+};
+var focusVisibleClasses = [
+  "focus:outline-0",
+  "focus-visible:ring-2",
+  "focus-visible:ring-primary",
+  "focus-visible:ring-offset-2",
+  "focus-visible:transition-shadow",
+  "focus-visible:ring-offset-background",
+  "dark:focus-visible:ring-offset-background-dark"
+];
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "!ring-primary",
+  "ring-offset-2",
+  "ring-offset-background",
+  "dark:ring-offset-background-dark"
+];
+var translateCenterClasses = [
+  "absolute",
+  "top-1/2",
+  "left-1/2",
+  "-translate-x-1/2",
+  "-translate-y-1/2"
+];
+var absoluteFullClasses = ["absolute", "inset-0"];
+
+export {
+  baseStyles,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses,
+  absoluteFullClasses
+};

package/dist/chunk-KZJBCC2H.mjs

@@ -0,0 +1,17 @@
+// src/colors/blue.ts
+var blue = {
+  50: "#e6f1fe",
+  100: "#cce3fd",
+  200: "#99c7fb",
+  300: "#66aaf9",
+  400: "#338ef7",
+  500: "#0072f5",
+  600: "#005bc4",
+  700: "#004493",
+  800: "#002e62",
+  900: "#001731"
+};
+
+export {
+  blue
+};

package/dist/chunk-L2OL7R23.mjs

@@ -0,0 +1,17 @@
+// src/colors/purple.ts
+var purple = {
+  50: "#f2eafa",
+  100: "#e4d4f4",
+  200: "#c9a9e9",
+  300: "#ae7ede",
+  400: "#9353d3",
+  500: "#7828c8",
+  600: "#6020a0",
+  700: "#481878",
+  800: "#301050",
+  900: "#180828"
+};
+
+export {
+  purple
+};

package/dist/chunk-LGGZKBOO.mjs

@@ -0,0 +1,77 @@
+// src/utils/variants.ts
+var solid = {
+  neutral: "bg-neutral text-neutral-contrastText",
+  primary: "bg-primary text-primary-contrastText",
+  secondary: "bg-secondary text-secondary-contrastText",
+  success: "bg-success text-success-contrastText",
+  warning: "bg-warning text-warning-contrastText",
+  danger: "bg-danger text-danger-contrastText",
+  foreground: "bg-foreground text-background"
+};
+var shadow = {
+  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-contrastText",
+  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-contrastText",
+  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-contrastText",
+  success: "shadow-lg shadow-success/40 bg-success text-success-contrastText",
+  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-contrastText",
+  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-contrastText",
+  foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
+};
+var bordered = {
+  neutral: "bg-transparent border-neutral text-foreground",
+  primary: "bg-transparent border-primary text-primary",
+  secondary: "bg-transparent border-secondary text-secondary",
+  success: "bg-transparent border-success text-success",
+  warning: "bg-transparent border-warning text-warning",
+  danger: "bg-transparent border-danger text-danger",
+  foreground: "bg-transparent border-foreground text-foreground"
+};
+var flat = {
+  neutral: "bg-neutral-100 text-neutral-contrastText",
+  primary: "bg-primary-50 text-primary",
+  secondary: "bg-secondary-100 text-secondary",
+  success: "bg-success-50 text-success",
+  warning: "bg-warning-50 text-warning",
+  danger: "bg-danger-50 text-danger",
+  foreground: "bg-foreground/10 text-foreground"
+};
+var faded = {
+  neutral: "border-neutral bg-neutral-100 text-neutral-contrastText",
+  primary: "border-neutral bg-neutral-100 text-primary",
+  secondary: "border-neutral bg-neutral-100 text-secondary",
+  success: "border-neutral bg-neutral-100 text-success",
+  warning: "border-neutral bg-neutral-100 text-warning",
+  danger: "border-neutral bg-neutral-100 text-danger",
+  foreground: "border-neutral bg-neutral-100 text-foreground"
+};
+var light = {
+  neutral: "bg-transparent text-neutral-contrastText",
+  primary: "bg-transparent text-primary",
+  secondary: "bg-transparent text-secondary",
+  success: "bg-transparent text-success",
+  warning: "bg-transparent text-warning",
+  danger: "bg-transparent text-danger",
+  foreground: "bg-transparent text-foreground"
+};
+var ghost = {
+  neutral: "border-neutral text-neutral-contrastText hover:!bg-neutral",
+  primary: "border-primary text-primary hover:!text-primary-contrastText hover:!bg-primary",
+  secondary: "border-secondary text-secondary hover:text-secondary-contrastText hover:!bg-secondary",
+  success: "border-success text-success hover:!text-success-contrastText hover:!bg-success",
+  warning: "border-warning text-warning hover:!text-warning-contrastText hover:!bg-warning",
+  danger: "border-danger text-danger hover:!text-danger-contrastText hover:!bg-danger",
+  foreground: "border-foreground text-foreground hover:!bg-foreground"
+};
+var colorVariants = {
+  solid,
+  shadow,
+  bordered,
+  flat,
+  faded,
+  light,
+  ghost
+};
+
+export {
+  colorVariants
+};

package/dist/chunk-MLH3XSY7.mjs

@@ -0,0 +1,14 @@
+// src/components/avatar-group.ts
+import { tv } from "tailwind-variants";
+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 {
+  avatarGroup
+};

package/dist/chunk-NJQP2VWT.mjs

@@ -0,0 +1,160 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/checkbox.ts
+import { tv } from "tailwind-variants";
+var checkbox = tv({
+  slots: {
+    base: "relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    wrapper: [
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "flex-shrink-0",
+      "overflow-hidden",
+      "before:content-['']",
+      "before:absolute",
+      "before:inset-0",
+      "before:border-solid",
+      "before:border-2",
+      "before:box-border",
+      "before:border-neutral",
+      "after:content-['']",
+      "after:absolute",
+      "after:inset-0",
+      "after:scale-50",
+      "after:opacity-0",
+      "after:origin-center",
+      "data-[checked=true]:after:scale-100",
+      "data-[checked=true]:after:opacity-100",
+      "hover:before:bg-neutral-100",
+      "data-[hover=true]:before:bg-neutral-100"
+    ],
+    icon: "z-10 w-4 h-3 opacity-0 data-[checked=true]:opacity-100",
+    label: "relative text-foreground select-none"
+  },
+  variants: {
+    color: {
+      neutral: {
+        wrapper: "after:bg-neutral after:text-neutral-contrastText text-neutral-contrastText"
+      },
+      primary: {
+        wrapper: "after:bg-primary after:text-primary-contrastText text-primary-contrastText"
+      },
+      secondary: {
+        wrapper: "after:bg-secondary after:text-secondary-contrastText text-secondary-contrastText"
+      },
+      success: {
+        wrapper: "after:bg-success after:text-success-contrastText text-success-contrastText"
+      },
+      warning: {
+        wrapper: "after:bg-warning after:text-warning-contrastText text-warning-contrastText"
+      },
+      danger: {
+        wrapper: "after:bg-danger after:text-danger-contrastText text-danger-contrastText"
+      }
+    },
+    size: {
+      xs: {
+        wrapper: "w-3.5 h-3.5 mr-1",
+        label: "text-xs",
+        icon: "w-3 h-2"
+      },
+      sm: {
+        wrapper: "w-4 h-4 mr-1",
+        label: "text-sm",
+        icon: "w-3 h-2"
+      },
+      md: {
+        wrapper: "w-5 h-5 mr-2",
+        label: "text-base",
+        icon: "w-4 h-3"
+      },
+      lg: {
+        wrapper: "w-6 h-6 mr-2",
+        label: "text-lg",
+        icon: "w-5 h-4"
+      },
+      xl: {
+        wrapper: "w-7 h-7 mr-2",
+        label: "text-xl",
+        icon: "w-6 h-5"
+      }
+    },
+    radius: {
+      none: {
+        wrapper: "rounded-none before:rounded-none after:rounded-none"
+      },
+      base: {
+        wrapper: "rounded before:rounded after:rounded"
+      },
+      sm: {
+        wrapper: "rounded-sm before:rounded-sm after:rounded-sm"
+      },
+      md: {
+        wrapper: "rounded-md before:rounded-md after:rounded-md"
+      },
+      lg: {
+        wrapper: "rounded-lg before:rounded-lg after:rounded-lg"
+      },
+      xl: {
+        wrapper: "rounded-xl before:rounded-xl after:rounded-xl"
+      },
+      full: {
+        wrapper: "rounded-full before:rounded-full after:rounded-full"
+      }
+    },
+    lineThrough: {
+      true: {
+        label: [
+          "inline-flex",
+          "items-center",
+          "justify-center",
+          "before:content-['']",
+          "before:absolute",
+          "before:bg-foreground",
+          "before:w-0",
+          "before:h-0.5",
+          "data-[checked=true]:opacity-60",
+          "data-[checked=true]:before:w-full"
+        ]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {
+        wrapper: "transition-none",
+        icon: "transition-none",
+        label: "transition-none"
+      },
+      false: {
+        wrapper: ["before:transition-background", "after:transition-transform-opacity"],
+        icon: "transition-opacity",
+        label: "transition-opacity before:transition-width"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    radius: "md",
+    isDisabled: false,
+    lineThrough: false,
+    disableAnimation: false
+  }
+});
+
+export {
+  checkbox
+};

package/dist/chunk-OIVGIOVG.mjs

@@ -0,0 +1,9 @@
+// src/components/drip.ts
+import { tv } from "tailwind-variants";
+var drip = tv({
+  base: ["absolute", "will-change-transform", "bg-current", "rounded-full", "animate-drip-expand"]
+});
+
+export {
+  drip
+};

package/dist/chunk-OR5PUD24.mjs

@@ -0,0 +1,17 @@
+// src/colors/green.ts
+var green = {
+  50: "#e8faf0",
+  100: "#d1f4e0",
+  200: "#a2e9c1",
+  300: "#74dfa2",
+  400: "#45d483",
+  500: "#17c964",
+  600: "#12a150",
+  700: "#0e793c",
+  800: "#095028",
+  900: "#052814"
+};
+
+export {
+  green
+};