@mieweb/ui 0.2.4 → 0.3.0-dev.61

package/dist/{chunk-PF3XWKE5.cjs → chunk-QEAIFTUL.cjs}

@@ -102,6 +102,7 @@ function Pagination({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
     {
+      "data-slot": "pagination",
       role: "navigation",
       "aria-label": "Pagination",
       className: chunkOR5DRJCW_cjs.cn("flex items-center gap-1", className),
@@ -109,6 +110,7 @@ function Pagination({
         showFirstLast && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-first",
             type: "button",
             onClick: () => onPageChange(1),
             disabled: !canGoPrev,
@@ -123,6 +125,7 @@ function Pagination({
         showPrevNext && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-prev",
             type: "button",
             onClick: () => onPageChange(page - 1),
             disabled: !canGoPrev,
@@ -134,11 +137,12 @@ function Pagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: pageRange.map((item, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "pagination-pages", className: "flex items-center gap-1", children: pageRange.map((item, index) => {
           if (item === "ellipsis") {
             return /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
+                "data-slot": "pagination-ellipsis",
                 className: chunkOR5DRJCW_cjs.cn(
                   paginationButtonVariants({ variant, size }),
                   "cursor-default hover:bg-transparent"
@@ -152,6 +156,7 @@ function Pagination({
           return /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
+              "data-slot": "pagination-page",
               type: "button",
               onClick: () => onPageChange(item),
               "aria-label": `Go to page ${item}`,
@@ -166,6 +171,7 @@ function Pagination({
         showPrevNext && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-next",
             type: "button",
             onClick: () => onPageChange(page + 1),
             disabled: !canGoNext,
@@ -180,6 +186,7 @@ function Pagination({
         showFirstLast && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-last",
             type: "button",
             onClick: () => onPageChange(totalPages),
             disabled: !canGoNext,
@@ -210,6 +217,7 @@ function SimplePagination({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
     {
+      "data-slot": "simple-pagination",
       role: "navigation",
       "aria-label": "Pagination",
       className: chunkOR5DRJCW_cjs.cn("flex items-center gap-2", className),
@@ -217,6 +225,7 @@ function SimplePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-prev",
             type: "button",
             onClick: () => onPageChange(page - 1),
             disabled: !canGoPrev,
@@ -228,15 +237,23 @@ function SimplePagination({
             ]
           }
         ),
-        showPageInfo && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground px-2 text-sm", children: [
-          "Page ",
-          page,
-          " of ",
-          totalPages
-        ] }),
+        showPageInfo && /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            "data-slot": "pagination-info",
+            className: "text-muted-foreground px-2 text-sm",
+            children: [
+              "Page ",
+              page,
+              " of ",
+              totalPages
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-slot": "pagination-next",
             type: "button",
             onClick: () => onPageChange(page + 1),
             disabled: !canGoNext,
@@ -339,5 +356,5 @@ function ChevronsRightIcon({ className }) {
 exports.Pagination = Pagination;
 exports.SimplePagination = SimplePagination;
 exports.paginationButtonVariants = paginationButtonVariants;
-//# sourceMappingURL=chunk-PF3XWKE5.cjs.map
-//# sourceMappingURL=chunk-PF3XWKE5.cjs.map
+//# sourceMappingURL=chunk-QEAIFTUL.cjs.map
+//# sourceMappingURL=chunk-QEAIFTUL.cjs.map

package/dist/chunk-QEAIFTUL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-QEAIFTUL.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Pagination Button Variants\n// ============================================================================\n\nconst paginationButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:bg-primary-500 data-[active=true]:text-white',\n        ],\n        outline: [\n          'border border-border text-muted-foreground',\n          'hover:bg-muted hover:text-foreground',\n          'data-[active=true]:border-primary-500 data-[active=true]:bg-primary-50 data-[active=true]:text-primary-500',\n          'dark:data-[active=true]:bg-primary-950',\n        ],\n        ghost: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:text-primary-500 data-[active=true]:font-semibold',\n        ],\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2.5 text-xs rounded-md gap-1',\n        md: 'h-10 min-w-10 px-3 text-sm rounded-lg gap-1.5',\n        lg: 'h-12 min-w-12 px-4 text-base rounded-xl gap-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Pagination Component\n// ============================================================================\n\nexport interface PaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number;\n  /** Show first/last page buttons */\n  showFirstLast?: boolean;\n  /** Show prev/next buttons */\n  showPrevNext?: boolean;\n  /** Labels for navigation buttons */\n  labels?: {\n    first?: string;\n    previous?: string;\n    next?: string;\n    last?: string;\n  };\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A pagination component for navigating through pages.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  showFirstLast = true,\n  showPrevNext = true,\n  variant,\n  size,\n  labels,\n  className,\n}: PaginationProps) {\n  // Calculate page range to display\n  const pageRange = React.useMemo(() => {\n    const range: (number | 'ellipsis')[] = [];\n\n    // Always show first page\n    range.push(1);\n\n    // Calculate start and end of sibling range\n    const leftSiblingIndex = Math.max(page - siblingCount, 2);\n    const rightSiblingIndex = Math.min(page + siblingCount, totalPages - 1);\n\n    // Show left ellipsis if needed\n    const showLeftEllipsis = leftSiblingIndex > 2;\n    // Show right ellipsis if needed\n    const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n    if (showLeftEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Add sibling pages\n    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n      if (i !== 1 && i !== totalPages) {\n        range.push(i);\n      }\n    }\n\n    if (showRightEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Always show last page if more than 1 page\n    if (totalPages > 1) {\n      range.push(totalPages);\n    }\n\n    return range;\n  }, [page, totalPages, siblingCount]);\n\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-1', className)}\n    >\n      {/* First Page Button */}\n      {showFirstLast && (\n        <button\n          data-slot=\"pagination-first\"\n          type=\"button\"\n          onClick={() => onPageChange(1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.first || 'Go to first page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronsLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only\">{labels?.first || 'First'}</span>\n        </button>\n      )}\n\n      {/* Previous Button */}\n      {showPrevNext && (\n        <button\n          data-slot=\"pagination-prev\"\n          type=\"button\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.previous || 'Go to previous page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.previous || 'Previous'}\n          </span>\n        </button>\n      )}\n\n      {/* Page Numbers */}\n      <div data-slot=\"pagination-pages\" className=\"flex items-center gap-1\">\n        {pageRange.map((item, index) => {\n          if (item === 'ellipsis') {\n            return (\n              <span\n                key={`ellipsis-${index}`}\n                data-slot=\"pagination-ellipsis\"\n                className={cn(\n                  paginationButtonVariants({ variant, size }),\n                  'cursor-default hover:bg-transparent'\n                )}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          return (\n            <button\n              key={item}\n              data-slot=\"pagination-page\"\n              type=\"button\"\n              onClick={() => onPageChange(item)}\n              aria-label={`Go to page ${item}`}\n              aria-current={item === page ? 'page' : undefined}\n              data-active={item === page}\n              className={cn(paginationButtonVariants({ variant, size }))}\n            >\n              {item}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Next Button */}\n      {showPrevNext && (\n        <button\n          data-slot=\"pagination-next\"\n          type=\"button\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!canGoNext}\n          aria-label={labels?.next || 'Go to next page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.next || 'Next'}\n          </span>\n          <ChevronRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n\n      {/* Last Page Button */}\n      {showFirstLast && (\n        <button\n          data-slot=\"pagination-last\"\n          type=\"button\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          aria-label={labels?.last || 'Go to last page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only\">{labels?.last || 'Last'}</span>\n          <ChevronsRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n\n// ============================================================================\n// Simple Pagination Component\n// ============================================================================\n\nexport interface SimplePaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Show page info */\n  showPageInfo?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A simple pagination with just prev/next buttons.\n *\n * @example\n * ```tsx\n * <SimplePagination\n *   page={1}\n *   totalPages={10}\n *   onPageChange={setPage}\n *   showPageInfo\n * />\n * ```\n */\nfunction SimplePagination({\n  page,\n  totalPages,\n  onPageChange,\n  showPageInfo = true,\n  variant,\n  size,\n  className,\n}: SimplePaginationProps) {\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      data-slot=\"simple-pagination\"\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-2', className)}\n    >\n      <button\n        data-slot=\"pagination-prev\"\n        type=\"button\"\n        onClick={() => onPageChange(page - 1)}\n        disabled={!canGoPrev}\n        aria-label=\"Go to previous page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <ChevronLeftIcon className=\"h-4 w-4\" />\n        <span>Previous</span>\n      </button>\n\n      {showPageInfo && (\n        <span\n          data-slot=\"pagination-info\"\n          className=\"text-muted-foreground px-2 text-sm\"\n        >\n          Page {page} of {totalPages}\n        </span>\n      )}\n\n      <button\n        data-slot=\"pagination-next\"\n        type=\"button\"\n        onClick={() => onPageChange(page + 1)}\n        disabled={!canGoNext}\n        aria-label=\"Go to next page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <span>Next</span>\n        <ChevronRightIcon className=\"h-4 w-4\" />\n      </button>\n    </nav>\n  );\n}\n\nSimplePagination.displayName = 'SimplePagination';\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronsLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m11 17-5-5 5-5\" />\n      <path d=\"m18 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\nfunction ChevronsRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 17 5-5-5-5\" />\n      <path d=\"m13 17 5-5-5-5\" />\n    </svg>\n  );\n}\n\nexport { Pagination, SimplePagination, paginationButtonVariants };\n"]}