@antify/ui 1.0.0

package/dist/tailwind.config.mjs

@@ -0,0 +1,189 @@
+import defaultColors from "tailwindcss/colors.js";
+const colors = {
+  "transparent": defaultColors.transparent,
+  "white": defaultColors.white,
+  "black": defaultColors.black,
+  "neutral-50": defaultColors.slate["50"],
+  "neutral-100": defaultColors.slate["100"],
+  "neutral-200": defaultColors.slate["200"],
+  "neutral-300": defaultColors.slate["300"],
+  "neutral-400": defaultColors.slate["400"],
+  "neutral-500": defaultColors.slate["500"],
+  "neutral-600": defaultColors.slate["600"],
+  "neutral-700": defaultColors.slate["700"],
+  "neutral-800": defaultColors.slate["800"],
+  "neutral-900": defaultColors.slate["900"],
+  "neutral-950": defaultColors.slate["950"],
+  "primary-50": defaultColors.sky["50"],
+  "primary-100": defaultColors.sky["100"],
+  "primary-200": defaultColors.sky["200"],
+  "primary-300": defaultColors.sky["300"],
+  "primary-400": defaultColors.sky["400"],
+  "primary-500": defaultColors.sky["500"],
+  "primary-600": defaultColors.sky["600"],
+  "primary-700": defaultColors.sky["700"],
+  "primary-800": defaultColors.sky["800"],
+  "primary-900": defaultColors.sky["900"],
+  "primary-950": defaultColors.sky["950"],
+  "secondary-50": defaultColors.lime["50"],
+  "secondary-100": defaultColors.lime["100"],
+  "secondary-200": defaultColors.lime["200"],
+  "secondary-300": defaultColors.lime["300"],
+  "secondary-400": defaultColors.lime["400"],
+  "secondary-500": defaultColors.lime["500"],
+  "secondary-600": defaultColors.lime["600"],
+  "secondary-700": defaultColors.lime["700"],
+  "secondary-800": defaultColors.lime["800"],
+  "secondary-900": defaultColors.lime["900"],
+  "secondary-950": defaultColors.lime["950"],
+  "info-50": defaultColors.blue["50"],
+  "info-100": defaultColors.blue["100"],
+  "info-200": defaultColors.blue["200"],
+  "info-300": defaultColors.blue["300"],
+  "info-400": defaultColors.blue["400"],
+  "info-500": defaultColors.blue["500"],
+  "info-600": defaultColors.blue["600"],
+  "info-700": defaultColors.blue["700"],
+  "info-800": defaultColors.blue["800"],
+  "info-900": defaultColors.blue["900"],
+  "info-950": defaultColors.blue["950"],
+  "success-50": defaultColors.green["50"],
+  "success-100": defaultColors.green["100"],
+  "success-200": defaultColors.green["200"],
+  "success-300": defaultColors.green["300"],
+  "success-400": defaultColors.green["400"],
+  "success-500": defaultColors.green["500"],
+  "success-600": defaultColors.green["600"],
+  "success-700": defaultColors.green["700"],
+  "success-800": defaultColors.green["800"],
+  "success-900": defaultColors.green["900"],
+  "success-950": defaultColors.green["950"],
+  "warning-50": defaultColors.yellow["50"],
+  "warning-100": defaultColors.yellow["100"],
+  "warning-200": defaultColors.yellow["200"],
+  "warning-300": defaultColors.yellow["300"],
+  "warning-400": defaultColors.yellow["400"],
+  "warning-500": defaultColors.yellow["500"],
+  "warning-600": defaultColors.yellow["600"],
+  "warning-700": defaultColors.yellow["700"],
+  "warning-800": defaultColors.yellow["800"],
+  "warning-900": defaultColors.yellow["900"],
+  "warning-950": defaultColors.yellow["950"],
+  "danger-50": defaultColors.red["50"],
+  "danger-100": defaultColors.red["100"],
+  "danger-200": defaultColors.red["200"],
+  "danger-300": defaultColors.red["300"],
+  "danger-400": defaultColors.red["400"],
+  "danger-500": defaultColors.red["500"],
+  "danger-600": defaultColors.red["600"],
+  "danger-700": defaultColors.red["700"],
+  "danger-800": defaultColors.red["800"],
+  "danger-900": defaultColors.red["900"],
+  "danger-950": defaultColors.red["950"]
+};
+const fontColors = {
+  "for-white-bg-font": colors["neutral-600"],
+  "for-black-bg-font": colors["neutral-100"],
+  "neutral-50-font": colors["neutral-600"],
+  "neutral-100-font": colors["neutral-600"],
+  "neutral-200-font": colors["neutral-600"],
+  "neutral-300-font": colors["neutral-600"],
+  "neutral-400-font": colors["neutral-600"],
+  "neutral-500-font": colors["neutral-100"],
+  "neutral-600-font": colors["neutral-100"],
+  "neutral-700-font": colors["neutral-100"],
+  "neutral-800-font": colors["neutral-100"],
+  "neutral-900-font": colors["neutral-100"],
+  "neutral-950-font": colors["neutral-100"],
+  "primary-50-font": colors["neutral-600"],
+  "primary-100-font": colors["neutral-600"],
+  "primary-200-font": colors["neutral-600"],
+  "primary-300-font": colors["neutral-600"],
+  "primary-400-font": colors["neutral-600"],
+  "primary-500-font": colors["neutral-100"],
+  "primary-600-font": colors["neutral-100"],
+  "primary-700-font": colors["neutral-100"],
+  "primary-800-font": colors["neutral-100"],
+  "primary-900-font": colors["neutral-100"],
+  "primary-950-font": colors["neutral-100"],
+  "secondary-50-font": colors["neutral-600"],
+  "secondary-100-font": colors["neutral-600"],
+  "secondary-200-font": colors["neutral-600"],
+  "secondary-300-font": colors["neutral-600"],
+  "secondary-400-font": colors["neutral-600"],
+  "secondary-500-font": colors["neutral-100"],
+  "secondary-600-font": colors["neutral-100"],
+  "secondary-700-font": colors["neutral-100"],
+  "secondary-800-font": colors["neutral-100"],
+  "secondary-900-font": colors["neutral-100"],
+  "secondary-950-font": colors["neutral-100"],
+  "success-50-font": colors["neutral-600"],
+  "success-100-font": colors["neutral-600"],
+  "success-200-font": colors["neutral-600"],
+  "success-300-font": colors["neutral-600"],
+  "success-400-font": colors["neutral-600"],
+  "success-500-font": colors["neutral-100"],
+  "success-600-font": colors["neutral-100"],
+  "success-700-font": colors["neutral-100"],
+  "success-800-font": colors["neutral-100"],
+  "success-900-font": colors["neutral-100"],
+  "success-950-font": colors["neutral-100"],
+  "info-50-font": colors["neutral-600"],
+  "info-100-font": colors["neutral-600"],
+  "info-200-font": colors["neutral-600"],
+  "info-300-font": colors["neutral-600"],
+  "info-400-font": colors["neutral-600"],
+  "info-500-font": colors["neutral-100"],
+  "info-600-font": colors["neutral-100"],
+  "info-700-font": colors["neutral-100"],
+  "info-800-font": colors["neutral-100"],
+  "info-900-font": colors["neutral-100"],
+  "info-950-font": colors["neutral-100"],
+  "warning-50-font": colors["neutral-600"],
+  "warning-100-font": colors["neutral-600"],
+  "warning-200-font": colors["neutral-600"],
+  "warning-300-font": colors["neutral-600"],
+  "warning-400-font": colors["neutral-600"],
+  "warning-500-font": colors["neutral-100"],
+  "warning-600-font": colors["neutral-100"],
+  "warning-700-font": colors["neutral-100"],
+  "warning-800-font": colors["neutral-100"],
+  "warning-900-font": colors["neutral-100"],
+  "warning-950-font": colors["neutral-100"],
+  "danger-50-font": colors["neutral-600"],
+  "danger-100-font": colors["neutral-600"],
+  "danger-200-font": colors["neutral-600"],
+  "danger-300-font": colors["neutral-600"],
+  "danger-400-font": colors["neutral-600"],
+  "danger-500-font": colors["neutral-100"],
+  "danger-600-font": colors["neutral-100"],
+  "danger-700-font": colors["neutral-100"],
+  "danger-800-font": colors["neutral-100"],
+  "danger-900-font": colors["neutral-100"],
+  "danger-950-font": colors["neutral-100"]
+};
+export default {
+  content: [
+    "./src/**/*.{vue,js,ts,jsx,tsx}"
+  ],
+  theme: {
+    colors: {
+      ...colors,
+      ...fontColors
+    },
+    extend: {
+      fontSize: {
+        "2xs": ["0.625rem", "0.75rem"]
+      },
+      animation: {
+        skeleton: "skeleton 2s ease-out infinite"
+      },
+      keyframes: {
+        "skeleton": {
+          "0%, 100%": { "background-color": colors["neutral-300"] },
+          "50%": { "background-color": colors["neutral-100"] }
+        }
+      }
+    }
+  }
+};

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+export * from './enums';
+export * from './components/__types';
+export * from './components/buttons/__types';
+export * from './components/inputs/__types';
+export * from './components/inputs/Elements/__types';
+export * from './components/navbar/__types';
+export * from './components/table/__types';
+export * from './components/tabs/__types';

package/dist/types.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _enums = require("./enums");
+Object.keys(_enums).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _enums[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _enums[key];
+    }
+  });
+});
+var _types = require("./components/__types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _types2 = require("./components/buttons/__types");
+Object.keys(_types2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types2[key];
+    }
+  });
+});
+var _types3 = require("./components/inputs/__types");
+Object.keys(_types3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types3[key];
+    }
+  });
+});
+var _types4 = require("./components/inputs/Elements/__types");
+Object.keys(_types4).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types4[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types4[key];
+    }
+  });
+});
+var _types5 = require("./components/navbar/__types");
+Object.keys(_types5).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types5[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types5[key];
+    }
+  });
+});
+var _types6 = require("./components/table/__types");
+Object.keys(_types6).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types6[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types6[key];
+    }
+  });
+});
+var _types7 = require("./components/tabs/__types");
+Object.keys(_types7).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types7[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types7[key];
+    }
+  });
+});

package/dist/types.mjs

@@ -0,0 +1,8 @@
+export * from "./enums/index.mjs";
+export * from "./components/__types/index.mjs";
+export * from "./components/buttons/__types/index.mjs";
+export * from "./components/inputs/__types/index.mjs";
+export * from "./components/inputs/Elements/__types/index.mjs";
+export * from "./components/navbar/__types/index.mjs";
+export * from "./components/table/__types/index.mjs";
+export * from "./components/tabs/__types/index.mjs";

package/dist/utils.d.ts

@@ -0,0 +1,20 @@
+import type { Slot } from 'vue';
+/**
+ * Convert html class syntax given as undefined, string ("text-base bg-primary-500") or
+ * object syntax ({"text-base bg-primary-500": true}) always to object syntax ({"text-base bg-primary-500": true}).
+ *
+ * @param classes
+ */
+export declare function classesToObjectSyntax(classes: string | undefined | Record<string, boolean>): Record<string, boolean>;
+/**
+ * Convert the given enum to a string for documentation.
+ *
+ * @param value
+ * @param className
+ */
+export declare function enumToPlainText(value: object, className: string): string;
+/**
+ * Detect if the given vue template slot exists and has content.
+ * To get a slot in your component, call $slots['slotName'] or useSlots()['slotName'].
+ */
+export declare function hasSlotContent(slot: Slot<any> | undefined): boolean;

package/dist/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classesToObjectSyntax = classesToObjectSyntax;
+exports.enumToPlainText = enumToPlainText;
+exports.hasSlotContent = hasSlotContent;
+var _vue = require("vue");
+function classesToObjectSyntax(classes) {
+  if (typeof classes === "object") {
+    return classes;
+  }
+  if (classes === void 0) {
+    return {};
+  }
+  return {
+    [classes]: true
+  };
+}
+function enumToPlainText(value, className) {
+  let text = `enum ${className} {
+`;
+  Object.keys(value).forEach(key => {
+    text += `    ${key} = '${value[key]}',
+`;
+  });
+  return text + "}";
+}
+function hasSlotContent(slot) {
+  if (!slot) {
+    return false;
+  }
+  const isVnodeEmpty = vnodes => {
+    return vnodes.every(node => {
+      if (node.type === Comment) {
+        return true;
+      }
+      if (node.type === Text && typeof node.children === "string" && !node.children.trim()) {
+        return true;
+      }
+      if (node.type === _vue.Fragment && isVnodeEmpty(node.children)) {
+        return true;
+      }
+      return false;
+    });
+  };
+  return !isVnodeEmpty(slot());
+}

package/dist/utils.mjs

@@ -0,0 +1,41 @@
+import { Fragment } from "vue";
+export function classesToObjectSyntax(classes) {
+  if (typeof classes === "object") {
+    return classes;
+  }
+  if (classes === void 0) {
+    return {};
+  }
+  return {
+    [classes]: true
+  };
+}
+export function enumToPlainText(value, className) {
+  let text = `enum ${className} {
+`;
+  Object.keys(value).forEach((key) => {
+    text += `    ${key} = '${value[key]}',
+`;
+  });
+  return text + "}";
+}
+export function hasSlotContent(slot) {
+  if (!slot) {
+    return false;
+  }
+  const isVnodeEmpty = (vnodes) => {
+    return vnodes.every((node) => {
+      if (node.type === Comment) {
+        return true;
+      }
+      if (node.type === Text && typeof node.children === "string" && !node.children.trim()) {
+        return true;
+      }
+      if (node.type === Fragment && isVnodeEmpty(node.children)) {
+        return true;
+      }
+      return false;
+    });
+  };
+  return !isVnodeEmpty(slot());
+}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@antify/ui",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./config": {
+      "types": "./dist/tailwind.config.d.ts",
+      "import": "./dist/tailwind.config.mjs",
+      "require": "./dist/tailwind.config.js"
+    },
+    "./install": {
+      "types": "./dist/install.d.ts",
+      "import": "./dist/install.mjs",
+      "require": "./dist/install.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "*",
+        "dist/*",
+        "dist/*.d.ts",
+        "dist/*/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "tailwindcss": "^3.4.10",
+    "vue": "^3.4.29"
+  },
+  "dependencies": {
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/vue-fontawesome": "^3.0.5",
+    "@tiptap/extension-heading": "^2.1.16",
+    "@tiptap/extension-underline": "^2.1.16",
+    "@tiptap/pm": "^2.1.16",
+    "@tiptap/starter-kit": "^2.1.16",
+    "@tiptap/vue-3": "^2.1.16",
+    "@vuepic/vue-datepicker": "^6.1.0",
+    "@vueuse/components": "^10.7.2",
+    "@vueuse/core": "^10.7.2",
+    "@vueuse/router": "^10.7.2"
+  },
+  "devDependencies": {
+    "@antify/validate": "^1.14.0",
+    "@chromatic-com/storybook": "^1.7.0",
+    "@faker-js/faker": "^8.4.1",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@storybook/vue3": "^8.2.9",
+    "@storybook/vue3-vite": "^8.2.9",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.14.5",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "chromatic": "^11.7.1",
+    "jsdom": "^24.1.0",
+    "npm-run-all2": "^6.2.0",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.2.9",
+    "storybook-vue3-router": "^5.0.0",
+    "typescript": "~5.4.0",
+    "unbuild": "^2.0.0",
+    "vite": "^5.3.1",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.0.21"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006 --no-open",
+    "build": "unbuild",
+    "type-check": "vue-tsc --build --force",
+    "build-storybook": "storybook build",
+    "release": "standard-version && git push --follow-tags && pnpm publish --access public",
+    "chromatic": "npx chromatic"
+  }
+}