@pycolors/ui 1.2.0 → 1.2.2

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { type ButtonProps } from './button.js';
-export type PaginationProps = React.ComponentPropsWithoutRef<'nav'>;
+import * as React from "react";
+import { type ButtonProps } from "./button.js";
+export type PaginationProps = React.ComponentPropsWithoutRef<"nav">;
 export declare function Pagination({ className, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
-export type PaginationContentProps = React.ComponentPropsWithoutRef<'ul'>;
+export type PaginationContentProps = React.ComponentPropsWithoutRef<"ul">;
 export declare function PaginationContent({ className, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
-export type PaginationItemProps = React.ComponentPropsWithoutRef<'li'>;
+export type PaginationItemProps = React.ComponentPropsWithoutRef<"li">;
 export declare function PaginationItem({ className, ...props }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
-export interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface PaginationLinkProps extends React.ComponentPropsWithoutRef<"button"> {
     /**
      * Marks the current page for accessibility and styling.
      */
@@ -15,24 +15,24 @@ export interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'but
      * Optional size mapping to Button sizes.
      * Defaults to "icon-sm" for compact pagination.
      */
-    size?: ButtonProps['size'];
+    size?: ButtonProps["size"];
 }
 export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-export interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<"button"> {
     /**
      * Optional label for accessibility and i18n.
      */
     label?: string;
 }
 export declare function PaginationPrevious({ className, label, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
-export interface PaginationNextProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface PaginationNextProps extends React.ComponentPropsWithoutRef<"button"> {
     /**
      * Optional label for accessibility and i18n.
      */
     label?: string;
 }
 export declare function PaginationNext({ className, label, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
-export interface PaginationEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {
+export interface PaginationEllipsisProps extends React.ComponentPropsWithoutRef<"span"> {
     /**
      * Accessible label read by screen readers.
      */
@@ -40,11 +40,11 @@ export interface PaginationEllipsisProps extends React.ComponentPropsWithoutRef<
 }
 export declare function PaginationEllipsis({ className, label, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
 export type PaginationToken = {
-    type: 'page';
+    type: "page";
     value: number;
     isActive?: boolean;
 } | {
-    type: 'ellipsis';
+    type: "ellipsis";
     key: string;
 };
 export declare function buildPaginationRange(args: {

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAUvD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CASlE;AAED,MAAM,MAAM,sBAAsB,GAChC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvC,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAQxB;AAED,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvC,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAQrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACnF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAgB,EAChB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAiBrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACvF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,KAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAerB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAoB,EACpB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAczB;AASD,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,eAAe,EAAE,CA8EpB"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAUvD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CASlE;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAE1E,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAQxB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvE,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQ1E;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACnF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAgB,EAChB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAiBrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACvF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,KAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAerB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAoB,EACpB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAczB;AASD,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,eAAe,EAAE,CAyEpB"}

package/dist/components/ui/pagination.js

@@ -1,39 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight, MoreHorizontal, } from 'lucide-react';
-import { Button } from './button.js';
-import { cn } from '../../lib/utils.js';
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { Button } from "./button.js";
+import { cn } from "../../lib/utils.js";
 export function Pagination({ className, ...props }) {
-    return (_jsx("nav", { "aria-label": "Pagination", "data-slot": "pagination", className: cn('flex w-full justify-center', className), ...props }));
+    return (_jsx("nav", { "aria-label": "Pagination", "data-slot": "pagination", className: cn("flex w-full justify-center", className), ...props }));
 }
 export function PaginationContent({ className, ...props }) {
-    return (_jsx("ul", { "data-slot": "pagination-content", className: cn('flex items-center gap-1', className), ...props }));
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex items-center gap-1", className), ...props }));
 }
 export function PaginationItem({ className, ...props }) {
-    return (_jsx("li", { "data-slot": "pagination-item", className: cn('list-none', className), ...props }));
+    return (_jsx("li", { "data-slot": "pagination-item", className: cn("list-none", className), ...props }));
 }
-export function PaginationLink({ className, isActive = false, size = 'icon-sm', ...props }) {
-    return (_jsx(Button, { "data-slot": "pagination-link", type: "button", variant: isActive ? 'secondary' : 'outline', size: size, "aria-current": isActive ? 'page' : undefined, className: cn('min-w-8 px-2', 
+export function PaginationLink({ className, isActive = false, size = "icon-sm", ...props }) {
+    return (_jsx(Button, { "data-slot": "pagination-link", type: "button", variant: isActive ? "secondary" : "outline", size: size, "aria-current": isActive ? "page" : undefined, className: cn("min-w-8 px-2", 
         // for icon sizes, Button already squares; for non-icon, ensure height rhythm
-        isActive && 'font-semibold', className), ...props }));
+        isActive && "font-semibold", className), ...props }));
 }
-export function PaginationPrevious({ className, label = 'Previous page', ...props }) {
-    return (_jsxs(Button, { "data-slot": "pagination-previous", type: "button", variant: "outline", size: "sm", "aria-label": label, className: cn('gap-2 px-3', className), ...props, children: [_jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { className: "hidden sm:inline", children: "Previous" })] }));
+export function PaginationPrevious({ className, label = "Previous page", ...props }) {
+    return (_jsxs(Button, { "data-slot": "pagination-previous", type: "button", variant: "outline", size: "sm", "aria-label": label, className: cn("gap-2 px-3", className), ...props, children: [_jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { className: "hidden sm:inline", children: "Previous" })] }));
 }
-export function PaginationNext({ className, label = 'Next page', ...props }) {
-    return (_jsxs(Button, { "data-slot": "pagination-next", type: "button", variant: "outline", size: "sm", "aria-label": label, className: cn('gap-2 px-3', className), ...props, children: [_jsx("span", { className: "hidden sm:inline", children: "Next" }), _jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })] }));
+export function PaginationNext({ className, label = "Next page", ...props }) {
+    return (_jsxs(Button, { "data-slot": "pagination-next", type: "button", variant: "outline", size: "sm", "aria-label": label, className: cn("gap-2 px-3", className), ...props, children: [_jsx("span", { className: "hidden sm:inline", children: "Next" }), _jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })] }));
 }
-export function PaginationEllipsis({ className, label = 'More pages', ...props }) {
-    return (_jsx("span", { "data-slot": "pagination-ellipsis", "aria-label": label, className: cn('flex h-8 w-8 items-center justify-center text-muted-foreground', className), ...props, children: _jsx(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": "true" }) }));
+export function PaginationEllipsis({ className, label = "More pages", ...props }) {
+    return (_jsxs("span", { "data-slot": "pagination-ellipsis", className: cn("flex h-8 w-8 items-center justify-center text-muted-foreground", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: label })] }));
 }
 export function buildPaginationRange(args) {
-    const { page, totalPages, siblingCount = 1, boundaryCount = 1, } = args;
+    const { page, totalPages, siblingCount = 1, boundaryCount = 1 } = args;
     const clamp = (n) => Math.max(1, Math.min(totalPages, n));
     const current = clamp(page);
     // If total pages is small, show all pages.
     const totalNumbers = boundaryCount * 2 + siblingCount * 2 + 3; // incl current + 2 ellipsis
     if (totalPages <= totalNumbers) {
         return Array.from({ length: totalPages }, (_, i) => ({
-            type: 'page',
+            type: "page",
             value: i + 1,
             isActive: i + 1 === current,
         }));
@@ -47,39 +47,39 @@ export function buildPaginationRange(args) {
     const range = [];
     // Left boundary
     for (let p = 1; p <= leftBoundaryEnd; p++) {
-        range.push({ type: 'page', value: p, isActive: p === current });
+        range.push({ type: "page", value: p, isActive: p === current });
     }
     // Left ellipsis or gap page
     if (showLeftEllipsis) {
-        range.push({ type: 'ellipsis', key: 'left' });
+        range.push({ type: "ellipsis", key: "left" });
     }
     else {
         const gapPage = leftBoundaryEnd + 1;
         range.push({
-            type: 'page',
+            type: "page",
             value: gapPage,
             isActive: gapPage === current,
         });
     }
     // Siblings
     for (let p = leftSiblingStart; p <= rightSiblingEnd; p++) {
-        range.push({ type: 'page', value: p, isActive: p === current });
+        range.push({ type: "page", value: p, isActive: p === current });
     }
     // Right ellipsis or gap page
     if (showRightEllipsis) {
-        range.push({ type: 'ellipsis', key: 'right' });
+        range.push({ type: "ellipsis", key: "right" });
     }
     else {
         const gapPage = rightBoundaryStart - 1;
         range.push({
-            type: 'page',
+            type: "page",
             value: gapPage,
             isActive: gapPage === current,
         });
     }
     // Right boundary
     for (let p = rightBoundaryStart; p <= totalPages; p++) {
-        range.push({ type: 'page', value: p, isActive: p === current });
+        range.push({ type: "page", value: p, isActive: p === current });
     }
     return range;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pycolors/ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Production-ready UI primitives for modern SaaS apps (Radix + Tailwind-friendly).",
   "keywords": [
     "pycolors",
@@ -57,7 +57,7 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tabs": "^1.1.21",
     "@radix-ui/react-toast": "^1.2.15",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",