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

package/dist/utilities/index.d.ts

@@ -0,0 +1,72 @@
+declare const utilities: {
+    /**
+     * Custom utilities
+     */
+    ".leading-inherit": {
+        "line-height": string;
+    };
+    ".bg-img-inherit": {
+        "background-image": string;
+    };
+    ".bg-clip-inherit": {
+        "background-clip": string;
+    };
+    ".text-fill-inherit": {
+        "-webkit-text-fill-color": string;
+    };
+    ".transition-background": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    /**
+     * Tailwind utilities
+     */
+    ".transition-all": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-colors": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-opacity": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-width": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-shadow": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-opacity": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-background": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+};
+
+export { utilities };

package/dist/utilities/index.js

@@ -0,0 +1,94 @@
+"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/utilities/index.ts
+var utilities_exports = {};
+__export(utilities_exports, {
+  utilities: () => utilities
+});
+module.exports = __toCommonJS(utilities_exports);
+var DEFAULT_TRANSITION_DURATION = "250ms";
+var utilities = {
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".transition-background": {
+    "transition-property": "background",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-all": {
+    "transition-property": "all",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition": {
+    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-colors": {
+    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-opacity": {
+    "transition-property": "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-shadow": {
+    "transition-property": "box-shadow",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform": {
+    "transition-property": "transform",
+    "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
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  utilities
+});

package/dist/utilities/index.mjs

@@ -0,0 +1,6 @@
+import {
+  utilities
+} from "../chunk-45FXWIO6.mjs";
+export {
+  utilities
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { absoluteFullClasses, baseStyles, focusVisibleClasses, ringClasses, translateCenterClasses } from './styles.js';
+export { SlotsToClasses } from './types.js';
+export { colorVariants } from './variants.js';
+import 'tailwind-variants';

package/dist/utils/index.js

@@ -0,0 +1,144 @@
+"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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  absoluteFullClasses: () => absoluteFullClasses,
+  baseStyles: () => baseStyles,
+  colorVariants: () => colorVariants,
+  focusVisibleClasses: () => focusVisibleClasses,
+  ringClasses: () => ringClasses,
+  translateCenterClasses: () => translateCenterClasses
+});
+module.exports = __toCommonJS(utils_exports);
+
+// 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"];
+
+// 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
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  absoluteFullClasses,
+  baseStyles,
+  colorVariants,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+});

package/dist/utils/index.mjs

@@ -0,0 +1,20 @@
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import {
+  colorVariants
+} from "../chunk-LGGZKBOO.mjs";
+import {
+  absoluteFullClasses,
+  baseStyles,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+} from "../chunk-IJCHUO4J.mjs";
+export {
+  absoluteFullClasses,
+  baseStyles,
+  colorVariants,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+};

package/dist/utils/object.d.ts

@@ -0,0 +1,4 @@
+declare function swapColorValues<T extends Object>(colors: T): {};
+declare function removeDefaultKeys<T extends Object>(obj: T): {};
+
+export { removeDefaultKeys, swapColorValues };

package/dist/utils/object.js

@@ -0,0 +1,58 @@
+"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/utils/object.ts
+var object_exports = {};
+__export(object_exports, {
+  removeDefaultKeys: () => removeDefaultKeys,
+  swapColorValues: () => swapColorValues
+});
+module.exports = __toCommonJS(object_exports);
+function swapColorValues(colors) {
+  const swappedColors = {};
+  const keys = Object.keys(colors);
+  const length = keys.length;
+  for (let i = 0; i < length / 2; i++) {
+    const key1 = keys[i];
+    const key2 = keys[length - 1 - i];
+    swappedColors[key1] = colors[key2];
+    swappedColors[key2] = colors[key1];
+  }
+  if (length % 2 !== 0) {
+    const middleKey = keys[Math.floor(length / 2)];
+    swappedColors[middleKey] = colors[middleKey];
+  }
+  return swappedColors;
+}
+function removeDefaultKeys(obj) {
+  const newObj = {};
+  for (const key in obj) {
+    if (key.endsWith("-DEFAULT")) {
+      newObj[key.replace("-DEFAULT", "")] = obj[key];
+      continue;
+    }
+    newObj[key] = obj[key];
+  }
+  return newObj;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  removeDefaultKeys,
+  swapColorValues
+});

package/dist/utils/object.mjs

@@ -0,0 +1,8 @@
+import {
+  removeDefaultKeys,
+  swapColorValues
+} from "../chunk-37PIXVP4.mjs";
+export {
+  removeDefaultKeys,
+  swapColorValues
+};

package/dist/utils/styles.d.ts

@@ -0,0 +1,20 @@
+/**
+ * This is the base styles for all elements.
+ * Is meant to be used with the `addBase` method from tailwindcss.
+ */
+declare const baseStyles: {
+    color: string;
+    backgroundColor: string;
+};
+/**
+ * focus styles when the element is focused by keyboard.
+ */
+declare const focusVisibleClasses: string[];
+declare const ringClasses: string[];
+/**
+ * This classes centers the element by using absolute positioning.
+ */
+declare const translateCenterClasses: string[];
+declare const absoluteFullClasses: string[];
+
+export { absoluteFullClasses, baseStyles, focusVisibleClasses, ringClasses, translateCenterClasses };

package/dist/utils/styles.js

@@ -0,0 +1,66 @@
+"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/utils/styles.ts
+var styles_exports = {};
+__export(styles_exports, {
+  absoluteFullClasses: () => absoluteFullClasses,
+  baseStyles: () => baseStyles,
+  focusVisibleClasses: () => focusVisibleClasses,
+  ringClasses: () => ringClasses,
+  translateCenterClasses: () => translateCenterClasses
+});
+module.exports = __toCommonJS(styles_exports);
+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"];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  absoluteFullClasses,
+  baseStyles,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+});

package/dist/utils/styles.mjs

@@ -0,0 +1,14 @@
+import {
+  absoluteFullClasses,
+  baseStyles,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+} from "../chunk-IJCHUO4J.mjs";
+export {
+  absoluteFullClasses,
+  baseStyles,
+  focusVisibleClasses,
+  ringClasses,
+  translateCenterClasses
+};

package/dist/utils/types.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'tailwind-variants';
+
+/**
+ * This Typescript utility transform a list of slots into a list of {slot: classes}
+ */
+type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { SlotsToClasses };

package/dist/utils/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/utils/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/utils/types.mjs

@@ -0,0 +1 @@
+import "../chunk-K7LK7NCE.mjs";

package/dist/utils/variants.d.ts

@@ -0,0 +1,67 @@
+declare const colorVariants: {
+    solid: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    shadow: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    bordered: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    flat: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    faded: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    light: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+    ghost: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        foreground: string;
+    };
+};
+
+export { colorVariants };