@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-FRI2VDCA.mjs

@@ -0,0 +1,306 @@
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/snippet.ts
+var snippet = tv({
+  slots: {
+    base: "inline-flex items-center justify-between h-fit rounded-large gap-2",
+    pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
+    content: "flex flex-col",
+    symbol: "select-none",
+    copyButton: [
+      "group",
+      "relative",
+      "z-10",
+      "text-large",
+      "text-inherit",
+      "data-[hover=true]:bg-transparent"
+    ],
+    copyIcon: [
+      "absolute text-inherit opacity-100 scale-100 group-data-[copied=true]:opacity-0 group-data-[copied=true]:scale-50"
+    ],
+    checkIcon: [
+      "absolute text-inherit opacity-0 scale-50 group-data-[copied=true]:opacity-100 group-data-[copied=true]:scale-100"
+    ]
+  },
+  variants: {
+    variant: {
+      flat: "",
+      solid: "",
+      bordered: "border-medium bg-transparent",
+      shadow: ""
+    },
+    color: {
+      default: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    size: {
+      sm: {
+        base: "px-1.5 py-0.5 text-tiny rounded-small"
+      },
+      md: {
+        base: "px-3 py-1.5 text-small rounded-medium"
+      },
+      lg: {
+        base: "px-4 py-2 text-medium rounded-large"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small"
+      },
+      md: {
+        base: "rounded-medium"
+      },
+      lg: {
+        base: "rounded-large"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        copyIcon: "transition-transform-opacity",
+        checkIcon: "transition-transform-opacity"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    variant: "flat",
+    size: "md",
+    fullWidth: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: ["solid", "shadow"],
+      color: "default",
+      class: {
+        copyButton: "data-[focus-visible]:outline-default-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "primary",
+      class: {
+        copyButton: "data-[focus-visible]:outline-primary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "secondary",
+      class: {
+        copyButton: "data-[focus-visible]:outline-secondary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "success",
+      class: {
+        copyButton: "data-[focus-visible]:outline-success-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "warning",
+      class: {
+        copyButton: "data-[focus-visible]:outline-warning-foreground"
+      }
+    },
+    {
+      variant: ["solid", "shadow"],
+      color: "danger",
+      class: {
+        copyButton: "data-[focus-visible]:outline-danger-foreground"
+      }
+    },
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        base: colorVariants.flat.default
+      }
+    },
+    {
+      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: "solid",
+      color: "default",
+      class: {
+        base: colorVariants.solid.default
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger
+      }
+    },
+    {
+      variant: "shadow",
+      color: "default",
+      class: {
+        base: colorVariants.shadow.default
+      }
+    },
+    {
+      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: "default",
+      class: {
+        base: colorVariants.bordered.default
+      }
+    },
+    {
+      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
+      }
+    }
+  ]
+});
+
+export {
+  snippet
+};

package/dist/chunk-G4RCK475.mjs

@@ -0,0 +1,155 @@
+import {
+  swapColorValues
+} from "./chunk-KUNVFLXJ.mjs";
+import {
+  commonColors
+} from "./chunk-IAS3SFA4.mjs";
+
+// src/colors/semantic.ts
+import { readableColor } from "color2k";
+var base = {
+  light: {
+    background: {
+      DEFAULT: "#FFFFFF"
+    },
+    foreground: {
+      ...commonColors.zinc,
+      DEFAULT: "#11181C"
+    },
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
+    },
+    focus: {
+      DEFAULT: commonColors.blue[500]
+    },
+    overlay: {
+      DEFAULT: "#000000"
+    },
+    content1: {
+      DEFAULT: "#FFFFFF",
+      foreground: "#11181C"
+    },
+    content2: {
+      DEFAULT: commonColors.zinc[100],
+      foreground: commonColors.zinc[800]
+    },
+    content3: {
+      DEFAULT: commonColors.zinc[200],
+      foreground: commonColors.zinc[700]
+    },
+    content4: {
+      DEFAULT: commonColors.zinc[300],
+      foreground: commonColors.zinc[600]
+    }
+  },
+  dark: {
+    background: {
+      DEFAULT: "#000000"
+    },
+    foreground: {
+      ...swapColorValues(commonColors.zinc),
+      DEFAULT: "#ECEDEE"
+    },
+    focus: {
+      DEFAULT: commonColors.blue[500]
+    },
+    overlay: {
+      DEFAULT: "#000000"
+    },
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
+    },
+    content1: {
+      DEFAULT: commonColors.zinc[900],
+      foreground: commonColors.zinc[50]
+    },
+    content2: {
+      DEFAULT: commonColors.zinc[800],
+      foreground: commonColors.zinc[100]
+    },
+    content3: {
+      DEFAULT: commonColors.zinc[700],
+      foreground: commonColors.zinc[200]
+    },
+    content4: {
+      DEFAULT: commonColors.zinc[600],
+      foreground: commonColors.zinc[300]
+    }
+  }
+};
+var themeColorsLight = {
+  ...base.light,
+  default: {
+    ...commonColors.zinc,
+    foreground: readableColor(commonColors.zinc[300]),
+    DEFAULT: commonColors.zinc[300]
+  },
+  primary: {
+    ...commonColors.blue,
+    foreground: readableColor(commonColors.blue[500]),
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...commonColors.purple,
+    foreground: readableColor(commonColors.purple[500]),
+    DEFAULT: commonColors.purple[500]
+  },
+  success: {
+    ...commonColors.green,
+    foreground: readableColor(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...commonColors.yellow,
+    foreground: readableColor(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...commonColors.red,
+    foreground: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var themeColorsDark = {
+  ...base.dark,
+  default: {
+    ...swapColorValues(commonColors.zinc),
+    foreground: readableColor(commonColors.zinc[700]),
+    DEFAULT: commonColors.zinc[700]
+  },
+  primary: {
+    ...swapColorValues(commonColors.blue),
+    foreground: readableColor(commonColors.blue[500]),
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...swapColorValues(commonColors.purple),
+    foreground: readableColor(commonColors.purple[400]),
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...swapColorValues(commonColors.green),
+    foreground: readableColor(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...swapColorValues(commonColors.yellow),
+    foreground: readableColor(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...swapColorValues(commonColors.red),
+    foreground: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColors = {
+  light: themeColorsLight,
+  dark: themeColorsDark
+};
+
+export {
+  themeColorsLight,
+  themeColorsDark,
+  semanticColors
+};

package/dist/chunk-GHZ36ATJ.mjs

@@ -0,0 +1,17 @@
+// 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"
+};
+
+export {
+  blue
+};

package/dist/chunk-GMMETTYU.mjs

@@ -0,0 +1,30 @@
+// src/utils/tv.ts
+import { tv as tvBase } from "tailwind-variants";
+var COMMON_UNITS = ["small", "medium", "large"];
+var tv = (options, config) => {
+  var _a, _b, _c;
+  return tvBase(options, {
+    ...config,
+    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
+    twMergeConfig: {
+      ...config == null ? void 0 : config.twMergeConfig,
+      theme: {
+        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
+        opacity: ["disabled"],
+        spacing: ["divider"],
+        borderWidth: COMMON_UNITS,
+        borderRadius: COMMON_UNITS
+      },
+      classGroups: {
+        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
+        shadow: [{ shadow: COMMON_UNITS }],
+        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+        "bg-image": ["bg-stripe-gradient"]
+      }
+    }
+  });
+};
+
+export {
+  tv
+};

package/dist/chunk-HPFX3B3F.mjs

@@ -0,0 +1,59 @@
+// src/utilities/transition.ts
+var DEFAULT_TRANSITION_DURATION = "250ms";
+var transition_default = {
+  ".transition-background": {
+    "transition-property": "background",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-colors-opacity": {
+    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-width": {
+    "transition-property": "width",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-left": {
+    "transition-property": "left",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-opacity": {
+    "transition-property": "transform, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-background": {
+    "transition-property": "transform, background",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors-opacity": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  }
+};
+
+export {
+  DEFAULT_TRANSITION_DURATION,
+  transition_default
+};

package/dist/chunk-HUBDRSA4.mjs

@@ -0,0 +1,49 @@
+// src/default-layout.ts
+var defaultLayout = {
+  dividerWeight: "1px",
+  disabledOpacity: ".5",
+  fontSize: {
+    tiny: "0.75rem",
+    small: "0.875rem",
+    medium: "1rem",
+    large: "1.125rem"
+  },
+  lineHeight: {
+    tiny: "1rem",
+    small: "1.25rem",
+    medium: "1.5rem",
+    large: "1.75rem"
+  },
+  radius: {
+    small: "8px",
+    medium: "12px",
+    large: "14px"
+  },
+  borderWidth: {
+    small: "1px",
+    medium: "2px",
+    large: "3px"
+  },
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
+  }
+};
+var lightLayout = {
+  hoverOpacity: ".8"
+};
+var darkLayout = {
+  hoverOpacity: ".9",
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)"
+  }
+};
+
+export {
+  defaultLayout,
+  lightLayout,
+  darkLayout
+};