@irbags/ui-kit 1.0.1-alpha.0

package/README.md

@@ -0,0 +1,84 @@
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
+
+# My Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+My new Nuxt module for doing amazing things.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxi module add my-module
+```
+
+That's it! You can now use My Module in your Nuxt app ✨
+
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,9 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    prefix?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "irbags-ui",
+  "configKey": "irbagsUi",
+  "compatibility": {
+    "nuxt": "^3.0.0"
+  },
+  "version": "1.0.1-alpha.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,186 @@
+import { defineNuxtModule, createResolver, installModules, addComponent } from '@nuxt/kit';
+import { existsSync, readdirSync, statSync } from 'fs';
+import { join } from 'path';
+
+const ibgAppConfig = {
+  ui: {
+    colors: {
+      black: "black",
+      white: "white",
+      error: "error",
+      secondary: "secondary"
+    },
+    button: {
+      compoundVariants: [
+        {
+          color: "black",
+          variant: "link",
+          class: "text-black hover:text-secondary disabled:text-secondary active:text-black cursor-pointer text-xl leading-none font-medium p-0 bg-transparent active:bg-transparent hover:bg-transparent"
+        }
+      ],
+      defaultVariants: {
+        color: "black",
+        variant: "link"
+      }
+    },
+    input: {
+      slots: {
+        base: [
+          "placeholder:text-secondary !text-xl !font-medium !p-0 rounded-none leading-none"
+        ]
+      },
+      compoundVariants: [
+        {
+          color: "black",
+          variant: "none",
+          class: "text-black"
+        },
+        {
+          color: "error",
+          variant: "none",
+          class: "text-error"
+        }
+      ],
+      defaultVariants: {
+        color: "black",
+        variant: "none"
+      }
+    },
+    radioGroup: {
+      slots: {
+        root: "w-max",
+        base: "bg-secondary-500 ring-0 cursor-pointer",
+        item: `flex items-center text-black not-has-[button[aria-checked="true"]]:text-secondary-500`,
+        label: "text-inherit font-medium text-4xl cursor-pointer",
+        indicator: "after:bg-transparent cursor-pointer"
+      },
+      variants: {
+        indicator: {
+          start: {
+            wrapper: "ml-2.5"
+          }
+        },
+        size: {
+          xl: {
+            base: "size-big"
+          }
+        }
+      },
+      defaultVariants: {
+        color: "black",
+        variant: "list",
+        size: "xl"
+      }
+    },
+    fileUpload: {
+      slots: {
+        root: "cursor-pointer",
+        base: "border-none rounded-none bg-gray-500",
+        avatar: "bg-transparent text-6xl",
+        fileLeadingAvatar: "bg-secondary-500 text-6xl"
+      },
+      variants: {
+        dropzone: {
+          true: "border-none"
+        },
+        layout: {
+          grid: {
+            fileLeadingAvatar: "rounded-none"
+          }
+        }
+      },
+      compoundVariants: [
+        {
+          interactive: true,
+          disabled: false,
+          class: "hover:!bg-gray-500 hover:opacity-70"
+        }
+      ]
+    },
+    card: {
+      slots: {
+        root: "rounded-none",
+        body: "p-0 sm:p-0",
+        footer: "p-0 sm:px-0 !pl-5 !pt-5 text-xl text-black font-medium"
+      },
+      variants: {
+        variant: {
+          outline: "ring-0"
+        }
+      }
+    }
+  }
+};
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "irbags-ui",
+    configKey: "irbagsUi",
+    compatibility: {
+      nuxt: "^3.0.0"
+    }
+  },
+  defaults: {
+    prefix: "IBG"
+  },
+  async setup(_options, _nuxt) {
+    const resolver = createResolver(import.meta.url);
+    const componentsDir = resolver.resolve("./runtime/components");
+    const cssPath = resolver.resolve("./runtime/assets/css/main.css");
+    if (!_nuxt.options.css.includes(cssPath)) {
+      _nuxt.options.css.push(cssPath);
+    }
+    _nuxt.options.colorMode = {
+      ..._nuxt.options.colorMode || {},
+      preference: "light"
+      // устанавливаем светлую тему
+    };
+    _nuxt.options.icon = {
+      ..._nuxt.options.icon || {},
+      customCollections: [
+        {
+          prefix: "ibg",
+          dir: resolver.resolve("./runtime/assets/icons")
+        }
+      ]
+    };
+    _nuxt.options.ui = {
+      prefix: "IBG",
+      theme: {
+        colors: ["black", "white", "secondary", "error"]
+      }
+    };
+    const modulesToInstall = /* @__PURE__ */ new Map([["@nuxt/ui", {}]]);
+    const installed = /* @__PURE__ */ new Set([]);
+    await installModules(modulesToInstall, installed, _nuxt);
+    const { ui: { colors, button, card, fileUpload, input, radioGroup } } = ibgAppConfig;
+    _nuxt.options.appConfig = {
+      ..._nuxt.options.appConfig,
+      ui: {
+        ..._nuxt.options.appConfig.ui,
+        colors,
+        button,
+        card,
+        fileUpload,
+        input,
+        radioGroup
+      }
+    };
+    if (!existsSync(componentsDir)) return;
+    const entries = readdirSync(componentsDir);
+    for (const entry of entries) {
+      const dirPath = join(componentsDir, entry);
+      if (!statSync(dirPath).isDirectory()) continue;
+      const componentFile = join(dirPath, `${entry}.vue`);
+      if (!existsSync(componentFile)) continue;
+      const name = `${_options.prefix ?? ""}${entry}`;
+      addComponent({
+        name,
+        filePath: componentFile,
+        export: "default"
+      });
+    }
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/css/main.css

@@ -0,0 +1 @@
+@import "tailwindcss";@import "@nuxt/ui";@source "../../../app.config.ts";@theme static{--color-secondary-500:#dadada;--color-black-500:#000;--color-white-500:#fff;--color-error-500:#ff2a2a;--color-gray-500:#d7d7d7;--text-4xl:2.1875rem;--size-big:1.5625rem;--ui-text-muted:#fff;--text-6xl:3.4375rem}

package/dist/runtime/assets/icons/image.svg

@@ -0,0 +1,4 @@
+<svg width="55" height="38" viewBox="0 0 55 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.4328 22.4993L40.3696 11.9153L55 38H0L21.6275 0L34.4328 22.4993Z" fill="white"/>
+<path d="M37.5764 3.48333C37.5764 5.40712 36.0461 6.96667 34.1583 6.96667C32.2706 6.96667 30.7403 5.40712 30.7403 3.48333C30.7403 1.55954 32.2706 0 34.1583 0C36.0461 0 37.5764 1.55954 37.5764 3.48333Z" fill="white"/>
+</svg>

package/dist/runtime/components/FileInput/FileInput.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/FileInput/FileInput.vue

@@ -0,0 +1,12 @@
+<template>
+  <IBGFileUpload :file-delete="false" accept="image/*" icon="ibg:image">
+    <template #files-top="{ removeFile }">
+      <p
+        class="text-black z-10 font-medium absolute top-5 left-5"
+        @click="removeFile()"
+      >
+        заменить
+      </p>
+    </template>
+  </IBGFileUpload>
+</template>

package/dist/runtime/components/FileInput/FileInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@irbags/ui-kit",
+  "version": "1.0.1-alpha.0",
+  "description": "My new Nuxt module",
+  "repository": "your-org/my-module",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "npm run dev:prepare && nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "prepack": "nuxt-module-build build",
+    "pack": "npm pack",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release:alpha": "npm version prerelease --preid=alpha && npm publish --tag next --access public",
+    "release:beta": "npm version prerelease --preid=beta && npm publish --tag next --access public",
+    "release:rc": "npm version prerelease --preid=rc && npm publish --tag next --access public",
+    "release:patch": "npm version patch && npm publish --tag latest --access public",
+    "release:minor": "npm version minor && npm publish --tag latest --access public",
+    "release:major": "npm version major && npm publish --tag latest --access public"
+  },
+  "dependencies": {
+    "@antfu/eslint-config": "^6.2.0",
+    "@nuxt/kit": "^4.2.1",
+    "@nuxt/ui": "^3.3.7",
+    "@nuxtjs/tailwindcss": "^6.14.0",
+    "nuxt": "3.18.1"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^3.1.0",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.2.1",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.39.1",
+    "typescript": "~5.9.3",
+    "vue-tsc": "^3.1.4"
+  },
+  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
+}