@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-XHQUSKIE.mjs

@@ -0,0 +1,60 @@
+// src/utils/classes.ts
+var baseStyles = (prefix) => ({
+  color: `hsl(var(--${prefix}-foreground))`,
+  backgroundColor: `hsl(var(--${prefix}-background))`
+});
+var focusVisibleClasses = [
+  "focus-visible:z-10",
+  "focus-visible:outline-2",
+  "focus-visible:outline-focus",
+  "focus-visible:outline-offset-2"
+];
+var dataFocusVisibleClasses = [
+  "outline-none",
+  "data-[focus-visible=true]:z-10",
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
+];
+var groupDataFocusVisibleClasses = [
+  "outline-none",
+  "group-data-[focus-visible=true]:z-10",
+  "group-data-[focus-visible=true]:ring-2",
+  "group-data-[focus-visible=true]:ring-focus",
+  "group-data-[focus-visible=true]:ring-offset-2",
+  "group-data-[focus-visible=true]:ring-offset-background"
+];
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "ring-focus",
+  "ring-offset-2",
+  "ring-offset-background"
+];
+var translateCenterClasses = [
+  "absolute",
+  "top-1/2",
+  "left-1/2",
+  "-translate-x-1/2",
+  "-translate-y-1/2"
+];
+var absoluteFullClasses = ["absolute", "inset-0"];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
+};
+
+export {
+  baseStyles,
+  focusVisibleClasses,
+  dataFocusVisibleClasses,
+  groupDataFocusVisibleClasses,
+  ringClasses,
+  translateCenterClasses,
+  absoluteFullClasses,
+  collapseAdjacentVariantBorders
+};

package/dist/chunk-YSA7EQBH.mjs

@@ -0,0 +1,237 @@
+import {
+  isBaseTheme
+} from "./chunk-D2XMP2NC.mjs";
+import {
+  utilities
+} from "./chunk-726LN7M3.mjs";
+import {
+  DEFAULT_TRANSITION_DURATION
+} from "./chunk-HPFX3B3F.mjs";
+import {
+  baseStyles
+} from "./chunk-XHQUSKIE.mjs";
+import {
+  semanticColors
+} from "./chunk-G4RCK475.mjs";
+import {
+  flattenThemeObject
+} from "./chunk-KUNVFLXJ.mjs";
+import {
+  darkLayout,
+  defaultLayout,
+  lightLayout
+} from "./chunk-HUBDRSA4.mjs";
+import {
+  animations
+} from "./chunk-DMASP6FA.mjs";
+import {
+  commonColors
+} from "./chunk-IAS3SFA4.mjs";
+
+// src/plugin.ts
+import Color from "color";
+import plugin from "tailwindcss/plugin.js";
+import get from "lodash.get";
+import omit from "lodash.omit";
+import forEach from "lodash.foreach";
+import mapKeys from "lodash.mapkeys";
+import kebabCase from "lodash.kebabcase";
+import deepMerge from "deepmerge";
+var DEFAULT_PREFIX = "nextui";
+var parsedColorsCache = {};
+var resolveConfig = (themes = {}, defaultTheme, prefix) => {
+  const resolved = {
+    variants: [],
+    utilities: {},
+    colors: {}
+  };
+  for (const [themeName, { extend, layout, colors }] of Object.entries(themes)) {
+    let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
+    const scheme = themeName === "light" || themeName === "dark" ? themeName : extend;
+    if (themeName === defaultTheme) {
+      cssSelector = `:root,${cssSelector}`;
+    }
+    resolved.utilities[cssSelector] = scheme ? {
+      "color-scheme": scheme
+    } : {};
+    const flatColors = flattenThemeObject(colors);
+    const flatLayout = layout ? mapKeys(layout, (value, key) => kebabCase(key)) : {};
+    resolved.variants.push({
+      name: themeName,
+      definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
+    });
+    for (const [colorName, colorValue] of Object.entries(flatColors)) {
+      if (!colorValue)
+        return;
+      try {
+        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round(2).array();
+        parsedColorsCache[colorValue] = parsedColor;
+        const [h, s, l, defaultAlphaValue] = parsedColor;
+        const nextuiColorVariable = `--${prefix}-${colorName}`;
+        const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
+        resolved.utilities[cssSelector][nextuiColorVariable] = `${h} ${s}% ${l}%`;
+        if (typeof defaultAlphaValue === "number") {
+          resolved.utilities[cssSelector][nextuiOpacityVariable] = defaultAlphaValue.toFixed(2);
+        }
+        resolved.colors[colorName] = ({ opacityVariable, opacityValue }) => {
+          if (!isNaN(+opacityValue)) {
+            return `hsl(var(${nextuiColorVariable}) / ${opacityValue})`;
+          }
+          if (opacityVariable) {
+            return `hsl(var(${nextuiColorVariable}) / var(${nextuiOpacityVariable}, var(${opacityVariable})))`;
+          }
+          return `hsl(var(${nextuiColorVariable}) / var(${nextuiOpacityVariable}, 1))`;
+        };
+      } catch (error) {
+        console.log("error", error == null ? void 0 : error.message);
+      }
+    }
+    for (const [key, value] of Object.entries(flatLayout)) {
+      if (!value)
+        return;
+      const layoutVariablePrefix = `--${prefix}-${key}`;
+      if (typeof value === "object") {
+        for (const [nestedKey, nestedValue] of Object.entries(value)) {
+          const nestedLayoutVariable = `${layoutVariablePrefix}-${nestedKey}`;
+          resolved.utilities[cssSelector][nestedLayoutVariable] = nestedValue;
+        }
+      } else {
+        const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
+        resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
+      }
+    }
+  }
+  return resolved;
+};
+var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
+  const resolved = resolveConfig(themes, defaultTheme, prefix);
+  return plugin(
+    ({ addBase, addUtilities, addVariant }) => {
+      addBase({
+        [":root, [data-theme]"]: {
+          ...baseStyles(prefix)
+        }
+      });
+      addUtilities({ ...resolved == null ? void 0 : resolved.utilities, ...utilities });
+      resolved == null ? void 0 : resolved.variants.forEach((variant) => {
+        addVariant(variant.name, variant.definition);
+      });
+    },
+    {
+      theme: {
+        extend: {
+          colors: {
+            ...addCommonColors ? commonColors : {},
+            ...resolved == null ? void 0 : resolved.colors
+          },
+          scale: {
+            "80": "0.8",
+            "85": "0.85"
+          },
+          height: {
+            divider: `var(--${prefix}-divider-weight)`
+          },
+          width: {
+            divider: `var(--${prefix}-divider-weight)`
+          },
+          fontSize: {
+            tiny: [`var(--${prefix}-font-size-tiny)`, `var(--${prefix}-line-height-tiny)`],
+            small: [`var(--${prefix}-font-size-small)`, `var(--${prefix}-line-height-small)`],
+            medium: [`var(--${prefix}-font-size-medium)`, `var(--${prefix}-line-height-medium)`],
+            large: [`var(--${prefix}-font-size-large)`, `var(--${prefix}-line-height-large)`]
+          },
+          borderRadius: {
+            small: `var(--${prefix}-radius-small)`,
+            medium: `var(--${prefix}-radius-medium)`,
+            large: `var(--${prefix}-radius-large)`
+          },
+          opacity: {
+            hover: `var(--${prefix}-hover-opacity)`,
+            disabled: `var(--${prefix}-disabled-opacity)`
+          },
+          borderWidth: {
+            small: `var(--${prefix}-border-width-small)`,
+            medium: `var(--${prefix}-border-width-medium)`,
+            large: `var(--${prefix}-border-width-large)`,
+            1: "1px",
+            1.5: "1.5px",
+            3: "3px",
+            5: "5px"
+          },
+          boxShadow: {
+            small: `var(--${prefix}-box-shadow-small)`,
+            medium: `var(--${prefix}-box-shadow-medium)`,
+            large: `var(--${prefix}-box-shadow-large)`
+          },
+          backgroundImage: {
+            "stripe-gradient": "linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)"
+          },
+          transitionDuration: {
+            0: "0ms",
+            250: "250ms",
+            400: "400ms",
+            DEFAULT: DEFAULT_TRANSITION_DURATION
+          },
+          transitionTimingFunction: {
+            "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"
+          },
+          ...animations
+        }
+      }
+    }
+  );
+};
+var nextui = (config = {}) => {
+  const {
+    themes: themeObject = {},
+    defaultTheme = "light",
+    layout: userLayout,
+    defaultExtendTheme = "light",
+    prefix: defaultPrefix = DEFAULT_PREFIX,
+    addCommonColors = false
+  } = config;
+  const userLightColors = get(themeObject, "light.colors", {});
+  const userDarkColors = get(themeObject, "dark.colors", {});
+  const defaultLayoutObj = userLayout && typeof userLayout === "object" ? deepMerge(defaultLayout, userLayout) : defaultLayout;
+  const baseLayouts = {
+    light: {
+      ...defaultLayoutObj,
+      ...lightLayout
+    },
+    dark: {
+      ...defaultLayoutObj,
+      ...darkLayout
+    }
+  };
+  let otherThemes = omit(themeObject, ["light", "dark"]) || {};
+  forEach(otherThemes, ({ extend, colors, layout }, themeName) => {
+    const baseTheme = extend && isBaseTheme(extend) ? extend : defaultExtendTheme;
+    if (colors && typeof colors === "object") {
+      otherThemes[themeName].colors = deepMerge(semanticColors[baseTheme], colors);
+    }
+    if (layout && typeof layout === "object") {
+      otherThemes[themeName].layout = deepMerge(
+        extend ? baseLayouts[extend] : defaultLayoutObj,
+        layout
+      );
+    }
+  });
+  const light = {
+    layout: deepMerge(baseLayouts.light, get(themeObject, "light.layout", {})),
+    colors: deepMerge(semanticColors.light, userLightColors)
+  };
+  const dark = {
+    layout: deepMerge(baseLayouts.dark, get(themeObject, "dark.layout", {})),
+    colors: deepMerge(semanticColors.dark, userDarkColors)
+  };
+  const themes = {
+    light,
+    dark,
+    ...otherThemes
+  };
+  return corePlugin(themes, defaultTheme, defaultPrefix, addCommonColors);
+};
+
+export {
+  nextui
+};

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/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: "#006FEE",
+  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-GHZ36ATJ.mjs";
+export {
+  blue
+};

package/dist/colors/common.d.ts

@@ -0,0 +1,103 @@
+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;
+    };
+    zinc: {
+        "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 };

package/dist/colors/common.js

@@ -0,0 +1,155 @@
+"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/common.ts
+var common_exports = {};
+__export(common_exports, {
+  commonColors: () => commonColors
+});
+module.exports = __toCommonJS(common_exports);
+
+// src/colors/blue.ts
+var blue = {
+  50: "#e6f1fe",
+  100: "#cce3fd",
+  200: "#99c7fb",
+  300: "#66aaf9",
+  400: "#338ef7",
+  500: "#006FEE",
+  600: "#005bc4",
+  700: "#004493",
+  800: "#002e62",
+  900: "#001731"
+};
+
+// 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"
+};
+
+// 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"
+};
+
+// 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"
+};
+
+// 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"
+};
+
+// src/colors/yellow.ts
+var yellow = {
+  50: "#fefce8",
+  100: "#fdedd3",
+  200: "#fbdba7",
+  300: "#f9c97c",
+  400: "#f7b750",
+  500: "#f5a524",
+  600: "#c4841d",
+  700: "#936316",
+  800: "#62420e",
+  900: "#312107"
+};
+
+// src/colors/cyan.ts
+var cyan = {
+  50: "#F0FCFF",
+  100: "#E6FAFE",
+  200: "#D7F8FE",
+  300: "#C3F4FD",
+  400: "#A5EEFD",
+  500: "#7EE7FC",
+  600: "#06B7DB",
+  700: "#09AACD",
+  800: "#0E8AAA",
+  900: "#053B48"
+};
+
+// src/colors/zinc.ts
+var zinc = {
+  "50": "#fafafa",
+  "100": "#f4f4f5",
+  "200": "#e4e4e7",
+  "300": "#d4d4d8",
+  "400": "#a1a1aa",
+  "500": "#71717a",
+  "600": "#52525b",
+  "700": "#3f3f46",
+  "800": "#27272a",
+  "900": "#18181b"
+};
+
+// src/colors/common.ts
+var commonColors = {
+  white: "#ffffff",
+  black: "#000000",
+  blue,
+  green,
+  pink,
+  purple,
+  red,
+  yellow,
+  cyan,
+  zinc
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  commonColors
+});

package/dist/colors/common.mjs

@@ -0,0 +1,14 @@
+import {
+  commonColors
+} from "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
+import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
+import "../chunk-OR5PUD24.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
+import "../chunk-YZYGFPNK.mjs";
+import "../chunk-GHZ36ATJ.mjs";
+export {
+  commonColors
+};

package/dist/colors/cyan.d.ts

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