@pycolors/ui 1.1.1 → 1.1.2

package/README.md

@@ -65,8 +65,8 @@ This repository is a **distribution mirror**.
 
 -   NPM publishing happens from the **PyColors monorepo** (Changesets)
 -   This mirror receives version bumps + CHANGELOG via sync PRs
--   A GitHub Release is automatically created when `package.json` and
-    `CHANGELOG.md` change on `main`
+-   A GitHub Release is created only when the mirror `main` branch and npm both
+    expose the same `@pycolors/ui` version
 
 If you want to propose changes, contribute to the monorepo:
 https://github.com/pycolors-io/pycolors/tree/main/packages/ui

package/dist/components/ui/alert.js

@@ -21,7 +21,7 @@ export function Alert({ className, variant, ariaLive = 'polite', ...props }) {
         : ariaLive === 'polite'
             ? 'status'
             : undefined;
-    return (_jsx("div", { "data-slot": "alert", role: role, "aria-live": ariaLive === 'off' ? undefined : ariaLive, className: cn(alertVariants({ variant }), className), ...props }));
+    return (_jsx("div", { "data-slot": "alert", ...props, role: role, "aria-live": ariaLive === 'off' ? undefined : ariaLive, className: cn(alertVariants({ variant }), className) }));
 }
 export function AlertTitle({ className, ...props }) {
     return (_jsx("h5", { "data-slot": "alert-title", className: cn('mb-1 font-medium leading-none tracking-tight', className), ...props }));

package/dist/components/ui/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,YAAY;;;8EAqBxB,CAAC;AAIF,MAAM,WAAW,SACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpE,eAAO,MAAM,IAAI,kFAmBhB,CAAC;AAIF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQlE;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEtE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWhE;AAED,MAAM,MAAM,oBAAoB,GAC9B,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE7C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAQtB;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAQlB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQlE"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,YAAY;;;8EAqBxB,CAAC;AAIF,MAAM,WAAW,SACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpE,eAAO,MAAM,IAAI,kFAmChB,CAAC;AAIF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQlE;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEtE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWhE;AAED,MAAM,MAAM,oBAAoB,GAC9B,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE7C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAQtB;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAQlB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQlE"}

package/dist/components/ui/card.js

@@ -21,9 +21,19 @@ export const cardVariants = cva('rounded-lg border text-card-foreground', {
         interactive: false,
     },
 });
-export const Card = React.forwardRef(({ className, variant, interactive, asChild = false, ...props }, ref) => {
+export const Card = React.forwardRef(({ className, variant, interactive, asChild = false, onKeyDown, ...props }, ref) => {
     const Comp = asChild ? Slot : 'div';
-    return (_jsx(Comp, { ref: ref, "data-slot": "card", className: cn(cardVariants({ variant, interactive }), className), ...props }));
+    const isInteractiveElement = Boolean(interactive) && !asChild;
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (isInteractiveElement &&
+            !event.defaultPrevented &&
+            (event.key === 'Enter' || event.key === ' ')) {
+            event.preventDefault();
+            event.currentTarget.click();
+        }
+    };
+    return (_jsx(Comp, { ref: ref, "data-slot": "card", role: isInteractiveElement ? 'button' : undefined, tabIndex: isInteractiveElement ? 0 : undefined, onKeyDown: handleKeyDown, className: cn(cardVariants({ variant, interactive }), className), ...props }));
 });
 Card.displayName = 'Card';
 export function CardHeader({ className, ...props }) {

package/dist/components/ui/password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/password-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,UAAU,EACV,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,6FAoCxB,CAAC"}
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/password-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,UAAU,EACV,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,6FAwCxB,CAAC"}

package/dist/components/ui/password-input.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Eye, EyeOff } from 'lucide-react';
 import { Input } from './input.js';
-export const PasswordInput = React.forwardRef((props, ref) => {
+export const PasswordInput = React.forwardRef(({ disabled, ...props }, ref) => {
     const [visible, setVisible] = React.useState(false);
-    return (_jsx(Input, { ...props, ref: ref, type: visible ? 'text' : 'password', rightIcon: _jsx("button", { type: "button", "aria-label": visible ? 'Hide password' : 'Show password', "aria-pressed": visible, onClick: () => setVisible((v) => !v), className: "\n            rounded-sm p-1\n            text-muted-foreground\n            hover:text-foreground\n            focus-visible:outline-none\n            focus-visible:ring-2\n            focus-visible:ring-ring\n            focus-visible:ring-offset-1\n          ", children: visible ? (_jsx(EyeOff, { className: "h-4 w-4", "aria-hidden": "true" })) : (_jsx(Eye, { className: "h-4 w-4", "aria-hidden": "true" })) }) }));
+    return (_jsx(Input, { ...props, disabled: disabled, ref: ref, type: visible ? 'text' : 'password', rightIcon: _jsx("button", { type: "button", disabled: disabled, "aria-label": visible ? 'Hide password' : 'Show password', "aria-pressed": visible, onClick: () => setVisible((v) => !v), className: "\n            rounded-sm p-1\n            text-muted-foreground\n            hover:text-foreground\n            focus-visible:outline-none\n            focus-visible:ring-2\n            focus-visible:ring-ring\n            focus-visible:ring-offset-1\n            disabled:pointer-events-none\n            disabled:opacity-50\n          ", children: visible ? (_jsx(EyeOff, { className: "h-4 w-4", "aria-hidden": "true" })) : (_jsx(Eye, { className: "h-4 w-4", "aria-hidden": "true" })) }) }));
 });
 PasswordInput.displayName = 'PasswordInput';

package/dist/components/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,2CASxC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAI/C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAO/C;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,2CAU3C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAU9C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAI9C;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAO/C;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAoB,EACpB,WAAgE,GACjE,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAaA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAW5D"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,2CASxC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAI/C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAO/C;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,2CAU3C;AAED,wBAAgB,SAAS,CAAC,EAExB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAU9C;AAED,wBAAgB,SAAS,CAAC,EAExB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAI9C;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAO/C;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAoB,EACpB,WAAgE,GACjE,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAaA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAkB5D"}

package/dist/components/ui/table.js

@@ -12,10 +12,14 @@ export function TableBody({ className, ...props }) {
 export function TableRow({ className, ...props }) {
     return (_jsx("tr", { className: cn('border-b border-border/60 transition-colors hover:bg-accent/30', className), ...props }));
 }
-export function TableHead({ className, ...props }) {
+export function TableHead({ 
+// eslint-disable-next-line react/prop-types -- TypeScript validates intrinsic table header props.
+className, ...props }) {
     return (_jsx("th", { className: cn('h-10 px-4 text-left align-middle font-medium text-muted-foreground', className), ...props }));
 }
-export function TableCell({ className, ...props }) {
+export function TableCell({ 
+// eslint-disable-next-line react/prop-types -- TypeScript validates intrinsic table cell props.
+className, ...props }) {
     return (_jsx("td", { className: cn('p-4 align-middle', className), ...props }));
 }
 export function TableCaption({ className, ...props }) {
@@ -25,5 +29,5 @@ export function TableEmpty({ colSpan, title = 'No results', description = 'Try a
     return (_jsx(TableRow, { className: "hover:bg-transparent", children: _jsx(TableCell, { colSpan: colSpan, className: "py-10", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "font-medium", children: title }), _jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: description })] }) }) }));
 }
 export function TableLoading({ colSpan }) {
-    return (_jsx(TableRow, { className: "hover:bg-transparent", children: _jsx(TableCell, { colSpan: colSpan, className: "py-10", children: _jsxs("div", { className: "flex items-center justify-center gap-2 text-sm text-muted-foreground", children: [_jsx("span", { className: "inline-block size-4 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground" }), "Loading\u2026"] }) }) }));
+    return (_jsx(TableRow, { className: "hover:bg-transparent", children: _jsx(TableCell, { colSpan: colSpan, className: "py-10", children: _jsxs("div", { role: "status", "aria-live": "polite", className: "flex items-center justify-center gap-2 text-sm text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", className: "inline-block size-4 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground" }), "Loading\u2026"] }) }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pycolors/ui",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Production-ready UI primitives for modern SaaS apps (Radix + Tailwind-friendly).",
   "keywords": [
     "pycolors",
@@ -66,19 +66,24 @@
   "devDependencies": {
     "@pycolors/eslint-config": "^1.0.0",
     "@pycolors/typescript-config": "^1.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^22.15.3",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "eslint": "^9.39.1",
-    "typescript": "5.9.2"
+    "jsdom": "^29.1.1",
+    "typescript": "5.9.2",
+    "vitest": "^4.1.10"
   },
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc -p tsconfig.json",
     "lint": "eslint . --max-warnings 0",
+    "test": "vitest run --config vitest.config.ts",
     "types:check": "tsc --noEmit",
-    "verify": "pnpm lint && pnpm types:check && pnpm build",
+    "verify": "pnpm test && pnpm lint && pnpm types:check && pnpm build",
     "generate:component": "turbo gen react-component",
-    "release": "pnpm clean && pnpm build:ts && pnpm publish --access public"
+    "release": "pnpm clean && pnpm build && pnpm publish --access public"
   }
 }