@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-I6ESTKKY.mjs

@@ -0,0 +1,422 @@
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  collapseAdjacentVariantBorders,
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/button.ts
+var button = tv({
+  base: [
+    "z-0",
+    "group",
+    "relative",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "box-border",
+    "appearance-none",
+    "outline-none",
+    "select-none",
+    "whitespace-nowrap",
+    "min-w-max",
+    "font-normal",
+    "subpixel-antialiased",
+    "overflow-hidden",
+    "tap-highlight-transparent",
+    ...dataFocusVisibleClasses
+  ],
+  variants: {
+    variant: {
+      solid: "",
+      bordered: "border-medium bg-transparent",
+      light: "bg-transparent",
+      flat: "",
+      faded: "border-medium",
+      shadow: "",
+      ghost: "border-medium bg-transparent"
+    },
+    size: {
+      sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small",
+      md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium",
+      lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large"
+    },
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      success: "",
+      warning: "",
+      danger: ""
+    },
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-small",
+      md: "rounded-medium",
+      lg: "rounded-large",
+      full: "rounded-full"
+    },
+    fullWidth: {
+      true: "w-full"
+    },
+    isDisabled: {
+      true: "opacity-disabled pointer-events-none"
+    },
+    isInGroup: {
+      true: "[&:not(:first-child):not(:last-child)]:rounded-none"
+    },
+    isIconOnly: {
+      true: "px-0 !gap-0",
+      false: "[&>svg]:max-w-[theme(spacing.8)]"
+    },
+    disableAnimation: {
+      true: "!transition-none",
+      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    color: "default",
+    fullWidth: false,
+    isDisabled: false,
+    isInGroup: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "default",
+      class: colorVariants.solid.default
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: colorVariants.solid.primary
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: colorVariants.solid.secondary
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: colorVariants.solid.success
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: colorVariants.solid.warning
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: colorVariants.solid.danger
+    },
+    {
+      variant: "shadow",
+      color: "default",
+      class: colorVariants.shadow.default
+    },
+    {
+      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: "default",
+      class: colorVariants.bordered.default
+    },
+    {
+      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: "default",
+      class: colorVariants.flat.default
+    },
+    {
+      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: "default",
+      class: colorVariants.faded.default
+    },
+    {
+      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: "default",
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/40"]
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
+    },
+    {
+      variant: "ghost",
+      color: "default",
+      class: colorVariants.ghost.default
+    },
+    {
+      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
+    },
+    {
+      isInGroup: true,
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
+    {
+      isInGroup: true,
+      size: "sm",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
+    },
+    {
+      isInGroup: true,
+      size: "md",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
+    {
+      isInGroup: true,
+      size: "lg",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
+    },
+    {
+      isInGroup: true,
+      isRounded: true,
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      radius: "none",
+      class: "rounded-none first:rounded-s-none last:rounded-e-none"
+    },
+    {
+      isInGroup: true,
+      radius: "sm",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "default",
+      className: collapseAdjacentVariantBorders.default
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "primary",
+      className: collapseAdjacentVariantBorders.primary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "secondary",
+      className: collapseAdjacentVariantBorders.secondary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "success",
+      className: collapseAdjacentVariantBorders.success
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "warning",
+      className: collapseAdjacentVariantBorders.warning
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "danger",
+      className: collapseAdjacentVariantBorders.danger
+    },
+    {
+      isIconOnly: true,
+      size: "sm",
+      class: "min-w-8 w-8 h-8"
+    },
+    {
+      isIconOnly: true,
+      size: "md",
+      class: "min-w-10 w-10 h-10"
+    },
+    {
+      isIconOnly: true,
+      size: "lg",
+      class: "min-w-12 w-12 h-12"
+    },
+    {
+      variant: ["solid", "faded", "flat", "bordered", "shadow"],
+      class: "data-[hover=true]:opacity-hover"
+    }
+  ]
+});
+var buttonGroup = tv({
+  base: "inline-flex items-center justify-center h-auto",
+  variants: {
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    fullWidth: false
+  }
+});
+
+export {
+  button,
+  buttonGroup
+};

package/dist/chunk-IAS3SFA4.mjs

@@ -0,0 +1,42 @@
+import {
+  yellow
+} from "./chunk-JUEOCLA3.mjs";
+import {
+  zinc
+} from "./chunk-3LKKH4AR.mjs";
+import {
+  cyan
+} from "./chunk-T3GWIVAM.mjs";
+import {
+  green
+} from "./chunk-OR5PUD24.mjs";
+import {
+  pink
+} from "./chunk-DCEG5LGX.mjs";
+import {
+  purple
+} from "./chunk-L2OL7R23.mjs";
+import {
+  red
+} from "./chunk-YZYGFPNK.mjs";
+import {
+  blue
+} from "./chunk-GHZ36ATJ.mjs";
+
+// src/colors/common.ts
+var commonColors = {
+  white: "#ffffff",
+  black: "#000000",
+  blue,
+  green,
+  pink,
+  purple,
+  red,
+  yellow,
+  cyan,
+  zinc
+};
+
+export {
+  commonColors
+};

package/dist/chunk-IP3D7KVB.mjs

@@ -0,0 +1,181 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/modal.ts
+var modal = tv({
+  slots: {
+    wrapper: [
+      "flex",
+      "w-screen",
+      "h-[100dvh]",
+      "fixed",
+      "inset-0",
+      "z-50",
+      "overflow-x-auto",
+      "justify-center",
+      "[--scale-enter:100%]",
+      "[--scale-exit:100%]",
+      "[--slide-enter:0px]",
+      "[--slide-exit:80px]",
+      "sm:[--scale-enter:100%]",
+      "sm:[--scale-exit:103%]",
+      "sm:[--slide-enter:0px]",
+      "sm:[--slide-exit:0px]"
+    ],
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "bg-white",
+      "z-50",
+      "w-full",
+      "box-border",
+      "bg-content1",
+      "outline-none",
+      "mx-1",
+      "my-1",
+      "sm:mx-6",
+      "sm:my-16"
+    ],
+    backdrop: "z-50",
+    header: "flex py-4 px-6 flex-initial text-large font-semibold",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2",
+    footer: "flex flex-row gap-2 px-6 py-4 justify-end",
+    closeButton: [
+      "absolute",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "top-1",
+      "right-1",
+      "rtl:left-1",
+      "rtl:right-[unset]",
+      "p-2",
+      "text-foreground-500",
+      "rounded-full",
+      "hover:bg-default-100",
+      "active:bg-default-200",
+      "tap-highlight-transparent",
+      ...dataFocusVisibleClasses
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] !rounded-none"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      sm: { base: "rounded-small" },
+      md: { base: "rounded-medium" },
+      lg: { base: "rounded-large" }
+    },
+    placement: {
+      auto: {
+        wrapper: "items-end sm:items-center"
+      },
+      center: {
+        wrapper: "items-center sm:items-center"
+      },
+      top: {
+        wrapper: "items-start sm:items-start"
+      },
+      "top-center": {
+        wrapper: "items-start sm:items-center"
+      },
+      bottom: {
+        wrapper: "items-end sm:items-end"
+      },
+      "bottom-center": {
+        wrapper: "items-end sm:items-center"
+      }
+    },
+    shadow: {
+      sm: {
+        base: "shadow-small"
+      },
+      md: {
+        base: "shadow-medium"
+      },
+      lg: {
+        base: "shadow-large"
+      }
+    },
+    backdrop: {
+      transparent: {
+        backdrop: "hidden"
+      },
+      opaque: {
+        backdrop: "bg-overlay/50 backdrop-opacity-disabled"
+      },
+      blur: {
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
+      }
+    },
+    scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
+      inside: {
+        base: "max-h-[calc(100%_-_7.5rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start sm:items-start overflow-y-auto",
+        base: "my-16"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    shadow: "sm",
+    placement: "auto",
+    backdrop: "opaque",
+    scrollBehavior: "normal"
+  },
+  compoundVariants: [
+    {
+      backdrop: ["opaque", "blur"],
+      class: {
+        backdrop: "w-screen h-screen fixed inset-0"
+      }
+    }
+  ]
+});
+
+export {
+  modal
+};