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

package/dist/chunk-Y37XC5QN.mjs

@@ -0,0 +1,169 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/radio.ts
+import { tv } from "tailwind-variants";
+var radio = 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",
+      "border-solid",
+      "border-2",
+      "box-border",
+      "border-neutral",
+      "data-[hover-unchecked=true]:bg-neutral-100"
+    ],
+    labelWrapper: "flex flex-col ml-1",
+    control: [
+      "z-10",
+      "w-2",
+      "h-2",
+      "opacity-0",
+      "scale-0",
+      "origin-center",
+      "data-[checked=true]:opacity-100",
+      "data-[checked=true]:scale-100"
+    ],
+    label: "relative text-foreground select-none",
+    description: "relative text-neutral-400"
+  },
+  variants: {
+    color: {
+      neutral: {
+        control: "bg-neutral-500 text-neutral-contrastText",
+        wrapper: "data-[checked=true]:border-neutral-500"
+      },
+      primary: {
+        control: "bg-primary text-primary-contrastText",
+        wrapper: "data-[checked=true]:border-primary"
+      },
+      secondary: {
+        control: "bg-secondary text-secondary-contrastText",
+        wrapper: "data-[checked=true]:border-secondary"
+      },
+      success: {
+        control: "bg-success text-success-contrastText",
+        wrapper: "data-[checked=true]:border-success"
+      },
+      warning: {
+        control: "bg-warning text-warning-contrastText",
+        wrapper: "data-[checked=true]:border-warning"
+      },
+      danger: {
+        control: "bg-danger text-danger-contrastText",
+        wrapper: "data-[checked=true]:border-danger"
+      }
+    },
+    size: {
+      xs: {
+        wrapper: "w-3.5 h-3.5",
+        control: "w-1 h-1",
+        labelWrapper: "ml-1",
+        label: "text-xs",
+        description: "text-xs"
+      },
+      sm: {
+        wrapper: "w-4 h-4",
+        control: "w-1.5 h-1.5",
+        labelWrapper: "ml-1",
+        label: "text-sm",
+        description: "text-xs"
+      },
+      md: {
+        wrapper: "w-5 h-5",
+        control: "w-2 h-2",
+        labelWrapper: "ml-2",
+        label: "text-base",
+        description: "text-sm"
+      },
+      lg: {
+        wrapper: "w-6 h-6",
+        control: "w-2.5 h-2.5",
+        labelWrapper: "ml-2",
+        label: "text-lg",
+        description: "text-base"
+      },
+      xl: {
+        wrapper: "w-7 h-7",
+        control: "w-3 h-3",
+        labelWrapper: "ml-3",
+        label: "text-xl",
+        description: "text-lg"
+      }
+    },
+    radius: {
+      none: {
+        wrapper: "rounded-none",
+        control: "rounded-none"
+      },
+      base: {
+        wrapper: "rounded",
+        control: "rounded"
+      },
+      sm: {
+        wrapper: "rounded-sm",
+        control: "rounded-sm"
+      },
+      md: {
+        wrapper: "rounded-md",
+        control: "rounded-sm"
+      },
+      lg: {
+        wrapper: "rounded-lg",
+        control: "rounded"
+      },
+      xl: {
+        wrapper: "rounded-xl",
+        control: "rounded-md"
+      },
+      full: {
+        wrapper: "rounded-full",
+        control: "rounded-full"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isInvalid: {
+      true: {
+        control: "bg-danger text-danger-contrastText",
+        wrapper: "border-danger data-[checked=true]:border-danger",
+        label: "text-danger",
+        description: "text-danger-300"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        wrapper: "transition-background",
+        control: "transition-transform-opacity"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    radius: "full",
+    isDisabled: false,
+    isInvalid: false,
+    disableAnimation: false
+  }
+});
+
+export {
+  radio
+};

package/dist/chunk-Y4YW5MKL.mjs

@@ -0,0 +1,17 @@
+// src/colors/yellow.ts
+var yellow = {
+  50: "#fef6e9",
+  100: "#fdedd3",
+  200: "#fbdba7",
+  300: "#f9c97c",
+  400: "#f7b750",
+  500: "#f5a524",
+  600: "#c4841d",
+  700: "#936316",
+  800: "#62420e",
+  900: "#312107"
+};
+
+export {
+  yellow
+};

package/dist/chunk-Y52EXP4A.mjs

@@ -0,0 +1,142 @@
+import {
+  swapColorValues
+} from "./chunk-37PIXVP4.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
+
+// src/colors/semantic.ts
+import twColors from "tailwindcss/colors";
+import { readableColor } from "color2k";
+var base = {
+  light: {
+    background: {
+      DEFAULT: "#ffffff"
+    },
+    foreground: {
+      DEFAULT: "#11181C"
+    },
+    border: {
+      DEFAULT: "#00000026"
+    },
+    content1: {
+      DEFAULT: twColors.zinc[50],
+      contrastText: twColors.zinc[900]
+    },
+    content2: {
+      DEFAULT: twColors.zinc[100],
+      contrastText: twColors.zinc[800]
+    },
+    content3: {
+      DEFAULT: twColors.zinc[200],
+      contrastText: twColors.zinc[700]
+    },
+    content4: {
+      DEFAULT: twColors.zinc[300],
+      contrastText: twColors.zinc[600]
+    }
+  },
+  dark: {
+    background: {
+      DEFAULT: "#000000"
+    },
+    foreground: {
+      DEFAULT: "#ECEDEE"
+    },
+    border: {
+      DEFAULT: "#ffffff26"
+    },
+    content1: {
+      DEFAULT: twColors.zinc[900],
+      contrastText: twColors.zinc[50]
+    },
+    content2: {
+      DEFAULT: twColors.zinc[800],
+      contrastText: twColors.zinc[100]
+    },
+    content3: {
+      DEFAULT: twColors.zinc[700],
+      contrastText: twColors.zinc[200]
+    },
+    content4: {
+      DEFAULT: twColors.zinc[600],
+      contrastText: twColors.zinc[300]
+    }
+  }
+};
+var semanticColorsLight = {
+  ...base.light,
+  neutral: {
+    ...twColors.zinc,
+    contrastText: readableColor(twColors.zinc[300]),
+    DEFAULT: twColors.zinc[300]
+  },
+  primary: {
+    ...commonColors.blue,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...commonColors.purple,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.purple[500]
+  },
+  success: {
+    ...commonColors.green,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...commonColors.yellow,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...commonColors.red,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColorsDark = {
+  ...base.dark,
+  neutral: {
+    ...swapColorValues(twColors.zinc),
+    contrastText: readableColor(twColors.zinc[700]),
+    DEFAULT: twColors.zinc[700]
+  },
+  primary: {
+    ...swapColorValues(commonColors.blue),
+    DEFAULT: commonColors.blue[500],
+    contrastText: commonColors.white
+  },
+  secondary: {
+    ...swapColorValues(commonColors.purple),
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...swapColorValues(commonColors.green),
+    contrastText: readableColor(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...swapColorValues(commonColors.yellow),
+    contrastText: readableColor(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...swapColorValues(commonColors.red),
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColors = {
+  light: semanticColorsLight,
+  dark: semanticColorsDark
+};
+
+export {
+  semanticColorsLight,
+  semanticColorsDark,
+  semanticColors
+};

package/dist/chunk-YYBLBQIV.mjs

@@ -0,0 +1,16 @@
+// src/components/accordion.ts
+import { tv } from "tailwind-variants";
+var accordion = tv({
+  base: "px-2",
+  variants: {
+    variant: {
+      shadow: "px-4 shadow-lg rounded-xl dark:bg-content1 border border-neutral-100",
+      bordered: "px-4 border border-neutral rounded-lg",
+      splitted: "group is-splitted flex flex-col gap-2"
+    }
+  }
+});
+
+export {
+  accordion
+};

package/dist/chunk-YZYGFPNK.mjs

@@ -0,0 +1,17 @@
+// src/colors/red.ts
+var red = {
+  50: "#fee7ef",
+  100: "#fdd0df",
+  200: "#faa0bf",
+  300: "#f871a0",
+  400: "#f54180",
+  500: "#f31260",
+  600: "#c20e4d",
+  700: "#920b3a",
+  800: "#610726",
+  900: "#310413"
+};
+
+export {
+  red
+};

package/dist/chunk-Z5OKZPNV.mjs

@@ -0,0 +1,190 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/card.ts
+import { tv } from "tailwind-variants";
+var card = tv({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "height-auto",
+      "outline-none",
+      "text-foreground",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100"
+    ],
+    header: [
+      "flex",
+      "justify-start",
+      "items-center",
+      "shrink-0",
+      "w-full",
+      "overflow-inherit",
+      "color-inherit",
+      "p-3",
+      "z-10",
+      "subpixel-antialiased"
+    ],
+    body: [
+      "relative",
+      "flex",
+      "flex-auto",
+      "flex-col",
+      "place-content-inherit",
+      "align-items-inherit",
+      "w-full",
+      "h-auto",
+      "py-5",
+      "px-3",
+      "break-words",
+      "text-left",
+      "overflow-y-auto",
+      "subpixel-antialiased"
+    ],
+    footer: [
+      "w-full",
+      "h-auto",
+      "p-3",
+      "flex",
+      "items-center",
+      "overflow-hidden",
+      "color-inherit",
+      "subpixel-antialiased"
+    ]
+  },
+  variants: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        header: "rounded-t-none",
+        footer: "rounded-b-none"
+      },
+      base: {
+        base: "rounded",
+        header: "rounded-t",
+        footer: "rounded-b"
+      },
+      sm: {
+        base: "rounded-sm",
+        header: "rounded-t-sm",
+        footer: "rounded-b-sm"
+      },
+      md: {
+        base: "rounded-md",
+        header: "rounded-t-md",
+        footer: "rounded-b-md"
+      },
+      lg: {
+        base: "rounded-lg",
+        header: "rounded-t-lg",
+        footer: "rounded-b-lg"
+      },
+      xl: {
+        base: "rounded-xl",
+        header: "rounded-t-xl",
+        footer: "rounded-b-xl"
+      },
+      "2xl": {
+        base: "rounded-2xl",
+        header: "rounded-t-2xl",
+        footer: "rounded-b-2xl"
+      },
+      "3xl": {
+        base: "rounded-3xl",
+        header: "rounded-t-3xl",
+        footer: "rounded-b-3xl"
+      },
+      full: {
+        base: "rounded-full",
+        header: "rounded-t-full",
+        footer: "rounded-b-full"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isHoverable: {
+      true: {}
+    },
+    isPressable: {
+      true: { base: "cursor-pointer" }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    isFooterBlurred: {
+      true: {
+        footer: "backdrop-blur-xl backdrop-saturate-200"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: "",
+      false: { base: "transition-transform motion-reduce:transition-none" }
+    }
+  },
+  compoundVariants: [
+    {
+      isHoverable: true,
+      disableAnimation: false,
+      class: "hover:-translate-y-1.5"
+    },
+    {
+      isPressable: true,
+      disableAnimation: false,
+      class: "active:scale-95"
+    }
+  ],
+  defaultVariants: {
+    radius: "xl",
+    shadow: "lg",
+    fullWidth: false,
+    isHoverable: false,
+    isPressable: false,
+    isFocusVisible: false,
+    isDisabled: false,
+    disableAnimation: false,
+    isFooterBlurred: false
+  }
+});
+
+export {
+  card
+};

package/dist/colors/blue.d.ts

@@ -0,0 +1,14 @@
+declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+
+export { blue };

package/dist/colors/blue.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/colors/blue.ts
+var blue_exports = {};
+__export(blue_exports, {
+  blue: () => blue
+});
+module.exports = __toCommonJS(blue_exports);
+var blue = {
+  50: "#e6f1fe",
+  100: "#cce3fd",
+  200: "#99c7fb",
+  300: "#66aaf9",
+  400: "#338ef7",
+  500: "#0072f5",
+  600: "#005bc4",
+  700: "#004493",
+  800: "#002e62",
+  900: "#001731"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blue
+});

package/dist/colors/blue.mjs

@@ -0,0 +1,6 @@
+import {
+  blue
+} from "../chunk-KZJBCC2H.mjs";
+export {
+  blue
+};

package/dist/colors/common.d.ts

@@ -0,0 +1,91 @@
+declare const commonColors: {
+    white: string;
+    black: string;
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+type CommonColors = typeof commonColors;
+
+export { CommonColors, commonColors };