@fulgurite/tailwind-ui 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @fulgurite/tailwind-ui
2
2
 
3
- Controlled React switchers and date pickers for USD apps that use Tailwind CSS. The package exposes exactly six public ESM subpath imports: vanilla and daisyUI variants for locale, dark-mode, and date selection.
3
+ Controlled React switchers and date pickers for Fulgurite apps that use Tailwind CSS. The package exposes exactly six public ESM component subpath imports, plus CSS entries that register the package with Tailwind v4 using package-name imports.
4
4
 
5
5
  ## Install
6
6
 
@@ -82,14 +82,24 @@ import {
82
82
 
83
83
  ## Tailwind v4 Setup
84
84
 
85
- Add the package as a Tailwind source in the consuming app CSS so Tailwind scans classes shipped in `dist`.
85
+ Import the package CSS entry in the consuming app CSS so Tailwind scans classes shipped in `dist`. The package CSS contains the required Tailwind `@source` directives, so app stylesheets do not need relative `node_modules` paths.
86
86
 
87
87
  ```css
88
88
  @import "tailwindcss";
89
- @source "../node_modules/@fulgurite/tailwind-ui";
89
+ @import "@fulgurite/tailwind-ui/tailwind.css";
90
90
  ```
91
91
 
92
- Adjust the relative `@source` path when your CSS file is nested differently.
92
+ Use narrower CSS entries when the app imports only one variant family.
93
+
94
+ ```css
95
+ @import "tailwindcss";
96
+ @import "@fulgurite/tailwind-ui/vanilla.css";
97
+ ```
98
+
99
+ ```css
100
+ @import "tailwindcss";
101
+ @import "@fulgurite/tailwind-ui/daisy.css";
102
+ ```
93
103
 
94
104
  ## daisyUI Setup
95
105
 
@@ -97,18 +107,18 @@ Only apps that use `/daisy/*` imports need daisyUI. The `/vanilla/date-picker` e
97
107
 
98
108
  ```css
99
109
  @import "tailwindcss";
110
+ @import "@fulgurite/tailwind-ui/daisy.css";
100
111
  @plugin "daisyui";
101
- @source "../node_modules/@fulgurite/tailwind-ui";
102
112
  ```
103
113
 
104
114
  Consumer apps own daisyUI theme selection.
105
115
 
106
116
  ```css
107
117
  @import "tailwindcss";
118
+ @import "@fulgurite/tailwind-ui/daisy.css";
108
119
  @plugin "daisyui" {
109
120
  themes: light --default, dark --prefersdark, cupcake;
110
121
  }
111
- @source "../node_modules/@fulgurite/tailwind-ui";
112
122
  ```
113
123
 
114
124
  ## Usage Examples
@@ -347,6 +357,6 @@ Do not port Tiery runtime coupling into this package. Next routing, i18n adapter
347
357
 
348
358
  ## Package Readiness
349
359
 
350
- The package is ESM-only and exposes no alternate module-format fields. Packed contents are controlled by the `files` field and verified to include only `package.json`, `README.md`, `LICENSE`, and allowed `.js`, `.js.map`, `.d.ts`, or `.d.ts.map` files under `dist`.
360
+ The package is ESM-only and exposes no alternate module-format fields. Packed contents are controlled by the `files` field and verified to include only `package.json`, `README.md`, `LICENSE`, and allowed `.js`, `.js.map`, `.d.ts`, `.d.ts.map`, or `.css` files under `dist`.
351
361
 
352
362
  Release-readiness checks are available through `pnpm verify:all`, which runs Biome checks, type checking, build, unit tests, Storybook build, Playwright Storybook QA, export verification, pack validation, and fixture verification in order. This README documents package readiness only; it does not claim that an npm release has been made.
package/dist/daisy.css ADDED
@@ -0,0 +1,2 @@
1
+ @source "./daisy";
2
+ @source "./internal";
@@ -0,0 +1,3 @@
1
+ @source "./vanilla";
2
+ @source "./daisy";
3
+ @source "./internal";
@@ -0,0 +1,2 @@
1
+ @source "./vanilla";
2
+ @source "./internal";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fulgurite/tailwind-ui",
3
- "version": "0.0.1",
4
- "description": "Controlled React switchers and date picker for USD Tailwind CSS apps.",
3
+ "version": "0.0.2",
4
+ "description": "Controlled React switchers and date picker for Fulgurite Tailwind CSS apps.",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist",
@@ -37,6 +37,9 @@
37
37
  "types": "./dist/daisy/date-picker/index.d.ts",
38
38
  "import": "./dist/daisy/date-picker/index.js"
39
39
  },
40
+ "./tailwind.css": "./dist/tailwind.css",
41
+ "./vanilla.css": "./dist/vanilla.css",
42
+ "./daisy.css": "./dist/daisy.css",
40
43
  "./package.json": "./package.json"
41
44
  },
42
45
  "scripts": {
@@ -44,7 +47,7 @@
44
47
  "lint": "biome lint .",
45
48
  "check": "biome check .",
46
49
  "check:write": "biome check --write .",
47
- "build": "tsc -p tsconfig.build.json",
50
+ "build": "tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
48
51
  "typecheck": "tsc --noEmit",
49
52
  "test": "vitest run",
50
53
  "test:watch": "vitest",