@kahitsan/ksui 0.13.0 → 0.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kahitsan/ksui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "ksui is a standalone set of SolidJS UI components for KahitSan/Hilinga and any SolidJS app. Published to the public npm registry and consumed as a normal dependency. Ships source under a `solid` export condition so the consumer's vite-plugin-solid compiles it with only solid-js externalized; it depends on nothing but solid-js + lucide-solid and injects its own CSS.",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/base/Modal.tsx

@@ -46,9 +46,9 @@ function ensureModalStyle(): void {
 .ksui-modal-sheet-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;}
 @media (min-width:640px){.ksui-modal-sheet-overlay{align-items:center;padding:1rem;}}
 .ksui-modal-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);}
-.ksui-modal-card{position:relative;z-index:10;width:100%;background:var(--ksui-modal-bg,#11161f);color:var(--ksui-modal-fg,inherit);border:1px solid var(--ksui-modal-border,rgba(245,158,11,0.3));border-radius:0.75rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);max-height:90vh;overflow-x:hidden;overflow-y:auto;}
+.ksui-modal-card{position:relative;z-index:10;width:100%;background:var(--ksui-modal-bg,#18181b);color:var(--ksui-modal-fg,inherit);border:1px solid var(--ksui-modal-border,rgba(245,158,11,0.3));border-radius:0.75rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);max-height:90vh;overflow-x:hidden;overflow-y:auto;}
 .ksui-modal-card.danger{border-color:var(--ksui-modal-border-danger,rgba(239,68,68,0.3));}
-.ksui-modal-sheet-card{position:relative;z-index:10;width:100%;background:var(--ksui-modal-bg,#11161f);color:var(--ksui-modal-fg,inherit);border:1px solid var(--ksui-modal-border,rgba(245,158,11,0.3));box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);max-height:92vh;overflow:hidden;overscroll-behavior:contain;}
+.ksui-modal-sheet-card{position:relative;z-index:10;width:100%;background:var(--ksui-modal-bg,#18181b);color:var(--ksui-modal-fg,inherit);border:1px solid var(--ksui-modal-border,rgba(245,158,11,0.3));box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);max-height:92vh;overflow:hidden;overscroll-behavior:contain;}
 .ksui-modal-sheet-card.danger{border-color:var(--ksui-modal-border-danger,rgba(239,68,68,0.3));}
 @media (min-width:640px){.ksui-modal-sheet-card{width:auto;border-radius:0.75rem;max-height:88vh;}}
 `;

package/tailwind.js

@@ -2,21 +2,22 @@
  * @kahitsan/ksui Tailwind CSS plugin
  *
  * Registers all ksui component utility classes so consumers don't need
- * @source directives or manual safelisting. Add to your Tailwind config:
- *
- *   // tailwind.config.js (v3)
- *   plugins: [require("@kahitsan/ksui/tailwind")]
+ * manual safelisting. Load from CSS:
  *
  *   // app.css (v4)
  *   @plugin "@kahitsan/ksui/tailwind";
  *
- * The plugin safelists every Tailwind utility class that ksui components
- * reference in their source, ensuring they survive Tailwind's purge/scan
- * even though the class strings live in node_modules.
+ * This plugin registers .ks-* component classes via addComponents/addUtilities.
+ * Raw Tailwind utilities used by ksui components (bg-amber-600/20, etc.)
+ * require a separate @source directive pointing at the ksui src directory.
+ *
+ * IMPORTANT: This file uses ESM (export default) because the ksui package.json
+ * sets "type": "module". CommonJS (module.exports) will fail to load under
+ * Tailwind v4's @plugin directive, which uses dynamic import().
  */
 
 /** @type {import('tailwindcss').Plugin} */
-module.exports = function ksuiTailwindPlugin({ addUtilities, addComponents }) {
+export default function ksuiTailwindPlugin({ addUtilities, addComponents }) {
   // ─── Button intents ────────────────────────────────────────────────
   // Primary (amber)
   addUtilities({
@@ -272,6 +273,6 @@ module.exports = function ksuiTailwindPlugin({ addUtilities, addComponents }) {
   });
 };
 
-module.exports.meta = {
+export const meta = {
   name: "@kahitsan/ksui",
 };