@pycolors/ui 1.1.1 → 1.2.0

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/badge.js

@@ -12,7 +12,7 @@ const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border px
             secondary: 'border-transparent bg-secondary text-secondary-foreground',
             muted: 'border-transparent bg-muted text-muted-foreground',
             outline: 'border-border bg-background text-foreground',
-            success: 'border-transparent bg-success text-success-foreground text-primary-foreground',
+            success: 'border-transparent bg-success text-success-foreground',
             warning: 'border-transparent bg-warning text-warning-foreground',
             destructive: 'border-transparent bg-destructive text-destructive-foreground',
         },

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

@@ -4,15 +4,42 @@ export declare const cardVariants: (props?: ({
     variant?: "default" | "muted" | "transparent" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+type CardVariantProps = VariantProps<typeof cardVariants>;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, CardVariantProps {
     /**
-     * Render the Card as another element (e.g. <a />, <section />) via Radix Slot.
-     * Useful for clickable cards while keeping consistent styling.
+     * Renders the card through Radix Slot.
+     *
+     * Use this when the card must behave as a native interactive element:
+     *
+     * @example
+     * <Card asChild interactive>
+     *   <a href="/products">...</a>
+     * </Card>
+     *
+     * @example
+     * <Card asChild interactive>
+     *   <button type="button" onClick={handleClick}>...</button>
+     * </Card>
      */
     asChild?: boolean;
+    /**
+     * Applies interactive visual styles only.
+     *
+     * This prop does not add `role`, `tabIndex`, `onClick`, or keyboard
+     * handlers. Use `asChild` with a native `<a>` or `<button>` to provide
+     * accessible interaction semantics.
+     */
+    interactive?: boolean;
 }
 export type CardVariant = NonNullable<CardProps['variant']>;
 export type CardInteractive = NonNullable<CardProps['interactive']>;
+/**
+ * Structural card primitive compatible with React Server Components.
+ *
+ * Card deliberately does not synthesize event handlers or accessibility
+ * semantics. Interactive behavior must be provided by the underlying native
+ * element through `asChild`.
+ */
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 export declare function CardHeader({ className, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -24,4 +51,5 @@ export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
 export declare function CardContent({ className, ...props }: CardContentProps): import("react/jsx-runtime").JSX.Element;
 export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
 export declare function CardFooter({ className, ...props }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=card.d.ts.map

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;AAIlE,eAAO,MAAM,YAAY;;;8EA2BxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1D,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gBAAgB;IAC9D;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;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;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,kFA4BhB,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

@@ -11,9 +11,16 @@ export const cardVariants = cva('rounded-lg border text-card-foreground', {
             transparent: 'bg-transparent',
         },
         interactive: {
-            false: '',
-            true: 'cursor-pointer transition-colors hover:bg-accent/40 ' +
-                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+            false: null,
+            true: [
+                'cursor-pointer',
+                'transition-colors',
+                'hover:bg-accent/40',
+                'focus-visible:outline-none',
+                'focus-visible:ring-2',
+                'focus-visible:ring-ring',
+                'focus-visible:ring-offset-2',
+            ],
         },
     },
     defaultVariants: {
@@ -21,9 +28,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) => {
-    const Comp = asChild ? Slot : 'div';
-    return (_jsx(Comp, { ref: ref, "data-slot": "card", className: cn(cardVariants({ variant, interactive }), className), ...props }));
+/**
+ * Structural card primitive compatible with React Server Components.
+ *
+ * Card deliberately does not synthesize event handlers or accessibility
+ * semantics. Interactive behavior must be provided by the underlying native
+ * element through `asChild`.
+ */
+export const Card = React.forwardRef(({ asChild = false, className, variant, interactive = false, ...props }, ref) => {
+    const Component = asChild ? Slot : 'div';
+    return (_jsx(Component, { ref: ref, "data-slot": "card", className: cn(cardVariants({
+            variant,
+            interactive,
+        }), className), ...props }));
 });
 Card.displayName = 'Card';
 export function CardHeader({ className, ...props }) {

package/dist/components/ui/empty-state.d.ts

@@ -1,9 +1,10 @@
-import * as React from 'react';
+import * as React from "react";
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: React.ReactNode;
     title: string;
     description?: string;
     action?: React.ReactNode;
+    ariaLive?: "off" | "polite" | "assertive";
 }
-export declare function EmptyState({ icon, title, description, action, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon, title, description, action, ariaLive, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAyBjB"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;CAC3C;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA+BjB"}

package/dist/components/ui/empty-state.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils.js';
-export function EmptyState({ icon, title, description, action, className, ...props }) {
-    return (_jsxs("div", { role: "status", className: cn('flex w-full flex-col items-center justify-center rounded-lg border border-dashed border-border p-8 text-center', className), ...props, children: [icon && (_jsx("div", { className: "mb-4 text-muted-foreground", children: icon })), _jsx("h3", { className: "text-sm font-medium", children: title }), description && (_jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description })), action && _jsx("div", { className: "mt-4", children: action })] }));
+import { cn } from "../../lib/utils.js";
+export function EmptyState({ icon, title, description, action, ariaLive = "polite", className, ...props }) {
+    const role = ariaLive === "assertive"
+        ? "alert"
+        : ariaLive === "polite"
+            ? "status"
+            : undefined;
+    return (_jsxs("div", { ...props, role: role, "aria-live": ariaLive === "off" ? undefined : ariaLive, className: cn("flex w-full flex-col items-center justify-center rounded-lg border border-dashed border-border p-8 text-center", className), children: [icon && _jsx("div", { className: "mb-4 text-muted-foreground", children: icon }), _jsx("h3", { className: "text-sm font-medium", children: title }), description && (_jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description })), action && _jsx("div", { className: "mt-4", children: action })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;8EAmBlB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,KAAK,qFAoGV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;8EAmBlB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,KAAK,qFAgHV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/input.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../lib/utils.js';
-const inputVariants = cva('flex w-full items-center gap-2 rounded-md border bg-background text-sm ring-offset-background transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+const inputVariants = cva('flex w-full items-center gap-2 rounded-md border bg-background text-sm ring-offset-background transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2', {
     variants: {
         size: {
             sm: 'h-9 px-3',
@@ -20,18 +20,25 @@ const inputVariants = cva('flex w-full items-center gap-2 rounded-md border bg-b
         hasError: false,
     },
 });
-const Input = React.forwardRef(({ label, helperText, error, leftIcon, rightIcon, className, size, id, disabled, required, ...props }, ref) => {
+const Input = React.forwardRef(({ label, helperText, error, leftIcon, rightIcon, className, size, id, disabled, required, 'aria-describedby': consumerDescribedBy, ...props }, ref) => {
     const generatedId = React.useId();
     const inputId = id ?? generatedId;
-    const describedByIds = [];
+    const internalDescribedByIds = [];
     if (helperText && !error)
-        describedByIds.push(`${inputId}-helper`);
+        internalDescribedByIds.push(`${inputId}-helper`);
     if (error)
-        describedByIds.push(`${inputId}-error`);
-    const describedBy = describedByIds.length > 0
-        ? describedByIds.join(' ')
-        : undefined;
-    return (_jsxs("div", { className: "w-full", children: [label && (_jsxs("label", { htmlFor: inputId, className: "mb-1 block text-sm font-medium text-foreground", children: [label, required ? (_jsx("span", { className: "ml-1 text-destructive", children: "*" })) : null] })), _jsxs("div", { className: cn(inputVariants({ size, hasError: !!error }), className), children: [leftIcon && (_jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-muted-foreground", children: leftIcon })), _jsx("input", { id: inputId, ref: ref, disabled: disabled, required: required, "aria-invalid": !!error, "aria-describedby": describedBy, "aria-errormessage": error ? `${inputId}-error` : undefined, "aria-required": required ? true : undefined, className: cn('flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground', !leftIcon && 'pl-1', !rightIcon && 'pr-1'), ...props }), rightIcon && (_jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-muted-foreground", children: rightIcon }))] }), helperText && !error && (_jsx("p", { id: `${inputId}-helper`, className: "mt-1 text-xs text-muted-foreground", children: helperText })), error && (_jsx("p", { id: `${inputId}-error`, className: "mt-1 text-xs text-destructive", children: error }))] }));
+        internalDescribedByIds.push(`${inputId}-error`);
+    // Compose the consumer's own aria-describedby (if any) with the ids this
+    // component owns, rather than letting either side silently clobber the
+    // other — both descriptions are legitimate and should be announced.
+    const describedBy = [...internalDescribedByIds, consumerDescribedBy]
+        .filter(Boolean)
+        .join(' ') || undefined;
+    return (_jsxs("div", { className: "w-full", children: [label && (_jsxs("label", { htmlFor: inputId, className: "mb-1 block text-sm font-medium text-foreground", children: [label, required ? (_jsx("span", { className: "ml-1 text-destructive", children: "*" })) : null] })), _jsxs("div", { className: cn(inputVariants({ size, hasError: !!error }), 
+                // The disabled attribute lives on the inner <input>, so the
+                // wrapper (which owns the border/background) can never match
+                // the `disabled:` pseudo-class — drive it explicitly instead.
+                disabled && 'cursor-not-allowed opacity-50', className), children: [leftIcon && (_jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-muted-foreground", children: leftIcon })), _jsx("input", { id: inputId, ref: ref, disabled: disabled, required: required, className: cn('flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground', !leftIcon && 'pl-1', !rightIcon && 'pr-1'), ...props, "aria-invalid": !!error, "aria-describedby": describedBy, "aria-errormessage": error ? `${inputId}-error` : undefined, "aria-required": required ? true : undefined }), rightIcon && (_jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-muted-foreground", children: rightIcon }))] }), helperText && !error && (_jsx("p", { id: `${inputId}-helper`, className: "mt-1 text-xs text-muted-foreground", children: helperText })), error && (_jsx("p", { id: `${inputId}-error`, role: "alert", className: "mt-1 text-xs text-destructive", children: error }))] }));
 });
 Input.displayName = 'Input';
 export { Input, inputVariants };

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/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,2CAYf"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,2CAef"}

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../lib/utils.js';
 export function Skeleton({ className, circle = false, ...props }) {
-    return (_jsx("div", { "aria-hidden": "true", className: cn('animate-pulse bg-muted', circle ? 'rounded-full' : 'rounded-md', className), ...props }));
+    return (_jsx("div", { className: cn('animate-pulse motion-reduce:animate-none bg-muted', circle ? 'rounded-full' : 'rounded-md', className), ...props, "aria-hidden": "true" }));
 }

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import * as React from "react";
 export declare function Table({ className, ...props }: React.HTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableBody({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
-export declare function TableHead({ className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableHead({ scope, className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableCell({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableCaption({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>): import("react/jsx-runtime").JSX.Element;
 export declare function TableEmpty({ colSpan, title, description, }: {
@@ -11,7 +11,9 @@ export declare function TableEmpty({ colSpan, title, description, }: {
     title?: string;
     description?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TableLoading({ colSpan }: {
+export interface TableLoadingProps {
     colSpan: number;
-}): import("react/jsx-runtime").JSX.Element;
+    ariaLive?: "off" | "polite" | "assertive";
+}
+export declare function TableLoading({ colSpan, ariaLive, }: TableLoadingProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=table.d.ts.map

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,2CAE/C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAI/C;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,2CAU3C;AAGD,wBAAgB,SAAS,CAAC,EACxB,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAY9C;AAED,wBAAgB,SAAS,CAAC,EAExB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAE9C;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,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAmB,GACpB,EAAE,iBAAiB,2CAyBnB"}

package/dist/components/ui/table.js

@@ -1,29 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils.js';
+import { cn } from "../../lib/utils.js";
 export function Table({ className, ...props }) {
-    return (_jsx("div", { className: "w-full overflow-auto rounded-lg border border-border/60", children: _jsx("table", { className: cn('w-full caption-bottom text-sm', className), ...props }) }));
+    return (_jsx("div", { className: "w-full overflow-auto rounded-lg border border-border/60", children: _jsx("table", { className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 }
 export function TableHeader({ className, ...props }) {
-    return (_jsx("thead", { className: cn('bg-muted/40', className), ...props }));
+    return _jsx("thead", { className: cn("bg-muted/40", className), ...props });
 }
 export function TableBody({ className, ...props }) {
-    return (_jsx("tbody", { className: cn('[&_tr:last-child]:border-0', className), ...props }));
+    return (_jsx("tbody", { className: cn("[&_tr:last-child]:border-0", 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 }));
+    return (_jsx("tr", { className: cn("border-b border-border/60 transition-colors hover:bg-accent/30", className), ...props }));
 }
-export function TableHead({ className, ...props }) {
-    return (_jsx("th", { className: cn('h-10 px-4 text-left align-middle font-medium text-muted-foreground', className), ...props }));
+/* eslint-disable react/prop-types -- TypeScript validates intrinsic table header props. */
+export function TableHead({ scope = "col", className, ...props }) {
+    /* eslint-enable react/prop-types */
+    return (_jsx("th", { scope: scope, className: cn("h-10 px-4 text-left align-middle font-medium text-muted-foreground", className), ...props }));
 }
-export function TableCell({ className, ...props }) {
-    return (_jsx("td", { className: cn('p-4 align-middle', 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 }) {
-    return (_jsx("caption", { className: cn('mt-3 text-sm text-muted-foreground', className), ...props }));
+    return (_jsx("caption", { className: cn("mt-3 text-sm text-muted-foreground", className), ...props }));
 }
-export function TableEmpty({ colSpan, title = 'No results', description = 'Try adjusting your filters or create a new item.', }) {
+export function TableEmpty({ colSpan, title = "No results", description = "Try adjusting your filters or create a new item.", }) {
     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"] }) }) }));
+export function TableLoading({ colSpan, ariaLive = "polite", }) {
+    const role = ariaLive === "assertive"
+        ? "alert"
+        : ariaLive === "polite"
+            ? "status"
+            : undefined;
+    return (_jsx(TableRow, { className: "hover:bg-transparent", children: _jsx(TableCell, { colSpan: colSpan, className: "py-10", children: _jsxs("div", { role: role, "aria-live": ariaLive === "off" ? undefined : ariaLive, 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/dist/components/ui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;;;8EA0BrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,UAAU,GACV,YAAY,GACZ,MAAM,CAAC;AAEX,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,2FA0Fb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;;;8EA0BrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,UAAU,GACV,YAAY,GACZ,MAAM,CAAC;AAEX,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,2FAkGb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/textarea.js

@@ -27,24 +27,27 @@ const textareaVariants = cva('flex min-h-24 w-full rounded-md border bg-backgrou
         resize: 'vertical',
     },
 });
-const Textarea = React.forwardRef(({ label, helperText, error, className, size, resize, id, disabled, required, ...props }, ref) => {
+const Textarea = React.forwardRef(({ label, helperText, error, className, size, resize, id, disabled, required, 'aria-describedby': consumerDescribedBy, ...props }, ref) => {
     const generatedId = React.useId();
     const textareaId = id ?? generatedId;
-    const describedByIds = [];
+    const internalDescribedByIds = [];
     if (helperText && !error) {
-        describedByIds.push(`${textareaId}-helper`);
+        internalDescribedByIds.push(`${textareaId}-helper`);
     }
     if (error) {
-        describedByIds.push(`${textareaId}-error`);
+        internalDescribedByIds.push(`${textareaId}-error`);
     }
-    const describedBy = describedByIds.length > 0
-        ? describedByIds.join(' ')
-        : undefined;
-    return (_jsxs("div", { className: "w-full", children: [label ? (_jsxs("label", { htmlFor: textareaId, className: "mb-1 block text-sm font-medium text-foreground", children: [label, required ? (_jsx("span", { className: "ml-1 text-destructive", children: "*" })) : null] })) : null, _jsx("textarea", { id: textareaId, ref: ref, disabled: disabled, required: required, "aria-invalid": !!error, "aria-describedby": describedBy, "aria-errormessage": error ? `${textareaId}-error` : undefined, "aria-required": required ? true : undefined, className: cn(textareaVariants({
+    // Compose the consumer's own aria-describedby (if any) with the ids this
+    // component owns, rather than letting either side silently clobber the
+    // other — both descriptions are legitimate and should be announced.
+    const describedBy = [...internalDescribedByIds, consumerDescribedBy]
+        .filter(Boolean)
+        .join(' ') || undefined;
+    return (_jsxs("div", { className: "w-full", children: [label ? (_jsxs("label", { htmlFor: textareaId, className: "mb-1 block text-sm font-medium text-foreground", children: [label, required ? (_jsx("span", { className: "ml-1 text-destructive", children: "*" })) : null] })) : null, _jsx("textarea", { id: textareaId, ref: ref, disabled: disabled, required: required, className: cn(textareaVariants({
                     size,
                     resize,
                     hasError: !!error,
-                }), className), ...props }), helperText && !error ? (_jsx("p", { id: `${textareaId}-helper`, className: "mt-1 text-xs text-muted-foreground", children: helperText })) : null, error ? (_jsx("p", { id: `${textareaId}-error`, className: "mt-1 text-xs text-destructive", children: error })) : null] }));
+                }), className), ...props, "aria-invalid": !!error, "aria-describedby": describedBy, "aria-errormessage": error ? `${textareaId}-error` : undefined, "aria-required": required ? true : undefined }), helperText && !error ? (_jsx("p", { id: `${textareaId}-helper`, className: "mt-1 text-xs text-muted-foreground", children: helperText })) : null, error ? (_jsx("p", { id: `${textareaId}-error`, role: "alert", className: "mt-1 text-xs text-destructive", children: error })) : null] }));
 });
 Textarea.displayName = 'Textarea';
 export { Textarea, textareaVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAkBlB,CAAC;AAEF,eAAO,MAAM,aAAa,6CAA0B,CAAC;AACrD,eAAO,MAAM,aAAa,4GAA0B,CAAC;AAErD,MAAM,WAAW,UACf,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,eAAO,MAAM,KAAK,kFAShB,CAAC;AAGH,eAAO,MAAM,UAAU,uGAAuB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,6GAA6B,CAAC;AAC3D,eAAO,MAAM,UAAU,0GAAuB,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAkBlB,CAAC;AAEF,eAAO,MAAM,aAAa,6CAA0B,CAAC;AACrD,eAAO,MAAM,aAAa,4GAA0B,CAAC;AAErD,MAAM,WAAW,UACf,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAgBzC,eAAO,MAAM,KAAK,kFAchB,CAAC;AAGH,eAAO,MAAM,UAAU,uGAAuB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,6GAA6B,CAAC;AAC3D,eAAO,MAAM,UAAU,0GAAuB,CAAC"}

package/dist/components/ui/toast.js

@@ -19,7 +19,20 @@ const toastVariants = cva('pointer-events-auto relative flex w-full items-center
 });
 export const ToastProvider = ToastPrimitive.Provider;
 export const ToastViewport = ToastPrimitive.Viewport;
-export const Toast = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx(ToastPrimitive.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props })));
+// Radix announces `type="foreground"` toasts at aria-live="assertive" and
+// `type="background"` toasts at "polite". Only genuinely urgent variants
+// should interrupt; routine confirmations should announce politely. An
+// explicit `type` prop from the consumer always wins over this default.
+const toastTypeByVariant = {
+    default: 'background',
+    success: 'background',
+    warning: 'foreground',
+    destructive: 'foreground',
+};
+export const Toast = React.forwardRef(({ className, variant, type, ...props }, ref) => {
+    const resolvedVariant = variant ?? 'default';
+    return (_jsx(ToastPrimitive.Root, { ref: ref, type: type ?? toastTypeByVariant[resolvedVariant], className: cn(toastVariants({ variant }), className), ...props }));
+});
 Toast.displayName = 'Toast';
 export const ToastTitle = ToastPrimitive.Title;
 export const ToastDescription = ToastPrimitive.Description;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pycolors/ui",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Production-ready UI primitives for modern SaaS apps (Radix + Tailwind-friendly).",
   "keywords": [
     "pycolors",
@@ -66,19 +66,25 @@
   "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",
+    "vitest-axe": "1.0.0-pre.5"
   },
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "tsc -p tsconfig.json",
+    "build": "tsc -p tsconfig.build.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"
   }
 }