@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMPagination-BypfLRlF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMPagination-BypfLRlF.js","sources":["../src/components/Navigation/LMPagination/LMPagination.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TEXT_CLASSES,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMPaginationProps {\n  /** Current page number */\n  current: number\n  /** Total number of items */\n  total: number\n  /** Number of items per page */\n  pageSize?: number\n  /** Page size options */\n  pageSizeOptions?: number[]\n  /** Show quick jumper */\n  showQuickJumper?: boolean\n  /** Show page size changer */\n  showSizeChanger?: boolean\n  /** Show total count */\n  showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode)\n  /** Component size */\n  size?: ComponentSize\n  /** Simple mode - only shows prev/next */\n  simple?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Change handler */\n  onChange?: (page: number, pageSize: number) => void\n  /** Custom class name */\n  className?: string\n}\n\nconst ChevronLeftIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n  </svg>\n)\n\nconst ChevronRightIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n  </svg>\n)\n\nconst MoreIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h.01M12 12h.01M19 12h.01\" />\n  </svg>\n)\n\nconst LMPagination: React.FC<LMPaginationProps> = ({\n  current,\n  total,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showQuickJumper = false,\n  showSizeChanger = false,\n  showTotal = false,\n  size = 'md',\n  simple = false,\n  disabled = false,\n  onChange,\n  className = '',\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const [jumpValue, setJumpValue] = useState('')\n  const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n  const totalPages = Math.ceil(total / internalPageSize)\n\n  const buttonSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-6 h-6 text-xs',\n    sm: 'w-7 h-7 text-sm',\n    md: 'w-8 h-8 text-sm',\n    lg: 'w-9 h-9 text-base',\n    xl: 'w-10 h-10 text-base',\n    '2xl': 'w-12 h-12 text-lg',\n  }\n\n  const inputSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-10 h-6 text-xs px-1',\n    sm: 'w-12 h-7 text-sm px-1',\n    md: 'w-14 h-8 text-sm px-2',\n    lg: 'w-16 h-9 text-base px-2',\n    xl: 'w-18 h-10 text-base px-2',\n    '2xl': 'w-20 h-12 text-lg px-3',\n  }\n\n  const handlePageChange = useCallback((page: number) => {\n    if (disabled || page < 1 || page > totalPages || page === current) return\n    onChange?.(page, internalPageSize)\n  }, [disabled, totalPages, current, onChange, internalPageSize])\n\n  const handlePageSizeChange = useCallback((newSize: number) => {\n    setInternalPageSize(newSize)\n    const newTotalPages = Math.ceil(total / newSize)\n    const newCurrent = Math.min(current, newTotalPages)\n    onChange?.(newCurrent, newSize)\n  }, [total, current, onChange])\n\n  const handleJump = useCallback(() => {\n    const page = parseInt(jumpValue, 10)\n    if (!isNaN(page) && page >= 1 && page <= totalPages) {\n      handlePageChange(page)\n    }\n    setJumpValue('')\n  }, [jumpValue, totalPages, handlePageChange])\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      handleJump()\n    }\n  }, [handleJump])\n\n  // Calculate visible page numbers\n  const pageNumbers = useMemo(() => {\n    const pages: (number | 'prev-more' | 'next-more')[] = []\n    const showPrevMore = current > 4\n    const showNextMore = current < totalPages - 3\n\n    if (totalPages <= 7) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i)\n      }\n    } else {\n      pages.push(1)\n\n      if (showPrevMore) {\n        pages.push('prev-more')\n      }\n\n      const start = showPrevMore ? Math.max(2, current - 1) : 2\n      const end = showNextMore ? Math.min(totalPages - 1, current + 1) : totalPages - 1\n\n      for (let i = start; i <= end; i++) {\n        if (i > 1 && i < totalPages) {\n          pages.push(i)\n        }\n      }\n\n      if (showNextMore) {\n        pages.push('next-more')\n      }\n\n      if (totalPages > 1) {\n        pages.push(totalPages)\n      }\n    }\n\n    return pages\n  }, [current, totalPages])\n\n  const getButtonStyles = (isActive: boolean, isDisabled: boolean): React.CSSProperties => {\n    if (isDisabled) {\n      return {\n        backgroundColor: 'transparent',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n      }\n    }\n    if (isActive) {\n      return {\n        backgroundColor: 'var(--lm-primary-500)',\n        color: 'white',\n        borderColor: 'var(--lm-primary-500)',\n      }\n    }\n    return {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: 'var(--lm-border-default)',\n    }\n  }\n\n  const getButtonHoverStyles = (): React.CSSProperties => ({\n    backgroundColor: 'var(--lm-bg-hover)',\n    borderColor: 'var(--lm-primary-400)',\n    color: 'var(--lm-primary-600)',\n  })\n\n  const range: [number, number] = [\n    Math.min((current - 1) * internalPageSize + 1, total),\n    Math.min(current * internalPageSize, total),\n  ]\n\n  // Simple mode\n  if (simple) {\n    return (\n      <div className={`flex items-center ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`}>\n        <button\n          className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n          style={getButtonStyles(false, disabled || current <= 1)}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current <= 1}\n          onMouseEnter={(e) => {\n            if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n          }}\n          onMouseLeave={(e) => {\n            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1))\n          }}\n        >\n          <ChevronLeftIcon />\n        </button>\n        <span\n          className={SIZE_TEXT_CLASSES[resolvedSize]}\n          style={{ color: 'var(--lm-text-primary)' }}\n        >\n          {current} / {totalPages}\n        </span>\n        <button\n          className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n          style={getButtonStyles(false, disabled || current >= totalPages)}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current >= totalPages}\n          onMouseEnter={(e) => {\n            if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n          }}\n          onMouseLeave={(e) => {\n            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages))\n          }}\n        >\n          <ChevronRightIcon />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`flex items-center flex-wrap ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`}>\n      {/* Total count */}\n      {showTotal && (\n        <span\n          className={`${SIZE_TEXT_CLASSES[resolvedSize]} mr-2`}\n          style={{ color: 'var(--lm-text-secondary)' }}\n        >\n          {typeof showTotal === 'function'\n            ? showTotal(total, range)\n            : `共 ${total} 条`}\n        </span>\n      )}\n\n      {/* Previous button */}\n      <button\n        className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n        style={getButtonStyles(false, disabled || current <= 1)}\n        onClick={() => handlePageChange(current - 1)}\n        disabled={disabled || current <= 1}\n        aria-label=\"上一页\"\n        onMouseEnter={(e) => {\n          if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n        }}\n        onMouseLeave={(e) => {\n          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1))\n        }}\n      >\n        <ChevronLeftIcon />\n      </button>\n\n      {/* Page numbers */}\n      {pageNumbers.map((page, index) => {\n        if (page === 'prev-more' || page === 'next-more') {\n          return (\n            <button\n              key={`more-${index}`}\n              className={`${buttonSizeClasses[resolvedSize]} rounded-lg flex items-center justify-center`}\n              style={{ color: 'var(--lm-text-secondary)' }}\n              onClick={() => handlePageChange(page === 'prev-more' ? current - 5 : current + 5)}\n              disabled={disabled}\n            >\n              <MoreIcon />\n            </button>\n          )\n        }\n\n        const isActive = page === current\n        return (\n          <button\n            key={page}\n            className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n            style={getButtonStyles(isActive, disabled)}\n            onClick={() => handlePageChange(page)}\n            disabled={disabled}\n            aria-current={isActive ? 'page' : undefined}\n            onMouseEnter={(e) => {\n              if (!disabled && !isActive) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n            }}\n            onMouseLeave={(e) => {\n              Object.assign(e.currentTarget.style, getButtonStyles(isActive, disabled))\n            }}\n          >\n            {page}\n          </button>\n        )\n      })}\n\n      {/* Next button */}\n      <button\n        className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n        style={getButtonStyles(false, disabled || current >= totalPages)}\n        onClick={() => handlePageChange(current + 1)}\n        disabled={disabled || current >= totalPages}\n        aria-label=\"下一页\"\n        onMouseEnter={(e) => {\n          if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n        }}\n        onMouseLeave={(e) => {\n          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages))\n        }}\n      >\n        <ChevronRightIcon />\n      </button>\n\n      {/* Page size changer */}\n      {showSizeChanger && (\n        <select\n          className={`${inputSizeClasses[resolvedSize]} rounded-lg border outline-none transition-all duration-200`}\n          style={{\n            backgroundColor: 'var(--lm-bg-elevated)',\n            color: 'var(--lm-text-primary)',\n            borderColor: 'var(--lm-border-default)',\n          }}\n          value={internalPageSize}\n          onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n          disabled={disabled}\n        >\n          {pageSizeOptions.map((option) => (\n            <option key={option} value={option}>\n              {option} 条/页\n            </option>\n          ))}\n        </select>\n      )}\n\n      {/* Quick jumper */}\n      {showQuickJumper && (\n        <div className={`flex items-center ${SIZE_GAP_CLASSES[resolvedSize]}`}>\n          <span\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            跳至\n          </span>\n          <input\n            type=\"text\"\n            className={`${inputSizeClasses[resolvedSize]} rounded-lg border outline-none text-center transition-all duration-200`}\n            style={{\n              backgroundColor: 'var(--lm-bg-elevated)',\n              color: 'var(--lm-text-primary)',\n              borderColor: 'var(--lm-border-default)',\n            }}\n            value={jumpValue}\n            onChange={(e) => setJumpValue(e.target.value.replace(/\\D/g, ''))}\n            onBlur={handleJump}\n            onKeyDown={handleKeyDown}\n            disabled={disabled}\n          />\n          <span\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            页\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default LMPagination\n"],"names":[],"mappings":"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"}

package/dist/LMPagination-CouDFIwd.cjs

@@ -0,0 +1,304 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const ChevronLeftIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
+const ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+const MoreIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h.01M12 12h.01M19 12h.01" }) });
+const LMPagination = ({
+  current,
+  total,
+  pageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showQuickJumper = false,
+  showSizeChanger = false,
+  showTotal = false,
+  size = "md",
+  simple = false,
+  disabled = false,
+  onChange,
+  className = ""
+}) => {
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const [jumpValue, setJumpValue] = React.useState("");
+  const [internalPageSize, setInternalPageSize] = React.useState(pageSize);
+  const totalPages = Math.ceil(total / internalPageSize);
+  const buttonSizeClasses = {
+    xs: "w-6 h-6 text-xs",
+    sm: "w-7 h-7 text-sm",
+    md: "w-8 h-8 text-sm",
+    lg: "w-9 h-9 text-base",
+    xl: "w-10 h-10 text-base",
+    "2xl": "w-12 h-12 text-lg"
+  };
+  const inputSizeClasses = {
+    xs: "w-10 h-6 text-xs px-1",
+    sm: "w-12 h-7 text-sm px-1",
+    md: "w-14 h-8 text-sm px-2",
+    lg: "w-16 h-9 text-base px-2",
+    xl: "w-18 h-10 text-base px-2",
+    "2xl": "w-20 h-12 text-lg px-3"
+  };
+  const handlePageChange = React.useCallback((page) => {
+    if (disabled || page < 1 || page > totalPages || page === current) return;
+    onChange == null ? void 0 : onChange(page, internalPageSize);
+  }, [disabled, totalPages, current, onChange, internalPageSize]);
+  const handlePageSizeChange = React.useCallback((newSize) => {
+    setInternalPageSize(newSize);
+    const newTotalPages = Math.ceil(total / newSize);
+    const newCurrent = Math.min(current, newTotalPages);
+    onChange == null ? void 0 : onChange(newCurrent, newSize);
+  }, [total, current, onChange]);
+  const handleJump = React.useCallback(() => {
+    const page = parseInt(jumpValue, 10);
+    if (!isNaN(page) && page >= 1 && page <= totalPages) {
+      handlePageChange(page);
+    }
+    setJumpValue("");
+  }, [jumpValue, totalPages, handlePageChange]);
+  const handleKeyDown = React.useCallback((e) => {
+    if (e.key === "Enter") {
+      handleJump();
+    }
+  }, [handleJump]);
+  const pageNumbers = React.useMemo(() => {
+    const pages = [];
+    const showPrevMore = current > 4;
+    const showNextMore = current < totalPages - 3;
+    if (totalPages <= 7) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    } else {
+      pages.push(1);
+      if (showPrevMore) {
+        pages.push("prev-more");
+      }
+      const start = showPrevMore ? Math.max(2, current - 1) : 2;
+      const end = showNextMore ? Math.min(totalPages - 1, current + 1) : totalPages - 1;
+      for (let i = start; i <= end; i++) {
+        if (i > 1 && i < totalPages) {
+          pages.push(i);
+        }
+      }
+      if (showNextMore) {
+        pages.push("next-more");
+      }
+      if (totalPages > 1) {
+        pages.push(totalPages);
+      }
+    }
+    return pages;
+  }, [current, totalPages]);
+  const getButtonStyles = (isActive, isDisabled) => {
+    if (isDisabled) {
+      return {
+        backgroundColor: "transparent",
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed"
+      };
+    }
+    if (isActive) {
+      return {
+        backgroundColor: "var(--lm-primary-500)",
+        color: "white",
+        borderColor: "var(--lm-primary-500)"
+      };
+    }
+    return {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: "var(--lm-border-default)"
+    };
+  };
+  const getButtonHoverStyles = () => ({
+    backgroundColor: "var(--lm-bg-hover)",
+    borderColor: "var(--lm-primary-400)",
+    color: "var(--lm-primary-600)"
+  });
+  const range = [
+    Math.min((current - 1) * internalPageSize + 1, total),
+    Math.min(current * internalPageSize, total)
+  ];
+  if (simple) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]} ${className}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(false, disabled || current <= 1),
+          onClick: () => handlePageChange(current - 1),
+          disabled: disabled || current <= 1,
+          onMouseEnter: (e) => {
+            if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1));
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: componentSizes.SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-primary)" },
+          children: [
+            current,
+            " / ",
+            totalPages
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(false, disabled || current >= totalPages),
+          onClick: () => handlePageChange(current + 1),
+          disabled: disabled || current >= totalPages,
+          onMouseEnter: (e) => {
+            if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages));
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center flex-wrap ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]} ${className}`, children: [
+    showTotal && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: `${componentSizes.SIZE_TEXT_CLASSES[resolvedSize]} mr-2`,
+        style: { color: "var(--lm-text-secondary)" },
+        children: typeof showTotal === "function" ? showTotal(total, range) : `共 ${total} 条`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+        style: getButtonStyles(false, disabled || current <= 1),
+        onClick: () => handlePageChange(current - 1),
+        disabled: disabled || current <= 1,
+        "aria-label": "上一页",
+        onMouseEnter: (e) => {
+          if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+        },
+        onMouseLeave: (e) => {
+          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1));
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+      }
+    ),
+    pageNumbers.map((page, index) => {
+      if (page === "prev-more" || page === "next-more") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: `${buttonSizeClasses[resolvedSize]} rounded-lg flex items-center justify-center`,
+            style: { color: "var(--lm-text-secondary)" },
+            onClick: () => handlePageChange(page === "prev-more" ? current - 5 : current + 5),
+            disabled,
+            children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon, {})
+          },
+          `more-${index}`
+        );
+      }
+      const isActive = page === current;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(isActive, disabled),
+          onClick: () => handlePageChange(page),
+          disabled,
+          "aria-current": isActive ? "page" : void 0,
+          onMouseEnter: (e) => {
+            if (!disabled && !isActive) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(isActive, disabled));
+          },
+          children: page
+        },
+        page
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+        style: getButtonStyles(false, disabled || current >= totalPages),
+        onClick: () => handlePageChange(current + 1),
+        disabled: disabled || current >= totalPages,
+        "aria-label": "下一页",
+        onMouseEnter: (e) => {
+          if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+        },
+        onMouseLeave: (e) => {
+          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages));
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+      }
+    ),
+    showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        className: `${inputSizeClasses[resolvedSize]} rounded-lg border outline-none transition-all duration-200`,
+        style: {
+          backgroundColor: "var(--lm-bg-elevated)",
+          color: "var(--lm-text-primary)",
+          borderColor: "var(--lm-border-default)"
+        },
+        value: internalPageSize,
+        onChange: (e) => handlePageSizeChange(Number(e.target.value)),
+        disabled,
+        children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option, children: [
+          option,
+          " 条/页"
+        ] }, option))
+      }
+    ),
+    showQuickJumper && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: componentSizes.SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-secondary)" },
+          children: "跳至"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          className: `${inputSizeClasses[resolvedSize]} rounded-lg border outline-none text-center transition-all duration-200`,
+          style: {
+            backgroundColor: "var(--lm-bg-elevated)",
+            color: "var(--lm-text-primary)",
+            borderColor: "var(--lm-border-default)"
+          },
+          value: jumpValue,
+          onChange: (e) => setJumpValue(e.target.value.replace(/\D/g, "")),
+          onBlur: handleJump,
+          onKeyDown: handleKeyDown,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: componentSizes.SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-secondary)" },
+          children: "页"
+        }
+      )
+    ] })
+  ] });
+};
+exports.LMPagination = LMPagination;
+//# sourceMappingURL=LMPagination-CouDFIwd.cjs.map

package/dist/LMPagination-CouDFIwd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMPagination-CouDFIwd.cjs","sources":["../src/components/Navigation/LMPagination/LMPagination.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TEXT_CLASSES,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMPaginationProps {\n  /** Current page number */\n  current: number\n  /** Total number of items */\n  total: number\n  /** Number of items per page */\n  pageSize?: number\n  /** Page size options */\n  pageSizeOptions?: number[]\n  /** Show quick jumper */\n  showQuickJumper?: boolean\n  /** Show page size changer */\n  showSizeChanger?: boolean\n  /** Show total count */\n  showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode)\n  /** Component size */\n  size?: ComponentSize\n  /** Simple mode - only shows prev/next */\n  simple?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Change handler */\n  onChange?: (page: number, pageSize: number) => void\n  /** Custom class name */\n  className?: string\n}\n\nconst ChevronLeftIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n  </svg>\n)\n\nconst ChevronRightIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n  </svg>\n)\n\nconst MoreIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h.01M12 12h.01M19 12h.01\" />\n  </svg>\n)\n\nconst LMPagination: React.FC<LMPaginationProps> = ({\n  current,\n  total,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showQuickJumper = false,\n  showSizeChanger = false,\n  showTotal = false,\n  size = 'md',\n  simple = false,\n  disabled = false,\n  onChange,\n  className = '',\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const [jumpValue, setJumpValue] = useState('')\n  const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n  const totalPages = Math.ceil(total / internalPageSize)\n\n  const buttonSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-6 h-6 text-xs',\n    sm: 'w-7 h-7 text-sm',\n    md: 'w-8 h-8 text-sm',\n    lg: 'w-9 h-9 text-base',\n    xl: 'w-10 h-10 text-base',\n    '2xl': 'w-12 h-12 text-lg',\n  }\n\n  const inputSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-10 h-6 text-xs px-1',\n    sm: 'w-12 h-7 text-sm px-1',\n    md: 'w-14 h-8 text-sm px-2',\n    lg: 'w-16 h-9 text-base px-2',\n    xl: 'w-18 h-10 text-base px-2',\n    '2xl': 'w-20 h-12 text-lg px-3',\n  }\n\n  const handlePageChange = useCallback((page: number) => {\n    if (disabled || page < 1 || page > totalPages || page === current) return\n    onChange?.(page, internalPageSize)\n  }, [disabled, totalPages, current, onChange, internalPageSize])\n\n  const handlePageSizeChange = useCallback((newSize: number) => {\n    setInternalPageSize(newSize)\n    const newTotalPages = Math.ceil(total / newSize)\n    const newCurrent = Math.min(current, newTotalPages)\n    onChange?.(newCurrent, newSize)\n  }, [total, current, onChange])\n\n  const handleJump = useCallback(() => {\n    const page = parseInt(jumpValue, 10)\n    if (!isNaN(page) && page >= 1 && page <= totalPages) {\n      handlePageChange(page)\n    }\n    setJumpValue('')\n  }, [jumpValue, totalPages, handlePageChange])\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      handleJump()\n    }\n  }, [handleJump])\n\n  // Calculate visible page numbers\n  const pageNumbers = useMemo(() => {\n    const pages: (number | 'prev-more' | 'next-more')[] = []\n    const showPrevMore = current > 4\n    const showNextMore = current < totalPages - 3\n\n    if (totalPages <= 7) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i)\n      }\n    } else {\n      pages.push(1)\n\n      if (showPrevMore) {\n        pages.push('prev-more')\n      }\n\n      const start = showPrevMore ? Math.max(2, current - 1) : 2\n      const end = showNextMore ? Math.min(totalPages - 1, current + 1) : totalPages - 1\n\n      for (let i = start; i <= end; i++) {\n        if (i > 1 && i < totalPages) {\n          pages.push(i)\n        }\n      }\n\n      if (showNextMore) {\n        pages.push('next-more')\n      }\n\n      if (totalPages > 1) {\n        pages.push(totalPages)\n      }\n    }\n\n    return pages\n  }, [current, totalPages])\n\n  const getButtonStyles = (isActive: boolean, isDisabled: boolean): React.CSSProperties => {\n    if (isDisabled) {\n      return {\n        backgroundColor: 'transparent',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n      }\n    }\n    if (isActive) {\n      return {\n        backgroundColor: 'var(--lm-primary-500)',\n        color: 'white',\n        borderColor: 'var(--lm-primary-500)',\n      }\n    }\n    return {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: 'var(--lm-border-default)',\n    }\n  }\n\n  const getButtonHoverStyles = (): React.CSSProperties => ({\n    backgroundColor: 'var(--lm-bg-hover)',\n    borderColor: 'var(--lm-primary-400)',\n    color: 'var(--lm-primary-600)',\n  })\n\n  const range: [number, number] = [\n    Math.min((current - 1) * internalPageSize + 1, total),\n    Math.min(current * internalPageSize, total),\n  ]\n\n  // Simple mode\n  if (simple) {\n    return (\n      <div className={`flex items-center ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`}>\n        <button\n          className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n          style={getButtonStyles(false, disabled || current <= 1)}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current <= 1}\n          onMouseEnter={(e) => {\n            if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n          }}\n          onMouseLeave={(e) => {\n            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1))\n          }}\n        >\n          <ChevronLeftIcon />\n        </button>\n        <span\n          className={SIZE_TEXT_CLASSES[resolvedSize]}\n          style={{ color: 'var(--lm-text-primary)' }}\n        >\n          {current} / {totalPages}\n        </span>\n        <button\n          className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n          style={getButtonStyles(false, disabled || current >= totalPages)}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current >= totalPages}\n          onMouseEnter={(e) => {\n            if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n          }}\n          onMouseLeave={(e) => {\n            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages))\n          }}\n        >\n          <ChevronRightIcon />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`flex items-center flex-wrap ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`}>\n      {/* Total count */}\n      {showTotal && (\n        <span\n          className={`${SIZE_TEXT_CLASSES[resolvedSize]} mr-2`}\n          style={{ color: 'var(--lm-text-secondary)' }}\n        >\n          {typeof showTotal === 'function'\n            ? showTotal(total, range)\n            : `共 ${total} 条`}\n        </span>\n      )}\n\n      {/* Previous button */}\n      <button\n        className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n        style={getButtonStyles(false, disabled || current <= 1)}\n        onClick={() => handlePageChange(current - 1)}\n        disabled={disabled || current <= 1}\n        aria-label=\"上一页\"\n        onMouseEnter={(e) => {\n          if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n        }}\n        onMouseLeave={(e) => {\n          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1))\n        }}\n      >\n        <ChevronLeftIcon />\n      </button>\n\n      {/* Page numbers */}\n      {pageNumbers.map((page, index) => {\n        if (page === 'prev-more' || page === 'next-more') {\n          return (\n            <button\n              key={`more-${index}`}\n              className={`${buttonSizeClasses[resolvedSize]} rounded-lg flex items-center justify-center`}\n              style={{ color: 'var(--lm-text-secondary)' }}\n              onClick={() => handlePageChange(page === 'prev-more' ? current - 5 : current + 5)}\n              disabled={disabled}\n            >\n              <MoreIcon />\n            </button>\n          )\n        }\n\n        const isActive = page === current\n        return (\n          <button\n            key={page}\n            className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n            style={getButtonStyles(isActive, disabled)}\n            onClick={() => handlePageChange(page)}\n            disabled={disabled}\n            aria-current={isActive ? 'page' : undefined}\n            onMouseEnter={(e) => {\n              if (!disabled && !isActive) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n            }}\n            onMouseLeave={(e) => {\n              Object.assign(e.currentTarget.style, getButtonStyles(isActive, disabled))\n            }}\n          >\n            {page}\n          </button>\n        )\n      })}\n\n      {/* Next button */}\n      <button\n        className={`${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`}\n        style={getButtonStyles(false, disabled || current >= totalPages)}\n        onClick={() => handlePageChange(current + 1)}\n        disabled={disabled || current >= totalPages}\n        aria-label=\"下一页\"\n        onMouseEnter={(e) => {\n          if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles())\n        }}\n        onMouseLeave={(e) => {\n          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages))\n        }}\n      >\n        <ChevronRightIcon />\n      </button>\n\n      {/* Page size changer */}\n      {showSizeChanger && (\n        <select\n          className={`${inputSizeClasses[resolvedSize]} rounded-lg border outline-none transition-all duration-200`}\n          style={{\n            backgroundColor: 'var(--lm-bg-elevated)',\n            color: 'var(--lm-text-primary)',\n            borderColor: 'var(--lm-border-default)',\n          }}\n          value={internalPageSize}\n          onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n          disabled={disabled}\n        >\n          {pageSizeOptions.map((option) => (\n            <option key={option} value={option}>\n              {option} 条/页\n            </option>\n          ))}\n        </select>\n      )}\n\n      {/* Quick jumper */}\n      {showQuickJumper && (\n        <div className={`flex items-center ${SIZE_GAP_CLASSES[resolvedSize]}`}>\n          <span\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            跳至\n          </span>\n          <input\n            type=\"text\"\n            className={`${inputSizeClasses[resolvedSize]} rounded-lg border outline-none text-center transition-all duration-200`}\n            style={{\n              backgroundColor: 'var(--lm-bg-elevated)',\n              color: 'var(--lm-text-primary)',\n              borderColor: 'var(--lm-border-default)',\n            }}\n            value={jumpValue}\n            onChange={(e) => setJumpValue(e.target.value.replace(/\\D/g, ''))}\n            onBlur={handleJump}\n            onKeyDown={handleKeyDown}\n            disabled={disabled}\n          />\n          <span\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            页\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default LMPagination\n"],"names":["jsx","clampComponentSize","COMPONENT_SIZE_ORDER","useState","useCallback","useMemo","jsxs","SIZE_GAP_CLASSES","SIZE_TEXT_CLASSES"],"mappings":";;;;AAoCA,MAAM,kBAA4B,MAChCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAC1F,yCAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,kBAAA,CAAkB,EAAA,CACzE;AAGF,MAAM,mBAA6B,MACjCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAC1F,yCAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,eAAA,CAAe,EAAA,CACtE;AAGF,MAAM,WAAqB,MACzBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAC1F,yCAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,gCAAA,CAAgC,EAAA,CACvF;AAGF,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EAClC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,eAAeC,eAAAA,mBAAmB,MAAMC,mCAAoB;AAClE,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAC7C,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,SAAS,QAAQ;AAEjE,QAAM,aAAa,KAAK,KAAK,QAAQ,gBAAgB;AAErD,QAAM,oBAAmD;AAAA,IACvD,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAGT,QAAM,mBAAkD;AAAA,IACtD,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAGT,QAAM,mBAAmBC,kBAAY,CAAC,SAAiB;AACrD,QAAI,YAAY,OAAO,KAAK,OAAO,cAAc,SAAS,QAAS;AACnE,yCAAW,MAAM;AAAA,EACnB,GAAG,CAAC,UAAU,YAAY,SAAS,UAAU,gBAAgB,CAAC;AAE9D,QAAM,uBAAuBA,kBAAY,CAAC,YAAoB;AAC5D,wBAAoB,OAAO;AAC3B,UAAM,gBAAgB,KAAK,KAAK,QAAQ,OAAO;AAC/C,UAAM,aAAa,KAAK,IAAI,SAAS,aAAa;AAClD,yCAAW,YAAY;AAAA,EACzB,GAAG,CAAC,OAAO,SAAS,QAAQ,CAAC;AAE7B,QAAM,aAAaA,MAAAA,YAAY,MAAM;AACnC,UAAM,OAAO,SAAS,WAAW,EAAE;AACnC,QAAI,CAAC,MAAM,IAAI,KAAK,QAAQ,KAAK,QAAQ,YAAY;AACnD,uBAAiB,IAAI;AAAA,IACvB;AACA,iBAAa,EAAE;AAAA,EACjB,GAAG,CAAC,WAAW,YAAY,gBAAgB,CAAC;AAE5C,QAAM,gBAAgBA,kBAAY,CAAC,MAA2B;AAC5D,QAAI,EAAE,QAAQ,SAAS;AACrB,iBAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAGf,QAAM,cAAcC,MAAAA,QAAQ,MAAM;AAChC,UAAM,QAAgD,CAAA;AACtD,UAAM,eAAe,UAAU;AAC/B,UAAM,eAAe,UAAU,aAAa;AAE5C,QAAI,cAAc,GAAG;AACnB,eAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,cAAM,KAAK,CAAC;AAAA,MACd;AAAA,IACF,OAAO;AACL,YAAM,KAAK,CAAC;AAEZ,UAAI,cAAc;AAChB,cAAM,KAAK,WAAW;AAAA,MACxB;AAEA,YAAM,QAAQ,eAAe,KAAK,IAAI,GAAG,UAAU,CAAC,IAAI;AACxD,YAAM,MAAM,eAAe,KAAK,IAAI,aAAa,GAAG,UAAU,CAAC,IAAI,aAAa;AAEhF,eAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,YAAI,IAAI,KAAK,IAAI,YAAY;AAC3B,gBAAM,KAAK,CAAC;AAAA,QACd;AAAA,MACF;AAEA,UAAI,cAAc;AAChB,cAAM,KAAK,WAAW;AAAA,MACxB;AAEA,UAAI,aAAa,GAAG;AAClB,cAAM,KAAK,UAAU;AAAA,MACvB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,QAAM,kBAAkB,CAAC,UAAmB,eAA6C;AACvF,QAAI,YAAY;AACd,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAEZ;AACA,QAAI,UAAU;AACZ,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;AACA,WAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,EAEjB;AAEA,QAAM,uBAAuB,OAA4B;AAAA,IACvD,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,OAAO;AAAA,EAAA;AAGT,QAAM,QAA0B;AAAA,IAC9B,KAAK,KAAK,UAAU,KAAK,mBAAmB,GAAG,KAAK;AAAA,IACpD,KAAK,IAAI,UAAU,kBAAkB,KAAK;AAAA,EAAA;AAI5C,MAAI,QAAQ;AACV,WACEC,gCAAC,SAAI,WAAW,qBAAqBC,gCAAiB,YAAY,CAAC,IAAI,SAAS,IAC9E,UAAA;AAAA,MAAAP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,UAC7C,OAAO,gBAAgB,OAAO,YAAY,WAAW,CAAC;AAAA,UACtD,SAAS,MAAM,iBAAiB,UAAU,CAAC;AAAA,UAC3C,UAAU,YAAY,WAAW;AAAA,UACjC,cAAc,CAAC,MAAM;AACnB,gBAAI,CAAC,YAAY,UAAU,EAAG,QAAO,OAAO,EAAE,cAAc,OAAO,sBAAsB;AAAA,UAC3F;AAAA,UACA,cAAc,CAAC,MAAM;AACnB,mBAAO,OAAO,EAAE,cAAc,OAAO,gBAAgB,OAAO,YAAY,WAAW,CAAC,CAAC;AAAA,UACvF;AAAA,UAEA,yCAAC,iBAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEnBM,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,eAAAA,kBAAkB,YAAY;AAAA,UACzC,OAAO,EAAE,OAAO,yBAAA;AAAA,UAEf,UAAA;AAAA,YAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfR,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,UAC7C,OAAO,gBAAgB,OAAO,YAAY,WAAW,UAAU;AAAA,UAC/D,SAAS,MAAM,iBAAiB,UAAU,CAAC;AAAA,UAC3C,UAAU,YAAY,WAAW;AAAA,UACjC,cAAc,CAAC,MAAM;AACnB,gBAAI,CAAC,YAAY,UAAU,WAAY,QAAO,OAAO,EAAE,cAAc,OAAO,sBAAsB;AAAA,UACpG;AAAA,UACA,cAAc,CAAC,MAAM;AACnB,mBAAO,OAAO,EAAE,cAAc,OAAO,gBAAgB,OAAO,YAAY,WAAW,UAAU,CAAC;AAAA,UAChG;AAAA,UAEA,yCAAC,kBAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,GACF;AAAA,EAEJ;AAEA,SACEM,gCAAC,SAAI,WAAW,+BAA+BC,gCAAiB,YAAY,CAAC,IAAI,SAAS,IAEvF,UAAA;AAAA,IAAA,aACCP,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGQ,eAAAA,kBAAkB,YAAY,CAAC;AAAA,QAC7C,OAAO,EAAE,OAAO,2BAAA;AAAA,QAEf,UAAA,OAAO,cAAc,aAClB,UAAU,OAAO,KAAK,IACtB,KAAK,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAKlBR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,QAC7C,OAAO,gBAAgB,OAAO,YAAY,WAAW,CAAC;AAAA,QACtD,SAAS,MAAM,iBAAiB,UAAU,CAAC;AAAA,QAC3C,UAAU,YAAY,WAAW;AAAA,QACjC,cAAW;AAAA,QACX,cAAc,CAAC,MAAM;AACnB,cAAI,CAAC,YAAY,UAAU,EAAG,QAAO,OAAO,EAAE,cAAc,OAAO,sBAAsB;AAAA,QAC3F;AAAA,QACA,cAAc,CAAC,MAAM;AACnB,iBAAO,OAAO,EAAE,cAAc,OAAO,gBAAgB,OAAO,YAAY,WAAW,CAAC,CAAC;AAAA,QACvF;AAAA,QAEA,yCAAC,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAIlB,YAAY,IAAI,CAAC,MAAM,UAAU;AAChC,UAAI,SAAS,eAAe,SAAS,aAAa;AAChD,eACEA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,YAC7C,OAAO,EAAE,OAAO,2BAAA;AAAA,YAChB,SAAS,MAAM,iBAAiB,SAAS,cAAc,UAAU,IAAI,UAAU,CAAC;AAAA,YAChF;AAAA,YAEA,yCAAC,UAAA,CAAA,CAAS;AAAA,UAAA;AAAA,UANL,QAAQ,KAAK;AAAA,QAAA;AAAA,MASxB;AAEA,YAAM,WAAW,SAAS;AAC1B,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,UAC7C,OAAO,gBAAgB,UAAU,QAAQ;AAAA,UACzC,SAAS,MAAM,iBAAiB,IAAI;AAAA,UACpC;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,cAAc,CAAC,MAAM;AACnB,gBAAI,CAAC,YAAY,CAAC,SAAU,QAAO,OAAO,EAAE,cAAc,OAAO,sBAAsB;AAAA,UACzF;AAAA,UACA,cAAc,CAAC,MAAM;AACnB,mBAAO,OAAO,EAAE,cAAc,OAAO,gBAAgB,UAAU,QAAQ,CAAC;AAAA,UAC1E;AAAA,UAEC,UAAA;AAAA,QAAA;AAAA,QAbI;AAAA,MAAA;AAAA,IAgBX,CAAC;AAAA,IAGDA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,kBAAkB,YAAY,CAAC;AAAA,QAC7C,OAAO,gBAAgB,OAAO,YAAY,WAAW,UAAU;AAAA,QAC/D,SAAS,MAAM,iBAAiB,UAAU,CAAC;AAAA,QAC3C,UAAU,YAAY,WAAW;AAAA,QACjC,cAAW;AAAA,QACX,cAAc,CAAC,MAAM;AACnB,cAAI,CAAC,YAAY,UAAU,WAAY,QAAO,OAAO,EAAE,cAAc,OAAO,sBAAsB;AAAA,QACpG;AAAA,QACA,cAAc,CAAC,MAAM;AACnB,iBAAO,OAAO,EAAE,cAAc,OAAO,gBAAgB,OAAO,YAAY,WAAW,UAAU,CAAC;AAAA,QAChG;AAAA,QAEA,yCAAC,kBAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAInB,mBACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,iBAAiB,YAAY,CAAC;AAAA,QAC5C,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAEf,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,qBAAqB,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,QAC5D;AAAA,QAEC,0BAAgB,IAAI,CAAC,WACpBM,gCAAC,UAAA,EAAoB,OAAO,QACzB,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,QAAA,EAAA,GADG,MAEb,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,IAKJ,mDACE,OAAA,EAAI,WAAW,qBAAqBC,eAAAA,iBAAiB,YAAY,CAAC,IACjE,UAAA;AAAA,MAAAP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWQ,eAAAA,kBAAkB,YAAY;AAAA,UACzC,OAAO,EAAE,OAAO,2BAAA;AAAA,UACjB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGDR,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAG,iBAAiB,YAAY,CAAC;AAAA,UAC5C,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,aAAa;AAAA,UAAA;AAAA,UAEf,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,MAAM,QAAQ,OAAO,EAAE,CAAC;AAAA,UAC/D,QAAQ;AAAA,UACR,WAAW;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWQ,eAAAA,kBAAkB,YAAY;AAAA,UACzC,OAAO,EAAE,OAAO,2BAAA;AAAA,UACjB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/LMRadio-CHn6nFSy.cjs

@@ -0,0 +1,189 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const sizeConfig = {
+  xs: {
+    container: "p-2 gap-2",
+    label: "text-xs",
+    description: "text-xs mt-0.5",
+    errorMessage: "text-xs"
+  },
+  sm: {
+    container: "p-3 gap-2.5",
+    label: "text-sm",
+    description: "text-xs mt-1",
+    errorMessage: "text-xs"
+  },
+  md: {
+    container: "p-4 gap-3",
+    label: "text-base",
+    description: "text-sm mt-1",
+    errorMessage: "text-xs"
+  },
+  lg: {
+    container: "p-5 gap-4",
+    label: "text-lg",
+    description: "text-base mt-1.5",
+    errorMessage: "text-sm"
+  },
+  xl: {
+    container: "p-6 gap-4",
+    label: "text-xl",
+    description: "text-lg mt-2",
+    errorMessage: "text-sm"
+  },
+  "2xl": {
+    container: "p-8 gap-5",
+    label: "text-2xl",
+    description: "text-xl mt-2.5",
+    errorMessage: "text-base"
+  }
+};
+const LMRadio = ({
+  label,
+  description,
+  error = false,
+  errorMessage,
+  size = "md",
+  className = "",
+  id,
+  ...props
+}) => {
+  const autoId = React.useId();
+  const controlId = id ?? `lm-radio-${autoId}`;
+  const errId = `lm-radio-err-${autoId}`;
+  const currentSize = sizeConfig[size];
+  const radioSizeClass = componentSizes.SIZE_ICON_CONFIG[size];
+  const getRadioStyles = () => {
+    const baseStyles = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)",
+      color: "var(--lm-primary-500)"
+    };
+    return {
+      ...baseStyles,
+      "--tw-ring-color": error ? "var(--lm-error-400)" : "var(--lm-primary-400)",
+      "--tw-ring-opacity": "0.3"
+    };
+  };
+  const getDisabledStyles = () => {
+    if (props.disabled) {
+      return {
+        backgroundColor: "var(--lm-bg-paper)",
+        borderColor: "var(--lm-border-light)",
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    return {};
+  };
+  const getContainerStyles = () => {
+    const base = { backgroundColor: "var(--lm-bg-paper)" };
+    return error ? { ...base, backgroundColor: "var(--lm-error-50)" } : base;
+  };
+  const getHoverContainerStyles = () => error ? { backgroundColor: "var(--lm-error-100)" } : { backgroundColor: "var(--lm-bg-elevated)" };
+  const getLabelStyles = () => {
+    if (error) return { color: "var(--lm-error-700)" };
+    if (props.disabled)
+      return { color: "var(--lm-text-disabled)", cursor: "not-allowed" };
+    return { color: "var(--lm-text-primary)", cursor: "pointer" };
+  };
+  const getDescriptionStyles = () => error ? { color: "var(--lm-error-600)" } : { color: "var(--lm-text-secondary)" };
+  const radioClassName = `
+    ${radioSizeClass} border-2 rounded-full
+    focus:ring-2 focus:ring-offset-0
+    transition-all duration-200
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `flex items-start ${currentSize.container} rounded-2xl transition-colors duration-200`,
+        style: getContainerStyles(),
+        onMouseEnter: (e) => {
+          if (!props.disabled)
+            Object.assign(e.currentTarget.style, getHoverContainerStyles());
+        },
+        onMouseLeave: (e) => {
+          if (!props.disabled)
+            Object.assign(e.currentTarget.style, getContainerStyles());
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              id: controlId,
+              ...props,
+              className: radioClassName,
+              "aria-invalid": error || void 0,
+              "aria-describedby": errorMessage ? errId : void 0,
+              style: { ...getRadioStyles(), ...getDisabledStyles() },
+              onFocus: (e) => {
+                var _a;
+                if (!props.disabled) {
+                  e.currentTarget.style.borderColor = error ? "var(--lm-error-400)" : "var(--lm-primary-400)";
+                }
+                (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+              },
+              onBlur: (e) => {
+                var _a;
+                if (!props.disabled) {
+                  e.currentTarget.style.borderColor = error ? "var(--lm-error-300)" : "var(--lm-border-default)";
+                }
+                (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "label",
+              {
+                htmlFor: controlId,
+                className: `${currentSize.label} font-medium transition-colors duration-200`,
+                style: getLabelStyles(),
+                children: label
+              }
+            ),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: currentSize.description, style: getDescriptionStyles(), children: description })
+          ] })
+        ]
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs(
+      "p",
+      {
+        id: errId,
+        className: `${currentSize.errorMessage} flex items-center gap-1`,
+        style: { color: "var(--lm-error-500)" },
+        role: "alert",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "w-3 h-3",
+              fill: "currentColor",
+              viewBox: "0 0 20 20",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+                  clipRule: "evenodd"
+                }
+              )
+            }
+          ),
+          errorMessage
+        ]
+      }
+    )
+  ] });
+};
+exports.LMRadio = LMRadio;
+//# sourceMappingURL=LMRadio-CHn6nFSy.cjs.map

package/dist/LMRadio-CHn6nFSy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMRadio-CHn6nFSy.cjs","sources":["../src/components/Form/LMRadio/LMRadio.tsx"],"sourcesContent":["import React, { useId } from 'react'\nimport { SIZE_ICON_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMRadioProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Label text */\n  label: string\n  /** Description text */\n  description?: string\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Size */\n  size?: ComponentSize\n}\n\nconst sizeConfig = {\n  xs: {\n    container: 'p-2 gap-2',\n    label: 'text-xs',\n    description: 'text-xs mt-0.5',\n    errorMessage: 'text-xs',\n  },\n  sm: {\n    container: 'p-3 gap-2.5',\n    label: 'text-sm',\n    description: 'text-xs mt-1',\n    errorMessage: 'text-xs',\n  },\n  md: {\n    container: 'p-4 gap-3',\n    label: 'text-base',\n    description: 'text-sm mt-1',\n    errorMessage: 'text-xs',\n  },\n  lg: {\n    container: 'p-5 gap-4',\n    label: 'text-lg',\n    description: 'text-base mt-1.5',\n    errorMessage: 'text-sm',\n  },\n  xl: {\n    container: 'p-6 gap-4',\n    label: 'text-xl',\n    description: 'text-lg mt-2',\n    errorMessage: 'text-sm',\n  },\n  '2xl': {\n    container: 'p-8 gap-5',\n    label: 'text-2xl',\n    description: 'text-xl mt-2.5',\n    errorMessage: 'text-base',\n  },\n}\n\nconst LMRadio: React.FC<LMRadioProps> = ({\n  label,\n  description,\n  error = false,\n  errorMessage,\n  size = 'md',\n  className = '',\n  id,\n  ...props\n}) => {\n  const autoId = useId()\n  const controlId = id ?? `lm-radio-${autoId}`\n  const errId = `lm-radio-err-${autoId}`\n\n  const currentSize = sizeConfig[size]\n  const radioSizeClass = SIZE_ICON_CONFIG[size]\n\n  const getRadioStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : 'var(--lm-border-default)',\n      color: 'var(--lm-primary-500)',\n    } as React.CSSProperties\n\n    return {\n      ...baseStyles,\n      '--tw-ring-color': error\n        ? 'var(--lm-error-400)'\n        : 'var(--lm-primary-400)',\n      '--tw-ring-opacity': '0.3',\n    }\n  }\n\n  const getDisabledStyles = () => {\n    if (props.disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        borderColor: 'var(--lm-border-light)',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      } as React.CSSProperties\n    }\n    return {}\n  }\n\n  const getContainerStyles = () => {\n    const base = { backgroundColor: 'var(--lm-bg-paper)' }\n    return error ? { ...base, backgroundColor: 'var(--lm-error-50)' } : base\n  }\n\n  const getHoverContainerStyles = () =>\n    error\n      ? { backgroundColor: 'var(--lm-error-100)' }\n      : { backgroundColor: 'var(--lm-bg-elevated)' }\n\n  const getLabelStyles = () => {\n    if (error) return { color: 'var(--lm-error-700)' }\n    if (props.disabled)\n      return { color: 'var(--lm-text-disabled)', cursor: 'not-allowed' }\n    return { color: 'var(--lm-text-primary)', cursor: 'pointer' }\n  }\n\n  const getDescriptionStyles = () =>\n    error\n      ? { color: 'var(--lm-error-600)' }\n      : { color: 'var(--lm-text-secondary)' }\n\n  const radioClassName = `\n    ${radioSizeClass} border-2 rounded-full\n    focus:ring-2 focus:ring-offset-0\n    transition-all duration-200\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  return (\n    <div>\n      <div\n        className={`flex items-start ${currentSize.container} rounded-2xl transition-colors duration-200`}\n        style={getContainerStyles()}\n        onMouseEnter={(e) => {\n          if (!props.disabled)\n            Object.assign(e.currentTarget.style, getHoverContainerStyles())\n        }}\n        onMouseLeave={(e) => {\n          if (!props.disabled)\n            Object.assign(e.currentTarget.style, getContainerStyles())\n        }}\n      >\n        <input\n          type=\"radio\"\n          id={controlId}\n          {...props}\n          className={radioClassName}\n          aria-invalid={error || undefined}\n          aria-describedby={errorMessage ? errId : undefined}\n          style={{ ...getRadioStyles(), ...getDisabledStyles() } as React.CSSProperties}\n          onFocus={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-400)'\n                : 'var(--lm-primary-400)'\n            }\n            props.onFocus?.(e)\n          }}\n          onBlur={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-300)'\n                : 'var(--lm-border-default)'\n            }\n            props.onBlur?.(e)\n          }}\n        />\n\n        <div className=\"flex-1\">\n          <label\n            htmlFor={controlId}\n            className={`${currentSize.label} font-medium transition-colors duration-200`}\n            style={getLabelStyles()}\n          >\n            {label}\n          </label>\n          {description && (\n            <p className={currentSize.description} style={getDescriptionStyles()}>\n              {description}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {errorMessage && (\n        <p\n          id={errId}\n          className={`${currentSize.errorMessage} flex items-center gap-1`}\n          style={{ color: 'var(--lm-error-500)' }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <svg\n            className=\"w-3 h-3\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 20 20\"\n            aria-hidden=\"true\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMRadio\n"],"names":["useId","SIZE_ICON_CONFIG","jsxs","jsx"],"mappings":"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"}