@beautinique/frontend-components 0.0.0-stage → 1.0.1

package/package.json

@@ -1,6 +1,102 @@
 {
   "name": "@beautinique/frontend-components",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.1",
+  "description": "Shared React UI components for the Beautinique frontends.",
+  "keywords": [
+    "frontend",
+    "react",
+    "components",
+    "ui",
+    "tailwind",
+    "beautinique"
+  ],
+  "author": "Nageshwar Pawar",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Nageshwar1997/BQ-Packages.git",
+    "directory": "packages/frontend/components"
+  },
+  "bugs": {
+    "url": "https://github.com/Nageshwar1997/BQ-Packages/issues"
+  },
+  "homepage": "https://github.com/Nageshwar1997/BQ-Packages/tree/main/packages/frontend/components#readme",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "source.css"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "./dist/toast/*"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js",
+      "require": "./dist/ui/index.cjs",
+      "default": "./dist/ui/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "import": "./dist/toast/index.js",
+      "require": "./dist/toast/index.cjs",
+      "default": "./dist/toast/index.js"
+    },
+    "./source.css": "./source.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "postbuild": "node ../../../scripts/build-types/index.mjs",
+    "dev": "tsup --watch",
+    "playground": "vite --config playground/vite.config.ts",
+    "lint": "eslint .",
+    "test": "vitest run --environment jsdom",
+    "test:watch": "vitest --environment jsdom",
+    "typecheck": "tsc --noEmit"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "peerDependencies": {
+    "@beautinique/frontend-styles": "^1.1.0",
+    "@iconify/react": "^6.0.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "nanoid": "^6.0.1",
+    "zustand": "^5.0.15"
+  },
+  "devDependencies": {
+    "@beautinique/frontend-styles": "^1.1.0",
+    "@iconify/react": "^6.0.2",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^30.1.2",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tailwindcss": "^4.3.3",
+    "vite": "^8.3.2",
+    "vitest": "^5.0.3"
+  }
+}

package/source.css

@@ -0,0 +1,11 @@
+/* @beautinique/frontend-components - tells Tailwind where the components' class names are.
+ *
+ * Tailwind v4 does not look inside node_modules for class names, so without this the classes the
+ * components use (e.g. `rounded-lg`, `shadow-primary-btn`) would not be generated and the
+ * components would look unstyled. Import it in the app's own css, after the styles package:
+ *
+ *   @import '@beautinique/frontend-styles';
+ *   @import '@beautinique/frontend-components/source.css';
+ *   @import './app.css';
+ */
+@source './dist';