@octabits-io/nuxt-ui-kit 0.3.0 → 0.3.1

package/README.md

@@ -72,6 +72,19 @@ code. Register them under your app's own names with one-line re-exports:
 export { default } from '@octabits-io/nuxt-ui-kit/components/SubSidebar.vue'
 ```
 
+**Tailwind setup (required):** the kit's SFCs live in `node_modules`, which
+Tailwind v4's automatic source detection skips — utility classes used only in
+kit markup (e.g. `SubSidebar`'s default `w-[240px]`) would silently be missing
+from your build. Import the kit's stylesheet, which registers the components
+via `@source` (same mechanism `@nuxt/ui` uses):
+
+```css
+/* app/assets/css/main.css */
+@import "tailwindcss";
+@import "@nuxt/ui";
+@import "@octabits-io/nuxt-ui-kit/styles.css";
+```
+
 ## Wiring examples (Nuxt)
 
 ### Auth + API client

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octabits-io/nuxt-ui-kit",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Frontend kit for Nuxt/Vue admin SPAs: OIDC session harness (oidc-client-ts), Eden Treaty client factory, auth/org store cores, and a route-guard builder — factory-style seams the app wires into its own plugins, stores, and middleware",
   "license": "MIT",
   "type": "module",
@@ -45,11 +45,13 @@
       "import": "./dist/ai/index.js",
       "default": "./dist/ai/index.js"
     },
+    "./styles.css": "./src/styles.css",
     "./components/*": "./src/components/*"
   },
   "files": [
     "dist",
     "src/components",
+    "src/styles.css",
     "README.md",
     "LICENSE"
   ],

package/src/styles.css

@@ -0,0 +1,17 @@
+/*
+ * Tailwind v4 source registration for the kit's source-shipped SFCs.
+ *
+ * The kit's components live in the consumer's node_modules, which Tailwind's
+ * automatic source detection skips — so utility classes that appear only in
+ * kit markup (e.g. SubSidebar's default `w-[240px]`) would be missing from
+ * the consumer's CSS build. Importing this file registers them:
+ *
+ *   @import "tailwindcss";
+ *   @import "@nuxt/ui";
+ *   @import "@octabits-io/nuxt-ui-kit/styles.css";
+ *
+ * The @source path resolves relative to THIS file (same mechanism @nuxt/ui
+ * uses in its own shipped CSS), so consumers never hardcode node_modules
+ * paths.
+ */
+@source "./components";