@premium-ai/preview-ui 1.0.2

package/.github/index.js

@@ -0,0 +1,3 @@
+// Entry point for @premium-ai/preview-ui
+const plugin = require('./tailwind-ai-preview-plugin');
+module.exports = plugin;

package/.github/workflows/release.yml

@@ -0,0 +1,42 @@
+name: 🚀 Semantic Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    name: Publish via semantic-release
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+
+    steps:
+      - name: 🧩 Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: 🧰 Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          registry-url: 'https://registry.npmjs.org/'
+
+      - name: 📦 Install dependencies
+        run: npm ci
+
+      - name: 🧹 Lint check
+        run: |
+          npm install eslint --no-save
+          npx eslint . --ext .js || echo "Lint warnings only, continuing..."
+
+      - name: 🚀 Run semantic-release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npx semantic-release

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+## [1.0.2](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.1...v1.0.2) (2025-12-19)
+
+
+### Bug Fixes
+
+* correct npmrc for public package publishing ([bbb9fd4](https://github.com/tdogga14-ctrl/preview-ui/commit/bbb9fd434d804c553922677c8cae5dc143049cea))
+
+## [1.0.1](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.0...v1.0.1) (2025-12-19)
+
+
+### Bug Fixes
+
+* correct npm package scope to [@tdogga14](https://github.com/tdogga14) ([b49e304](https://github.com/tdogga14-ctrl/preview-ui/commit/b49e304238f5569e3ae437bd4623e3954be263b3))
+
+# 1.0.0 (2025-12-19)
+
+
+### Bug Fixes
+
+* update node version ([1570243](https://github.com/tdogga14-ctrl/preview-ui/commit/157024340046f5320e70e9df6efbc933279e3680))
+
+
+### Features
+
+* initial setup ([fa58d4d](https://github.com/tdogga14-ctrl/preview-ui/commit/fa58d4db705c31dd3fd045cd142618de69364fc8))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Premium AI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,18 @@
+# @premium-ai/preview-ui
+
+Tailwind plugin that adds production-grade styling and adaptive dark-mode components for **Premium AI Headshots** realtime preview.
+
+---
+
+## 🔧 Installation
+```bash
+npm install @premium-ai/preview-ui --save-dev
+```
+
+```html
+<div class="ai-preview fade-in">
+  <div class="preview-loading">
+    <i class="fas fa-spinner fa-spin"></i>
+  </div>
+</div>
+```

package/index.js

@@ -0,0 +1,3 @@
+// Entry point for @premium-ai/preview-ui
+const plugin = require('./tailwind-ai-preview-plugin');
+module.exports = plugin;

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@premium-ai/preview-ui",
+  "version": "1.0.2",
+  "description": "Tailwind plugin providing adaptive, dark-mode UI components for Premium AI Headshots realtime preview.",
+  "main": "index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tdogga14-ctrl/preview-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tdogga14-ctrl/preview-ui/issues"
+  },
+  "homepage": "https://github.com/tdogga14-ctrl/preview-ui#readme",
+  "license": "MIT",
+  "keywords": [
+    "tailwind",
+    "plugin",
+    "ai",
+    "preview",
+    "dark-mode"
+  ],
+  "peerDependencies": {
+    "tailwindcss": ">=3.0.0"
+  },
+  "release": {
+    "extends": "./release.config.js"
+  },
+  "devDependencies": {
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/commit-analyzer": "^11.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^9.2.1",
+    "@semantic-release/npm": "^13.1.3",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "semantic-release": "^25.0.2"
+  }
+}

package/release.config.js

@@ -0,0 +1,22 @@
+/**
+ * Semantic-release configuration for @premium-ai/preview-ui
+ * Auto bumps versions, updates changelog, publishes to npm,
+ * and creates GitHub releases.
+ */
+module.exports = {
+  branches: ['main'],
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    '@semantic-release/release-notes-generator',
+    '@semantic-release/changelog',
+    '@semantic-release/npm',
+    '@semantic-release/github',
+    [
+      '@semantic-release/git',
+      {
+        assets: ['package.json', 'CHANGELOG.md'],
+        message: 'chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}'
+      }
+    ]
+  ]
+};

package/tailwind-ai-preview-plugin.js

@@ -0,0 +1,67 @@
+// ============================================================
+// Premium AI Headshots - Tailwind Plugin v1.0
+// Module: aiPreviewUI (auto Dark Mode support)
+// ============================================================
+const plugin = require('tailwindcss/plugin');
+
+module.exports = plugin(function ({ addComponents }) {
+  addComponents({
+    '.fade-in': { '@apply opacity-0 transition-opacity duration-700 ease-out': {} },
+    '.fade-in.loaded, .fade-in.show': { '@apply opacity-100': {} },
+
+    '.preview-loading': { '@apply flex flex-col items-center justify-center text-center space-y-2': {} },
+    '.preview-loading i': { '@apply text-blue-500 text-3xl animate-spin': {} },
+
+    '.progress': { '@apply w-full bg-gray-200 rounded-full overflow-hidden h-2 mt-2': {} },
+    '.progress-bar': { '@apply h-2 bg-blue-500 transition-all duration-500 ease-out': {} },
+
+    '.skeleton': { '@apply animate-pulse bg-gray-200 rounded-xl': {}, height: '280px', width: '100%' },
+
+    '.preview-image-container': { '@apply relative rounded-xl overflow-hidden shadow-md': {} },
+    '.preview-image': { '@apply opacity-0 transition-opacity duration-700 ease-in': {} },
+    '.preview-image.loaded': { '@apply opacity-100': {} },
+
+    '.preview-overlay': { '@apply absolute bottom-3 left-3 flex gap-2': {} },
+    '.preview-overlay button': {
+      '@apply bg-gray-800 bg-opacity-70 text-white px-3 py-1 rounded-md text-xs font-medium hover:bg-opacity-100 hover:shadow-md transition-all duration-200': {}
+    },
+
+    '.error-state': {
+      '@apply flex flex-col items-center justify-center bg-red-50 border border-red-200 rounded-lg p-5 text-red-600 space-y-2': {}
+    },
+    '.error-state i': { '@apply text-3xl': {} },
+    '.error-state button': {
+      '@apply bg-red-500 text-white px-4 py-1 rounded shadow hover:bg-red-600 transition': {}
+    },
+
+    '.upsell-card': { '@apply transition-all duration-300 ease-out bg-white': {} },
+    '.upsell-card:hover': { '@apply transform scale-[1.02] shadow-md bg-gray-50': {} },
+
+    '.quality-badge': { '@apply inline-block px-2 py-1 text-xs font-semibold rounded-md mt-1': {} },
+
+    '@media (prefers-color-scheme: dark)': {
+      body: { '@apply bg-gray-900 text-gray-100': {} },
+      '.ai-preview': { '@apply bg-gray-800 border border-gray-700 rounded-xl shadow-xl': {} },
+      '.preview-loading i': { '@apply text-blue-400': {} },
+      '.progress': { '@apply bg-gray-700': {} },
+      '.progress-bar': { '@apply bg-blue-400': {} },
+      '.skeleton': { '@apply bg-gray-700': {} },
+      '.preview-image-container': { '@apply border border-gray-700': {} },
+      '.preview-overlay button': { '@apply bg-gray-700 bg-opacity-80 hover:bg-gray-600 hover:shadow-lg': {} },
+      '.upsell-card': { '@apply bg-gray-800 border border-gray-700 text-gray-200': {} },
+      '.upsell-card:hover': { '@apply bg-gray-700 shadow-lg': {} },
+      '.error-state': { '@apply bg-red-900 border border-red-700 text-red-300': {} },
+      '.error-state button': { '@apply bg-red-600 hover:bg-red-500': {} },
+      '.quality-badge.text-green-500': { '@apply text-green-400': {} },
+      '.quality-badge.text-yellow-500': { '@apply text-yellow-400': {} },
+      '.quality-badge.text-orange-500': { '@apply text-orange-400': {} },
+      '#satisfactionText': { '@apply text-gray-300': {} }
+    }
+  });
+});const previewUI = require('@premium-ai/preview-ui');
+
+module.exports = {
+  content: ['./src/**/*.{html,js}'],
+  darkMode: 'media',
+  plugins: [previewUI],
+};