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

package/dist/components/index.mjs

@@ -0,0 +1,95 @@
+import "../chunk-5SJ7B53O.mjs";
+import {
+  spinner
+} from "../chunk-CO6ANWRA.mjs";
+import {
+  toggle
+} from "../chunk-VB4T62HR.mjs";
+import {
+  tooltip
+} from "../chunk-QIC7EALL.mjs";
+import {
+  user
+} from "../chunk-FS36US4S.mjs";
+import {
+  code
+} from "../chunk-B5S7HT6N.mjs";
+import {
+  drip
+} from "../chunk-OIVGIOVG.mjs";
+import {
+  link
+} from "../chunk-5OE5CWK6.mjs";
+import {
+  pagination
+} from "../chunk-7BYRB2YS.mjs";
+import {
+  radioGroup
+} from "../chunk-HHWXPWYN.mjs";
+import {
+  radio
+} from "../chunk-Y37XC5QN.mjs";
+import {
+  snippet
+} from "../chunk-QMP2FDFR.mjs";
+import {
+  avatar
+} from "../chunk-D4TJV7NY.mjs";
+import {
+  badge
+} from "../chunk-5Z3NCB7W.mjs";
+import {
+  buttonGroup
+} from "../chunk-VKFQ7EZN.mjs";
+import {
+  button
+} from "../chunk-OSARGUKT.mjs";
+import {
+  card
+} from "../chunk-Z5OKZPNV.mjs";
+import {
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
+import {
+  checkbox
+} from "../chunk-NJQP2VWT.mjs";
+import {
+  chip
+} from "../chunk-TV7EJNXI.mjs";
+import {
+  accordionItem
+} from "../chunk-RD42SVXB.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-LGGZKBOO.mjs";
+import {
+  accordion
+} from "../chunk-YYBLBQIV.mjs";
+import {
+  avatarGroup
+} from "../chunk-MLH3XSY7.mjs";
+import "../chunk-IJCHUO4J.mjs";
+export {
+  accordion,
+  accordionItem,
+  avatar,
+  avatarGroup,
+  badge,
+  button,
+  buttonGroup,
+  card,
+  checkbox,
+  checkboxGroup,
+  chip,
+  code,
+  drip,
+  link,
+  pagination,
+  radio,
+  radioGroup,
+  snippet,
+  spinner,
+  toggle,
+  tooltip,
+  user
+};

package/dist/components/link.d.ts

@@ -0,0 +1,74 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Link wrapper **Tailwind Variants** component
+ *
+ * @example
+ * <a className={link({ color: "secondary", isBlock: true })} href="#" />
+ */
+declare const link: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    isUnderline: {
+        true: string;
+        false: string;
+    };
+    isBlock: {
+        true: string;
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    isUnderline: {
+        true: string;
+        false: string;
+    };
+    isBlock: {
+        true: string;
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, unknown>>;
+type LinkVariantProps = VariantProps<typeof link>;
+
+export { LinkVariantProps, link };

package/dist/components/link.js

@@ -0,0 +1,117 @@
+"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/components/link.ts
+var link_exports = {};
+__export(link_exports, {
+  link: () => link
+});
+module.exports = __toCommonJS(link_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/styles.ts
+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"
+];
+
+// src/components/link.ts
+var link = (0, import_tailwind_variants.tv)({
+  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    },
+    color: {
+      foreground: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-danger"
+    },
+    isUnderline: {
+      true: "hover:underline active:underline focus:underline underline-offset-4",
+      false: "no-underline"
+    },
+    isBlock: {
+      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      false: "hover:opacity-80 transition-opacity"
+    },
+    isDisabled: {
+      true: "opacity-50 cursor-default pointer-events-none"
+    },
+    disableAnimation: {
+      true: "after:transition-none transition-none"
+    }
+  },
+  compoundVariants: [
+    {
+      isBlock: true,
+      color: "foreground",
+      class: "hover:after:bg-foreground/20"
+    },
+    {
+      isBlock: true,
+      color: "primary",
+      class: "hover:after:bg-primary/20"
+    },
+    {
+      isBlock: true,
+      color: "secondary",
+      class: "hover:after:bg-secondary/20"
+    },
+    {
+      isBlock: true,
+      color: "success",
+      class: "hover:after:bg-success/20"
+    },
+    {
+      isBlock: true,
+      color: "warning",
+      class: "hover:after:bg-warning/20"
+    },
+    {
+      isBlock: true,
+      color: "danger",
+      class: "hover:after:bg-danger/20"
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isBlock: false,
+    isUnderline: false,
+    isDisabled: false,
+    disableAnimation: false
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  link
+});

package/dist/components/link.mjs

@@ -0,0 +1,10 @@
+import {
+  link
+} from "../chunk-5OE5CWK6.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-LGGZKBOO.mjs";
+import "../chunk-IJCHUO4J.mjs";
+export {
+  link
+};

package/dist/components/pagination.d.ts

@@ -0,0 +1,201 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Pagination wrapper **Tailwind Variants** component
+ *
+ * const {base,cursor, prev, next, item } = pagination({...})
+ *
+ * @example
+ * <ul className={base()} aria-label="pagination navigation">
+ *    <li className={cursor()} aria-hidden="true">{active page}</li> // this marks the active page
+ *    <li role="button" className={prev()} aria-label="Go to previous page" data-disabled="true">Prev</li>
+ *    <li role="button" className={item()} aria-label="page 1" data-active="true">1</li>
+ *    <li role="button" className={item()} aria-label="page 2">2</li>
+ *    <li role="button" className={item()} aria-hidden="true">...</li>
+ *    <li role="button" className={item()} aria-label="page 10">10</li>
+ *    <li role="button" className={next()} aria-label="Go to next page">Next</li>
+ *  </ul>
+ */
+declare const pagination: tailwind_variants.TVReturnType<{
+    variant: {
+        bordered: {
+            item: string[];
+        };
+        light: {
+            item: string;
+        };
+        flat: {};
+        faded: {
+            item: string;
+        };
+    };
+    color: {
+        neutral: {
+            cursor: string;
+        };
+        primary: {
+            cursor: string;
+        };
+        secondary: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        danger: {
+            cursor: string;
+        };
+    };
+    size: {
+        xs: {};
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    radius: {
+        none: {};
+        base: {};
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            base: string;
+            item: string[];
+            prev: string;
+            next: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            wrapper: string[];
+        };
+    };
+    showShadow: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string;
+            cursor: string[];
+        };
+    };
+    disableCursor: {
+        true: {
+            cursor: string;
+        };
+    };
+}, unknown, {
+    base: string;
+    item: string;
+    prev: string;
+    next: string;
+    cursor: string[];
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        bordered: {
+            item: string[];
+        };
+        light: {
+            item: string;
+        };
+        flat: {};
+        faded: {
+            item: string;
+        };
+    };
+    color: {
+        neutral: {
+            cursor: string;
+        };
+        primary: {
+            cursor: string;
+        };
+        secondary: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        danger: {
+            cursor: string;
+        };
+    };
+    size: {
+        xs: {};
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    radius: {
+        none: {};
+        base: {};
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            base: string;
+            item: string[];
+            prev: string;
+            next: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            wrapper: string[];
+        };
+    };
+    showShadow: {
+        true: {};
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string;
+            cursor: string[];
+        };
+    };
+    disableCursor: {
+        true: {
+            cursor: string;
+        };
+    };
+}, unknown>>;
+type PaginationVariantProps = VariantProps<typeof pagination>;
+type PaginationSlots = keyof ReturnType<typeof pagination>;
+
+export { PaginationSlots, PaginationVariantProps, pagination };