@mdigital_ui/ui 0.1.0

package/dist/chunk-FGWSUPVW.js

@@ -0,0 +1,356 @@
+import { cn, iconSizes } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import { ChevronsLeft, ChevronLeft, MoreHorizontal, ChevronRight, ChevronsRight } from 'lucide-react';
+import React, { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var paginationVariants = cva("inline-flex items-center gap-1", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var paginationItemVariants = cva(
+  "inline-flex items-center justify-center rounded-md font-medium outline-none transition-all cursor-pointer border min-w-fit",
+  {
+    variants: {
+      size: {
+        xs: "h-6 min-w-6 px-1.5 text-xs",
+        sm: "h-8 min-w-8 px-2 text-sm",
+        md: "h-10 min-w-10 px-3 text-base",
+        lg: "h-12 min-w-12 px-4 text-lg"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: false
+    }
+  }
+);
+var colorStyles = {
+  default: {
+    default: "border-border bg-background text-text-primary hover:bg-surface hover:border-text-primary",
+    solid: "border-surface bg-surface text-text-primary hover:bg-surface/80",
+    soft: "border-border bg-surface/50 text-text-primary hover:bg-surface"
+  },
+  primary: {
+    default: "border-border bg-background text-text-primary hover:bg-primary/10 hover:border-primary",
+    solid: "border-primary bg-primary text-background hover:bg-primary/90",
+    soft: "border-primary/30 bg-primary/10 text-primary hover:bg-primary/20"
+  },
+  secondary: {
+    default: "border-border bg-background text-text-primary hover:bg-secondary/10 hover:border-secondary",
+    solid: "border-secondary bg-secondary text-background hover:bg-secondary/90",
+    soft: "border-secondary/30 bg-secondary/10 text-secondary hover:bg-secondary/20"
+  },
+  accent: {
+    default: "border-border bg-background text-text-primary hover:bg-accent/10 hover:border-accent",
+    solid: "border-accent bg-accent text-background hover:bg-accent/90",
+    soft: "border-accent/30 bg-accent/10 text-accent hover:bg-accent/20"
+  },
+  success: {
+    default: "border-border bg-background text-text-primary hover:bg-success/10 hover:border-success",
+    solid: "border-success bg-success text-background hover:bg-success/90",
+    soft: "border-success/30 bg-success/10 text-success hover:bg-success/20"
+  },
+  error: {
+    default: "border-border bg-background text-text-primary hover:bg-error/10 hover:border-error",
+    solid: "border-error bg-error text-background hover:bg-error/90",
+    soft: "border-error/30 bg-error/10 text-error hover:bg-error/20"
+  },
+  warning: {
+    default: "border-border bg-background text-text-primary hover:bg-warning/10 hover:border-warning",
+    solid: "border-warning bg-warning text-background hover:bg-warning/90",
+    soft: "border-warning/30 bg-warning/10 text-warning hover:bg-warning/20"
+  },
+  info: {
+    default: "border-border bg-background text-text-primary hover:bg-info/10 hover:border-info",
+    solid: "border-info bg-info text-background hover:bg-info/90",
+    soft: "border-info/30 bg-info/10 text-info hover:bg-info/20"
+  }
+};
+var activeColorStyles = {
+  default: {
+    default: "border-text-primary bg-surface text-text-primary",
+    solid: "border-border bg-surface text-text-primary",
+    soft: "border-border bg-surface text-text-primary"
+  },
+  primary: {
+    default: "border-primary bg-primary/10 text-primary",
+    solid: "border-primary bg-primary-hover text-background",
+    soft: "border-primary bg-primary/20 text-primary"
+  },
+  secondary: {
+    default: "border-secondary bg-secondary/10 text-secondary",
+    solid: "border-secondary bg-secondary text-background",
+    soft: "border-secondary bg-secondary/20 text-secondary"
+  },
+  accent: {
+    default: "border-accent bg-accent/10 text-accent",
+    solid: "border-accent bg-accent text-background",
+    soft: "border-accent bg-accent/20 text-accent"
+  },
+  success: {
+    default: "border-success bg-success/10 text-success",
+    solid: "border-success bg-success text-background",
+    soft: "border-success bg-success/20 text-success"
+  },
+  error: {
+    default: "border-error bg-error/10 text-error",
+    solid: "border-error bg-error text-background",
+    soft: "border-error bg-error/20 text-error"
+  },
+  warning: {
+    default: "border-warning bg-warning/10 text-warning",
+    solid: "border-warning bg-warning text-background",
+    soft: "border-warning bg-warning/20 text-warning"
+  },
+  info: {
+    default: "border-info bg-info/10 text-info",
+    solid: "border-info bg-info text-background",
+    soft: "border-info bg-info/20 text-info"
+  }
+};
+var Pagination = React.memo(
+  ({
+    total,
+    current: controlledCurrent,
+    defaultCurrent = 1,
+    pageSize: controlledPageSize,
+    defaultPageSize = 10,
+    onChange,
+    onShowSizeChange,
+    color = "default",
+    size = "md",
+    variant = "default",
+    showSizeChanger = false,
+    pageSizeOptions = [10, 20, 50, 100],
+    showQuickJumper = false,
+    showFirstLastButtons = false,
+    showTotal,
+    disabled = false,
+    className
+  }) => {
+    const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
+    const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
+    const current = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
+    const pageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
+    const totalPages = Math.ceil(total / pageSize);
+    const handlePageChange = (page) => {
+      if (disabled || page === current || page < 1 || page > totalPages) return;
+      if (controlledCurrent === void 0) {
+        setInternalCurrent(page);
+      }
+      onChange?.(page, pageSize);
+    };
+    const handlePageSizeChange = (newSize) => {
+      if (disabled) return;
+      const newTotalPages = Math.ceil(total / newSize);
+      const newCurrent = current > newTotalPages ? newTotalPages : current;
+      if (controlledPageSize === void 0) {
+        setInternalPageSize(newSize);
+      }
+      if (controlledCurrent === void 0 && newCurrent !== current) {
+        setInternalCurrent(newCurrent);
+      }
+      onShowSizeChange?.(newCurrent, newSize);
+      onChange?.(newCurrent, newSize);
+    };
+    const getPageNumbers = () => {
+      const pages = [];
+      const showPages = 5;
+      if (totalPages <= showPages + 2) {
+        for (let i = 1; i <= totalPages; i++) {
+          pages.push(i);
+        }
+      } else {
+        pages.push(1);
+        if (current <= 3) {
+          for (let i = 2; i <= 4; i++) {
+            pages.push(i);
+          }
+          pages.push("ellipsis");
+        } else if (current >= totalPages - 2) {
+          pages.push("ellipsis");
+          for (let i = totalPages - 3; i < totalPages; i++) {
+            pages.push(i);
+          }
+        } else {
+          pages.push("ellipsis");
+          pages.push(current - 1);
+          pages.push(current);
+          pages.push(current + 1);
+          pages.push("ellipsis");
+        }
+        pages.push(totalPages);
+      }
+      return pages;
+    };
+    const range = [
+      (current - 1) * pageSize + 1,
+      Math.min(current * pageSize, total)
+    ];
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", className), children: [
+      showTotal && /* @__PURE__ */ jsx("div", { className: "text-text-secondary text-sm", children: showTotal(total, range) }),
+      /* @__PURE__ */ jsxs("div", { className: paginationVariants({ size }), children: [
+        showFirstLastButtons && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handlePageChange(1),
+            disabled: disabled || current === 1,
+            className: cn(
+              paginationItemVariants({
+                size,
+                disabled: disabled || current === 1
+              }),
+              colorStyles[color][variant]
+            ),
+            "aria-label": "First page",
+            children: /* @__PURE__ */ jsx(ChevronsLeft, { className: iconSizes[size] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handlePageChange(current - 1),
+            disabled: disabled || current === 1,
+            className: cn(
+              paginationItemVariants({
+                size,
+                disabled: disabled || current === 1
+              }),
+              colorStyles[color][variant]
+            ),
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: iconSizes[size] })
+          }
+        ),
+        getPageNumbers().map(
+          (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                paginationItemVariants({ size, disabled: false }),
+                colorStyles[color]["soft"],
+                "border-none pointer-events-none"
+              ),
+              children: /* @__PURE__ */ jsx(MoreHorizontal, { className: iconSizes[size] })
+            },
+            `ellipsis-${index}`
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handlePageChange(page),
+              disabled,
+              className: cn(
+                paginationItemVariants({ size, disabled }),
+                current === page ? activeColorStyles[color][variant] : colorStyles[color][variant]
+              ),
+              children: page
+            },
+            page
+          )
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handlePageChange(current + 1),
+            disabled: disabled || current === totalPages,
+            className: cn(
+              paginationItemVariants({
+                size,
+                disabled: disabled || current === totalPages
+              }),
+              colorStyles[color][variant]
+            ),
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: iconSizes[size] })
+          }
+        ),
+        showFirstLastButtons && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handlePageChange(totalPages),
+            disabled: disabled || current === totalPages,
+            className: cn(
+              paginationItemVariants({
+                size,
+                disabled: disabled || current === totalPages
+              }),
+              colorStyles[color][variant]
+            ),
+            "aria-label": "Last page",
+            children: /* @__PURE__ */ jsx(ChevronsRight, { className: iconSizes[size] })
+          }
+        )
+      ] }),
+      showSizeChanger && /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: pageSize,
+          onChange: (e) => handlePageSizeChange(Number(e.target.value)),
+          disabled,
+          className: cn(
+            paginationItemVariants({ size, disabled }),
+            colorStyles[color][variant],
+            "cursor-pointer"
+          ),
+          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxs(
+            "option",
+            {
+              value: option,
+              children: [
+                option,
+                " / page"
+              ]
+            },
+            option
+          ))
+        }
+      ),
+      showQuickJumper && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary text-sm", children: "Go to" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: totalPages,
+            disabled,
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const value = parseInt(e.target.value);
+                if (value >= 1 && value <= totalPages) {
+                  handlePageChange(value);
+                  e.target.value = "";
+                }
+              }
+            },
+            className: cn(
+              paginationItemVariants({ size, disabled }),
+              colorStyles[color][variant],
+              "w-16 text-center"
+            )
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Pagination.displayName = "Pagination";
+var pagination_default = Pagination;
+
+export { pagination_default };
+//# sourceMappingURL=chunk-FGWSUPVW.js.map
+//# sourceMappingURL=chunk-FGWSUPVW.js.map

package/dist/chunk-FGWSUPVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-FGWSUPVW.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n} from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport type { PaginationProps } from './types'\n\nconst paginationVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst paginationItemVariants = cva(\n  'inline-flex items-center justify-center rounded-md font-medium outline-none transition-all cursor-pointer border min-w-fit',\n  {\n    variants: {\n      size: {\n        xs: 'h-6 min-w-6 px-1.5 text-xs',\n        sm: 'h-8 min-w-8 px-2 text-sm',\n        md: 'h-10 min-w-10 px-3 text-base',\n        lg: 'h-12 min-w-12 px-4 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst colorStyles = {\n  default: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-surface hover:border-text-primary',\n    solid: 'border-surface bg-surface text-text-primary hover:bg-surface/80',\n    soft: 'border-border bg-surface/50 text-text-primary hover:bg-surface',\n  },\n  primary: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-primary/10 hover:border-primary',\n    solid: 'border-primary bg-primary text-background hover:bg-primary/90',\n    soft: 'border-primary/30 bg-primary/10 text-primary hover:bg-primary/20',\n  },\n  secondary: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-secondary/10 hover:border-secondary',\n    solid:\n      'border-secondary bg-secondary text-background hover:bg-secondary/90',\n    soft: 'border-secondary/30 bg-secondary/10 text-secondary hover:bg-secondary/20',\n  },\n  accent: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-accent/10 hover:border-accent',\n    solid: 'border-accent bg-accent text-background hover:bg-accent/90',\n    soft: 'border-accent/30 bg-accent/10 text-accent hover:bg-accent/20',\n  },\n  success: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-success/10 hover:border-success',\n    solid: 'border-success bg-success text-background hover:bg-success/90',\n    soft: 'border-success/30 bg-success/10 text-success hover:bg-success/20',\n  },\n  error: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-error/10 hover:border-error',\n    solid: 'border-error bg-error text-background hover:bg-error/90',\n    soft: 'border-error/30 bg-error/10 text-error hover:bg-error/20',\n  },\n  warning: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-warning/10 hover:border-warning',\n    solid: 'border-warning bg-warning text-background hover:bg-warning/90',\n    soft: 'border-warning/30 bg-warning/10 text-warning hover:bg-warning/20',\n  },\n  info: {\n    default:\n      'border-border bg-background text-text-primary hover:bg-info/10 hover:border-info',\n    solid: 'border-info bg-info text-background hover:bg-info/90',\n    soft: 'border-info/30 bg-info/10 text-info hover:bg-info/20',\n  },\n}\n\nconst activeColorStyles = {\n  default: {\n    default: 'border-text-primary bg-surface text-text-primary',\n    solid: 'border-border bg-surface text-text-primary',\n    soft: 'border-border bg-surface text-text-primary',\n  },\n  primary: {\n    default: 'border-primary bg-primary/10 text-primary',\n    solid: 'border-primary bg-primary-hover text-background',\n    soft: 'border-primary bg-primary/20 text-primary',\n  },\n  secondary: {\n    default: 'border-secondary bg-secondary/10 text-secondary',\n    solid: 'border-secondary bg-secondary text-background',\n    soft: 'border-secondary bg-secondary/20 text-secondary',\n  },\n  accent: {\n    default: 'border-accent bg-accent/10 text-accent',\n    solid: 'border-accent bg-accent text-background',\n    soft: 'border-accent bg-accent/20 text-accent',\n  },\n  success: {\n    default: 'border-success bg-success/10 text-success',\n    solid: 'border-success bg-success text-background',\n    soft: 'border-success bg-success/20 text-success',\n  },\n  error: {\n    default: 'border-error bg-error/10 text-error',\n    solid: 'border-error bg-error text-background',\n    soft: 'border-error bg-error/20 text-error',\n  },\n  warning: {\n    default: 'border-warning bg-warning/10 text-warning',\n    solid: 'border-warning bg-warning text-background',\n    soft: 'border-warning bg-warning/20 text-warning',\n  },\n  info: {\n    default: 'border-info bg-info/10 text-info',\n    solid: 'border-info bg-info text-background',\n    soft: 'border-info bg-info/20 text-info',\n  },\n}\n\nconst Pagination = React.memo<PaginationProps>(\n  ({\n    total,\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    pageSize: controlledPageSize,\n    defaultPageSize = 10,\n    onChange,\n    onShowSizeChange,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    showSizeChanger = false,\n    pageSizeOptions = [10, 20, 50, 100],\n    showQuickJumper = false,\n    showFirstLastButtons = false,\n    showTotal,\n    disabled = false,\n    className,\n  }) => {\n    const [internalCurrent, setInternalCurrent] = useState(defaultCurrent)\n    const [internalPageSize, setInternalPageSize] = useState(defaultPageSize)\n\n    const current =\n      controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n    const pageSize =\n      controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n    const totalPages = Math.ceil(total / pageSize)\n\n    const handlePageChange = (page: number) => {\n      if (disabled || page === current || page < 1 || page > totalPages) return\n\n      if (controlledCurrent === undefined) {\n        setInternalCurrent(page)\n      }\n      onChange?.(page, pageSize)\n    }\n\n    const handlePageSizeChange = (newSize: number) => {\n      if (disabled) return\n\n      const newTotalPages = Math.ceil(total / newSize)\n      const newCurrent = current > newTotalPages ? newTotalPages : current\n\n      if (controlledPageSize === undefined) {\n        setInternalPageSize(newSize)\n      }\n      if (controlledCurrent === undefined && newCurrent !== current) {\n        setInternalCurrent(newCurrent)\n      }\n\n      onShowSizeChange?.(newCurrent, newSize)\n      onChange?.(newCurrent, newSize)\n    }\n\n    const getPageNumbers = () => {\n      const pages: (number | 'ellipsis')[] = []\n      const showPages = 5\n\n      if (totalPages <= showPages + 2) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else {\n        pages.push(1)\n\n        if (current <= 3) {\n          for (let i = 2; i <= 4; i++) {\n            pages.push(i)\n          }\n          pages.push('ellipsis')\n        } else if (current >= totalPages - 2) {\n          pages.push('ellipsis')\n          for (let i = totalPages - 3; i < totalPages; i++) {\n            pages.push(i)\n          }\n        } else {\n          pages.push('ellipsis')\n          pages.push(current - 1)\n          pages.push(current)\n          pages.push(current + 1)\n          pages.push('ellipsis')\n        }\n\n        pages.push(totalPages)\n      }\n\n      return pages\n    }\n\n    const range: [number, number] = [\n      (current - 1) * pageSize + 1,\n      Math.min(current * pageSize, total),\n    ]\n\n    return (\n      <div className={cn('flex items-center gap-4', className)}>\n        {showTotal && (\n          <div className=\"text-text-secondary text-sm\">\n            {showTotal(total, range)}\n          </div>\n        )}\n\n        <div className={paginationVariants({ size })}>\n          {/* First Page Button */}\n          {showFirstLastButtons && (\n            <button\n              onClick={() => handlePageChange(1)}\n              disabled={disabled || current === 1}\n              className={cn(\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === 1,\n                }),\n                colorStyles[color][variant],\n              )}\n              aria-label=\"First page\"\n            >\n              <ChevronsLeft className={iconSizes[size]} />\n            </button>\n          )}\n\n          {/* Previous Button */}\n          <button\n            onClick={() => handlePageChange(current - 1)}\n            disabled={disabled || current === 1}\n            className={cn(\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === 1,\n              }),\n              colorStyles[color][variant],\n            )}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft className={iconSizes[size]} />\n          </button>\n\n          {/* Page Numbers */}\n          {getPageNumbers().map((page, index) =>\n            page === 'ellipsis' ? (\n              <span\n                key={`ellipsis-${index}`}\n                className={cn(\n                  paginationItemVariants({ size, disabled: false }),\n                  colorStyles[color]['soft'],\n                  'border-none pointer-events-none',\n                )}\n              >\n                <MoreHorizontal className={iconSizes[size]} />\n              </span>\n            ) : (\n              <button\n                key={page}\n                onClick={() => handlePageChange(page)}\n                disabled={disabled}\n                className={cn(\n                  paginationItemVariants({ size, disabled }),\n                  current === page\n                    ? activeColorStyles[color][variant]\n                    : colorStyles[color][variant],\n                )}\n              >\n                {page}\n              </button>\n            ),\n          )}\n\n          {/* Next Button */}\n          <button\n            onClick={() => handlePageChange(current + 1)}\n            disabled={disabled || current === totalPages}\n            className={cn(\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === totalPages,\n              }),\n              colorStyles[color][variant],\n            )}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight className={iconSizes[size]} />\n          </button>\n\n          {/* Last Page Button */}\n          {showFirstLastButtons && (\n            <button\n              onClick={() => handlePageChange(totalPages)}\n              disabled={disabled || current === totalPages}\n              className={cn(\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === totalPages,\n                }),\n                colorStyles[color][variant],\n              )}\n              aria-label=\"Last page\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </button>\n          )}\n        </div>\n\n        {/* Page Size Changer */}\n        {showSizeChanger && (\n          <select\n            value={pageSize}\n            onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            disabled={disabled}\n            className={cn(\n              paginationItemVariants({ size, disabled }),\n              colorStyles[color][variant],\n              'cursor-pointer',\n            )}\n          >\n            {pageSizeOptions.map((option) => (\n              <option\n                key={option}\n                value={option}\n              >\n                {option} / page\n              </option>\n            ))}\n          </select>\n        )}\n\n        {/* Quick Jumper */}\n        {showQuickJumper && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-text-secondary text-sm\">Go to</span>\n            <input\n              type=\"number\"\n              min={1}\n              max={totalPages}\n              disabled={disabled}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  const value = parseInt((e.target as HTMLInputElement).value)\n                  if (value >= 1 && value <= totalPages) {\n                    handlePageChange(value)\n                    ;(e.target as HTMLInputElement).value = ''\n                  }\n                }\n              }}\n              className={cn(\n                paginationItemVariants({ size, disabled }),\n                colorStyles[color][variant],\n                'w-16 text-center',\n              )}\n            />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nPagination.displayName = 'Pagination'\n\nexport type * from './types'\nexport default Pagination\n"]}

package/dist/chunk-FPOXTCYV.js

@@ -0,0 +1,166 @@
+import { getValidationStatus, cn, statusMessageVariants } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var textareaVariants = cva(
+  "w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-muted disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none",
+  {
+    variants: {
+      variant: {
+        outline: "bg-background border border-border",
+        filled: "bg-surface border border-transparent"
+      },
+      status: {
+        default: "",
+        error: "!border-error focus:!border-error",
+        warning: "!border-warning focus:!border-warning",
+        info: "!border-info focus:!border-info",
+        success: "!border-success focus:!border-success"
+      },
+      size: {
+        xs: "min-h-20 p-2 text-xs",
+        sm: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-sm)] text-sm",
+        md: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-md)] text-base",
+        lg: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-lg)] text-lg"
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: "max-w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      status: "default",
+      size: "md",
+      resize: "vertical",
+      fullWidth: true
+    }
+  }
+);
+var Textarea = React.memo(
+  ({
+    variant = "outline",
+    size = "md",
+    label,
+    helperText,
+    messagePosition = "bottom",
+    error,
+    warning,
+    info,
+    success,
+    resize = "vertical",
+    showCount = false,
+    maxLength,
+    autoResize = false,
+    fullWidth = true,
+    className,
+    value,
+    onChange,
+    ref,
+    ...props
+  }) => {
+    const internalRef = React.useRef(null);
+    const textareaRef = ref || internalRef;
+    const [internalValue, setInternalValue] = React.useState(value || "");
+    const currentValue = value !== void 0 ? value : internalValue;
+    const currentLength = String(currentValue).length;
+    const { status, message: helperMessage } = getValidationStatus({
+      error,
+      warning,
+      info,
+      success,
+      helperText
+    });
+    const handleChange = React.useCallback(
+      (e) => {
+        if (value === void 0) {
+          setInternalValue(e.target.value);
+        }
+        onChange?.(e);
+      },
+      [value, onChange]
+    );
+    React.useEffect(() => {
+      if (autoResize && textareaRef.current) {
+        textareaRef.current.style.height = "auto";
+        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+      }
+    }, [currentValue, autoResize, textareaRef]);
+    const textareaElement = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        className: cn(
+          textareaVariants({
+            variant,
+            status,
+            size,
+            resize: autoResize ? "none" : resize,
+            fullWidth
+          }),
+          autoResize && "overflow-hidden",
+          className
+        ),
+        maxLength,
+        value: currentValue,
+        onChange: handleChange,
+        "aria-invalid": status === "error",
+        "aria-describedby": helperMessage ? `textarea-helper-${status}` : void 0,
+        ...props
+      }
+    );
+    if (!label && !helperMessage && !showCount) return textareaElement;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "w-full flex flex-col relative",
+          !fullWidth && "inline-block"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center relative mb-0.5", children: [
+            label && /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-text-secondary", children: [
+              label,
+              props.required && /* @__PURE__ */ jsx("span", { className: "text-error ml-1", children: "*" })
+            ] }),
+            helperMessage && messagePosition === "top" && /* @__PURE__ */ jsx(
+              "p",
+              {
+                id: `textarea-helper-${status}`,
+                className: statusMessageVariants({ status }),
+                children: helperMessage
+              }
+            ),
+            showCount && maxLength && /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary absolute right-0", children: [
+              currentLength,
+              "/",
+              maxLength
+            ] })
+          ] }),
+          textareaElement,
+          helperMessage && messagePosition === "bottom" && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: `textarea-helper-${status}`,
+              className: cn(statusMessageVariants({ status }), "mt-0.5"),
+              children: helperMessage
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+var textarea_default = Textarea;
+
+export { textarea_default };
+//# sourceMappingURL=chunk-FPOXTCYV.js.map
+//# sourceMappingURL=chunk-FPOXTCYV.js.map

package/dist/chunk-FPOXTCYV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea/index.tsx"],"names":[],"mappings":"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","file":"chunk-FPOXTCYV.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn, getValidationStatus, statusMessageVariants } from '../utils'\nimport type { TextareaProps } from './types'\n\nconst textareaVariants = cva(\n  'w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-muted disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none',\n  {\n    variants: {\n      variant: {\n        outline: 'bg-background border border-border',\n        filled: 'bg-surface border border-transparent',\n      },\n      status: {\n        default: '',\n        error: '!border-error focus:!border-error',\n        warning: '!border-warning focus:!border-warning',\n        info: '!border-info focus:!border-info',\n        success: '!border-success focus:!border-success',\n      },\n      size: {\n        xs: 'min-h-20 p-2 text-xs',\n        sm: 'min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-sm)] text-sm',\n        md: 'min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-md)] text-base',\n        lg: 'min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-lg)] text-lg',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'max-w-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      status: 'default',\n      size: 'md',\n      resize: 'vertical',\n      fullWidth: true,\n    },\n  },\n)\n\nconst Textarea = React.memo<TextareaProps>(\n  ({\n    variant = 'outline',\n    size = 'md',\n    label,\n    helperText,\n    messagePosition = 'bottom',\n    error,\n    warning,\n    info,\n    success,\n    resize = 'vertical',\n    showCount = false,\n    maxLength,\n    autoResize = false,\n    fullWidth = true,\n    className,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const textareaRef =\n      (ref as React.RefObject<HTMLTextAreaElement>) || internalRef\n    const [internalValue, setInternalValue] = React.useState(value || '')\n    const currentValue = value !== undefined ? value : internalValue\n    const currentLength = String(currentValue).length\n\n    // Use shared validation status utility\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value)\n        }\n        onChange?.(e)\n      },\n      [value, onChange],\n    )\n\n    React.useEffect(() => {\n      if (autoResize && textareaRef.current) {\n        textareaRef.current.style.height = 'auto'\n        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`\n      }\n    }, [currentValue, autoResize, textareaRef])\n\n    const textareaElement = (\n      <textarea\n        ref={textareaRef}\n        className={cn(\n          textareaVariants({\n            variant,\n            status,\n            size,\n            resize: autoResize ? 'none' : resize,\n            fullWidth,\n          }),\n          autoResize && 'overflow-hidden',\n          className,\n        )}\n        maxLength={maxLength}\n        value={currentValue}\n        onChange={handleChange}\n        aria-invalid={status === 'error'}\n        aria-describedby={\n          helperMessage ? `textarea-helper-${status}` : undefined\n        }\n        {...props}\n      />\n    )\n\n    if (!label && !helperMessage && !showCount) return textareaElement\n\n    return (\n      <div\n        className={cn(\n          'w-full flex flex-col relative',\n          !fullWidth && 'inline-block',\n        )}\n      >\n        <div className=\"flex gap-2 items-center relative mb-0.5\">\n          {label && (\n            <p className=\"text-sm font-medium text-text-secondary\">\n              {label}\n              {props.required && <span className=\"text-error ml-1\">*</span>}\n            </p>\n          )}\n          {helperMessage && messagePosition === 'top' && (\n            <p\n              id={`textarea-helper-${status}`}\n              className={statusMessageVariants({ status })}\n            >\n              {helperMessage}\n            </p>\n          )}\n          {showCount && maxLength && (\n            <span className=\"text-xs text-text-secondary absolute right-0\">\n              {currentLength}/{maxLength}\n            </span>\n          )}\n        </div>\n        {textareaElement}\n        {helperMessage && messagePosition === 'bottom' && (\n          <p\n            id={`textarea-helper-${status}`}\n            className={cn(statusMessageVariants({ status }), 'mt-0.5')}\n          >\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTextarea.displayName = 'Textarea'\n\nexport type * from './types'\nexport default Textarea\n"]}