@quadrokit/ui 0.2.0 → 0.2.2

package/README.md

@@ -9,7 +9,7 @@ Shared **React** UI for QuadroKit templates: Tailwind **preset**, global **CSS v
 
    ```ts
    import preset from '@quadrokit/ui/tailwind-preset';
-   export default { presets: [preset], content: [/* your files */, '../../node_modules/@quadrokit/ui/dist/**/*.{js,ts,tsx}'] };
+   export default { presets: [preset], content: [/* your files */, '../../node_modules/@quadrokit/ui/dist/**/*.{mjs,js,ts,tsx}'] };
    ```
 
 3. Import styles once (e.g. in `main.tsx`):

package/dist/components/{button.js → button.mjs}

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
-import { cn } from '../lib/utils.js';
+import { cn } from '../lib/utils.mjs';
 const variants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
     variants: {
         variant: {

package/dist/components/{card.js → card.mjs}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { cn } from '../lib/utils.js';
+import { cn } from '../lib/utils.mjs';
 export const Card = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-xl border border-border bg-card text-card-foreground shadow-sm', className), ...props })));
 Card.displayName = 'Card';
 export const CardHeader = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));

package/dist/components/{input.js → input.mjs}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { cn } from '../lib/utils.js';
+import { cn } from '../lib/utils.mjs';
 export const Input = forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
 });

package/dist/components/{label.js → label.mjs}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { cn } from '../lib/utils.js';
+import { cn } from '../lib/utils.mjs';
 export const Label = forwardRef(({ className, ...props }, ref) => (
 // biome-ignore lint/a11y/noLabelWithoutControl: shadcn-style primitive; use htmlFor at call sites
 _jsx("label", { ref: ref, className: cn('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', className), ...props })));

package/dist/components/{theme-toolbar.js → theme-toolbar.mjs}

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '../theme/theme-provider.js';
-import { quadroThemes, themeLabels } from '../theme/themes.js';
-import { Button } from './button.js';
+import { useTheme } from '../theme/theme-provider.mjs';
+import { quadroThemes, themeLabels } from '../theme/themes.mjs';
+import { Button } from './button.mjs';
 export function ThemeToolbar() {
     const { preset, setPreset, colorMode, setColorMode, resolvedMode } = useTheme();
     return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-lg border border-border bg-card/60 p-2 text-sm backdrop-blur", children: [_jsx("span", { className: "text-muted-foreground px-1", children: "Theme" }), quadroThemes.map((t) => (_jsx(Button, { type: "button", size: "sm", variant: preset === t ? 'default' : 'outline', onClick: () => setPreset(t), children: themeLabels[t] }, t))), _jsx("span", { className: "mx-2 hidden h-4 w-px bg-border sm:inline-block" }), _jsx("span", { className: "text-muted-foreground px-1", children: "Mode" }), [

package/dist/index.mjs

@@ -0,0 +1,8 @@
+export { Button } from './components/button.mjs';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle, } from './components/card.mjs';
+export { Input } from './components/input.mjs';
+export { Label } from './components/label.mjs';
+export { ThemeToolbar } from './components/theme-toolbar.mjs';
+export { cn } from './lib/utils.mjs';
+export { ThemeProvider, useTheme, } from './theme/theme-provider.mjs';
+export { quadroThemes, themeLabels, } from './theme/themes.mjs';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@quadrokit/ui",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "sideEffects": [
     "./dist/styles.css"
@@ -11,19 +11,19 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.mjs"
     },
     "./styles.css": "./dist/styles.css",
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.ts",
-      "import": "./dist/tailwind-preset.js"
+      "import": "./dist/tailwind-preset.mjs"
     }
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.build.json && cp src/styles.css dist/styles.css",
+    "build": "tsc -p tsconfig.build.json && bun ../../scripts/rename-dist-js-to-mjs.ts dist && cp src/styles.css dist/styles.css",
     "prepublishOnly": "bun run build",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },

package/dist/index.js

@@ -1,8 +0,0 @@
-export { Button } from './components/button.js';
-export { Card, CardContent, CardDescription, CardHeader, CardTitle, } from './components/card.js';
-export { Input } from './components/input.js';
-export { Label } from './components/label.js';
-export { ThemeToolbar } from './components/theme-toolbar.js';
-export { cn } from './lib/utils.js';
-export { ThemeProvider, useTheme, } from './theme/theme-provider.js';
-export { quadroThemes, themeLabels, } from './theme/themes.js';