@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-HUXODBIO.js → chunk-PB5VGXS5.js}

@@ -1,8 +1,9 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
+import React, { useState, useCallback, useMemo } from 'react';
 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", {
@@ -39,89 +40,25 @@ var paginationItemVariants = cva(
     }
   }
 );
-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 getInactiveStyles = (color, variant) => {
+  const baseColor = colorVars[color] || colorVars.default;
+  if (variant === "solid") {
+    return cn(baseColor, "border-slot bg-slot text-slot-fg hover:bg-slot-90");
   }
+  if (variant === "soft") {
+    return cn(baseColor, "border-slot-30 bg-slot-10 text-slot hover:bg-slot-20");
+  }
+  return cn(baseColor, "border-border bg-background text-text-primary hover:bg-slot-10 hover:border-slot");
 };
-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 getActiveStyles = (color, variant) => {
+  const baseColor = colorVars[color] || colorVars.default;
+  if (variant === "solid") {
+    return cn(baseColor, "border-slot bg-slot text-slot-fg");
   }
+  if (variant === "soft") {
+    return cn(baseColor, "border-slot bg-slot-20 text-slot");
+  }
+  return cn(baseColor, "border-slot bg-slot-10 text-slot");
 };
 var PaginationButton = ({ children, disabled, className, ...props }) => {
   const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
@@ -156,14 +93,14 @@ var Pagination = React.memo(
     const current = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
     const pageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
     const totalPages = Math.ceil(total / pageSize);
-    const handlePageChange = (page) => {
+    const handlePageChange = useCallback((page) => {
       if (disabled || page === current || page < 1 || page > totalPages) return;
       if (controlledCurrent === void 0) {
         setInternalCurrent(page);
       }
       onChange?.(page, pageSize);
-    };
-    const handlePageSizeChange = (newSize) => {
+    }, [disabled, current, totalPages, controlledCurrent, onChange, pageSize]);
+    const handlePageSizeChange = useCallback((newSize) => {
       if (disabled) return;
       const newTotalPages = Math.ceil(total / newSize);
       const newCurrent = current > newTotalPages ? newTotalPages : current;
@@ -175,8 +112,8 @@ var Pagination = React.memo(
       }
       onShowSizeChange?.(newCurrent, newSize);
       onChange?.(newCurrent, newSize);
-    };
-    const getPageNumbers = () => {
+    }, [disabled, total, current, controlledPageSize, controlledCurrent, onShowSizeChange, onChange]);
+    const getPageNumbers = useMemo(() => {
       const pages = [];
       if (totalPages <= 7) {
         for (let i = 1; i <= totalPages; i++) {
@@ -200,14 +137,18 @@ var Pagination = React.memo(
         pages.push(totalPages);
       }
       return pages;
-    };
+    }, [current, totalPages]);
     const range = [
       (current - 1) * pageSize + 1,
       Math.min(current * pageSize, total)
     ];
+    if (totalPages <= 0) {
+      return null;
+    }
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         className: cn(
           "pagination_root",
           "flex items-center gap-4",
@@ -247,7 +188,7 @@ var Pagination = React.memo(
                         size,
                         disabled: disabled || current === 1
                       }),
-                      colorStyles[color][variant],
+                      getInactiveStyles(color, variant),
                       classNames?.button
                     ),
                     "aria-label": "First page",
@@ -266,21 +207,21 @@ var Pagination = React.memo(
                         size,
                         disabled: disabled || current === 1
                       }),
-                      colorStyles[color][variant],
+                      getInactiveStyles(color, variant),
                       classNames?.button
                     ),
                     "aria-label": "Previous page",
                     children: /* @__PURE__ */ jsx(ChevronLeft, { className: iconSizes[size] })
                   }
                 ),
-                getPageNumbers().map(
+                getPageNumbers.map(
                   (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
                     "span",
                     {
                       className: cn(
                         "pagination_ellipsis",
                         paginationItemVariants({ size, disabled: false }),
-                        colorStyles[color]["soft"],
+                        getInactiveStyles(color, "soft"),
                         "border-none pointer-events-none",
                         classNames?.ellipsis
                       ),
@@ -294,12 +235,12 @@ var Pagination = React.memo(
                       type: "button",
                       onClick: () => handlePageChange(page),
                       disabled,
-                      "aria-label": `Go to page ${page}`,
+                      "aria-label": `Page ${page} of ${totalPages}`,
                       "aria-current": current === page ? "page" : void 0,
                       className: cn(
                         "pagination_button",
                         paginationItemVariants({ size, disabled }),
-                        current === page ? activeColorStyles[color][variant] : colorStyles[color][variant],
+                        current === page ? getActiveStyles(color, variant) : getInactiveStyles(color, variant),
                         current === page ? classNames?.buttonActive : classNames?.button
                       ),
                       children: page
@@ -319,7 +260,7 @@ var Pagination = React.memo(
                         size,
                         disabled: disabled || current === totalPages
                       }),
-                      colorStyles[color][variant],
+                      getInactiveStyles(color, variant),
                       classNames?.button
                     ),
                     "aria-label": "Next page",
@@ -338,7 +279,7 @@ var Pagination = React.memo(
                         size,
                         disabled: disabled || current === totalPages
                       }),
-                      colorStyles[color][variant],
+                      getInactiveStyles(color, variant),
                       classNames?.button
                     ),
                     "aria-label": "Last page",
@@ -357,7 +298,7 @@ var Pagination = React.memo(
               "aria-label": "Items per page",
               className: cn(
                 paginationItemVariants({ size, disabled }),
-                colorStyles[color][variant],
+                getInactiveStyles(color, variant),
                 "cursor-pointer"
               ),
               children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxs(
@@ -405,7 +346,7 @@ var Pagination = React.memo(
                 },
                 className: cn(
                   paginationItemVariants({ size, disabled }),
-                  colorStyles[color][variant],
+                  getInactiveStyles(color, variant),
                   "w-16 text-center"
                 )
               }
@@ -420,5 +361,5 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 export { pagination_default };
-//# sourceMappingURL=chunk-HUXODBIO.js.map
-//# sourceMappingURL=chunk-HUXODBIO.js.map
+//# sourceMappingURL=chunk-PB5VGXS5.js.map
+//# sourceMappingURL=chunk-PB5VGXS5.js.map

package/dist/chunk-PB5VGXS5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-PB5VGXS5.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n} from 'lucide-react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn, iconSizes } from '../utils'\nimport { colorVars } from '../variants'\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 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 getInactiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg hover:bg-slot-90')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot-30 bg-slot-10 text-slot hover:bg-slot-20')\n  }\n  // default variant\n  return cn(baseColor, 'border-border bg-background text-text-primary hover:bg-slot-10 hover:border-slot')\n}\n\nconst getActiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot bg-slot-20 text-slot')\n  }\n  // default variant\n  return cn(baseColor, 'border-slot bg-slot-10 text-slot')\n}\n\nconst PaginationButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & { children: React.ReactNode }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\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    classNames,\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 = useCallback((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    }, [disabled, current, totalPages, controlledCurrent, onChange, pageSize])\n\n    const handlePageSizeChange = useCallback((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    }, [disabled, total, current, controlledPageSize, controlledCurrent, onShowSizeChange, onChange])\n\n    const getPageNumbers = useMemo(() => {\n      const pages: (number | 'ellipsis')[] = []\n\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else if (current <= 4) {\n        for (let i = 1; i <= 5; i++) pages.push(i)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 3) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) pages.push(i)\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        pages.push(current - 1)\n        pages.push(current)\n        pages.push(current + 1)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n\n      return pages\n    }, [current, totalPages])\n\n    const range: [number, number] = [\n      (current - 1) * pageSize + 1,\n      Math.min(current * pageSize, total),\n    ]\n\n    if (totalPages <= 0) {\n      return null\n    }\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'pagination_root',\n          'flex items-center gap-4',\n          classNames?.root,\n          className,\n        )}\n      >\n        {showTotal && (\n          <div\n            className={cn(\n              'pagination_info',\n              'text-text-secondary text-sm',\n              classNames?.info,\n            )}\n          >\n            {showTotal(total, range)}\n          </div>\n        )}\n\n        <div\n          className={cn(\n            'pagination_list',\n            paginationVariants({ size }),\n            classNames?.list,\n          )}\n        >\n          {/* First Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(1)}\n              disabled={disabled || current === 1}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === 1,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"First page\"\n            >\n              <ChevronsLeft className={iconSizes[size]} />\n            </PaginationButton>\n          )}\n\n          {/* Previous Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current - 1)}\n            disabled={disabled || current === 1}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === 1,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Page Numbers */}\n          {getPageNumbers.map((page, index) =>\n            page === 'ellipsis' ? (\n              <span\n                key={`slot-${index}`}\n                className={cn(\n                  'pagination_ellipsis',\n                  paginationItemVariants({ size, disabled: false }),\n                  getInactiveStyles(color, 'soft'),\n                  'border-none pointer-events-none',\n                  classNames?.ellipsis,\n                )}\n                aria-hidden=\"true\"\n              >\n                <MoreHorizontal className={iconSizes[size]} />\n              </span>\n            ) : (\n              <PaginationButton\n                type=\"button\"\n                key={`slot-${index}`}\n                onClick={() => handlePageChange(page)}\n                disabled={disabled}\n                aria-label={`Page ${page} of ${totalPages}`}\n                aria-current={current === page ? 'page' : undefined}\n                className={cn(\n                  'pagination_button',\n                  paginationItemVariants({ size, disabled }),\n                  current === page\n                    ? getActiveStyles(color, variant)\n                    : getInactiveStyles(color, variant),\n                  current === page ? classNames?.buttonActive : classNames?.button,\n                )}\n              >\n                {page}\n              </PaginationButton>\n            ),\n          )}\n\n          {/* Next Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current + 1)}\n            disabled={disabled || current === totalPages}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === totalPages,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Last Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(totalPages)}\n              disabled={disabled || current === totalPages}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === totalPages,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"Last page\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </PaginationButton>\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            aria-label=\"Items per page\"\n            className={cn(\n              paginationItemVariants({ size, disabled }),\n              getInactiveStyles(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 inputEl = e.target as HTMLInputElement\n                  const value = parseInt(inputEl.value)\n                  if (!isNaN(value)) {\n                    const clampedValue = Math.max(1, Math.min(totalPages, value))\n                    handlePageChange(clampedValue)\n                    inputEl.value = ''\n                  }\n                }\n              }}\n              onBlur={(e) => {\n                const inputEl = e.target as HTMLInputElement\n                const value = parseInt(inputEl.value)\n                if (!isNaN(value) && inputEl.value !== '') {\n                  const clampedValue = Math.max(1, Math.min(totalPages, value))\n                  if (clampedValue !== value) {\n                    inputEl.value = String(clampedValue)\n                  }\n                }\n              }}\n              className={cn(\n                paginationItemVariants({ size, disabled }),\n                getInactiveStyles(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-PQOIW5CM.js

@@ -0,0 +1,27 @@
+import { useState, useCallback } from 'react';
+
+// src/hooks/useControllable.ts
+function useControllable({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const currentValue = isControlled ? value : internalValue;
+  const setValue = useCallback(
+    (next) => {
+      const nextValue = typeof next === "function" ? next(currentValue) : next;
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [isControlled, currentValue, onChange]
+  );
+  return [currentValue, setValue];
+}
+
+export { useControllable };
+//# sourceMappingURL=chunk-PQOIW5CM.js.map
+//# sourceMappingURL=chunk-PQOIW5CM.js.map

package/dist/chunk-PQOIW5CM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useControllable.ts"],"names":[],"mappings":";;;AAEO,SAAS,eAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,YAAY,CAAA;AAE/D,EAAA,MAAM,YAAA,GAAe,eAAe,KAAA,GAAQ,aAAA;AAE5C,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,IAAA,KAA2C;AAC1C,MAAA,MAAM,YAAY,OAAO,IAAA,KAAS,UAAA,GAAc,IAAA,CAAoC,YAAY,CAAA,GAAI,IAAA;AACpG,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,gBAAA,CAAiB,SAAS,CAAA;AAAA,MAC5B;AACA,MAAA,QAAA,GAAW,SAAS,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,YAAA,EAAc,QAAQ;AAAA,GACvC;AAEA,EAAA,OAAO,CAAC,cAAc,QAAQ,CAAA;AAChC","file":"chunk-PQOIW5CM.js","sourcesContent":["import { useCallback, useState } from 'react'\n\nexport function useControllable<T>({\n  value,\n  defaultValue,\n  onChange,\n}: {\n  value?: T\n  defaultValue?: T\n  onChange?: (value: T) => void\n}) {\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = useState(defaultValue)\n\n  const currentValue = isControlled ? value : internalValue\n\n  const setValue = useCallback(\n    (next: T | ((prev: T | undefined) => T)) => {\n      const nextValue = typeof next === 'function' ? (next as (prev: T | undefined) => T)(currentValue) : next\n      if (!isControlled) {\n        setInternalValue(nextValue)\n      }\n      onChange?.(nextValue)\n    },\n    [isControlled, currentValue, onChange],\n  )\n\n  return [currentValue, setValue] as const\n}\n"]}

package/dist/{chunk-BVO2BNFG.js → chunk-PRDJLQLB.js}

@@ -1,4 +1,5 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -54,101 +55,20 @@ var valueCellVariants = cva(
     }
   }
 );
-var labelColorClasses = {
-  default: {
-    default: "bg-surface text-text-primary",
-    primary: "bg-primary/10 text-text-primary",
-    secondary: "bg-secondary/10 text-text-primary",
-    accent: "bg-accent/10 text-text-primary",
-    success: "bg-success/10 text-text-primary",
-    error: "bg-error/10 text-text-primary",
-    warning: "bg-warning/10 text-text-primary",
-    info: "bg-info/10 text-text-primary"
-  },
-  solid: {
-    default: "bg-text-primary text-background",
-    primary: "bg-primary text-background",
-    secondary: "bg-secondary text-background",
-    accent: "bg-accent text-background",
-    success: "bg-success text-background",
-    error: "bg-error text-background",
-    warning: "bg-warning text-background",
-    info: "bg-info text-background"
-  },
-  soft: {
-    default: "bg-surface/50 text-text-primary",
-    primary: "bg-primary/5 text-primary",
-    secondary: "bg-secondary/5 text-secondary",
-    accent: "bg-accent/5 text-accent",
-    success: "bg-success/5 text-success",
-    error: "bg-error/5 text-error",
-    warning: "bg-warning/5 text-warning",
-    info: "bg-info/5 text-info"
-  }
+var labelVariantStyles = {
+  default: "bg-slot-10 text-text-primary",
+  solid: "bg-slot text-slot-fg",
+  soft: "bg-slot-10 text-slot"
 };
-var valueColorClasses = {
-  default: {
-    default: "bg-background",
-    primary: "bg-background",
-    secondary: "bg-background",
-    accent: "bg-background",
-    success: "bg-background",
-    error: "bg-background",
-    warning: "bg-background",
-    info: "bg-background"
-  },
-  solid: {
-    default: "bg-background",
-    primary: "bg-background",
-    secondary: "bg-background",
-    accent: "bg-background",
-    success: "bg-background",
-    error: "bg-background",
-    warning: "bg-background",
-    info: "bg-background"
-  },
-  soft: {
-    default: "bg-surface/30",
-    primary: "bg-primary/5",
-    secondary: "bg-secondary/5",
-    accent: "bg-accent/5",
-    success: "bg-success/5",
-    error: "bg-error/5",
-    warning: "bg-warning/5",
-    info: "bg-info/5"
-  }
+var valueVariantStyles = {
+  default: "bg-background",
+  solid: "bg-background",
+  soft: "bg-slot-10"
 };
-var borderColorClasses = {
-  default: {
-    default: "border-border",
-    primary: "border-border",
-    secondary: "border-border",
-    accent: "border-border",
-    success: "border-border",
-    error: "border-border",
-    warning: "border-border",
-    info: "border-border"
-  },
-  solid: {
-    default: "border-border",
-    primary: "border-border",
-    secondary: "border-border",
-    accent: "border-border",
-    success: "border-border",
-    error: "border-border",
-    warning: "border-border",
-    info: "border-border"
-  },
-  soft: {
-    default: "border-border",
-    primary: "border-primary/20",
-    secondary: "border-secondary/20",
-    accent: "border-accent/20",
-    success: "border-success/20",
-    error: "border-error/20",
-    warning: "border-warning/20",
-    info: "border-info/20"
-  }
+var borderVariantStyles = {
+  default: "border-border",
+  solid: "border-border",
+  soft: "border-slot-20"
 };
 var Descriptions = React.memo(
   ({
@@ -167,9 +87,9 @@ var Descriptions = React.memo(
     ref,
     ...props
   }) => {
-    const labelColors = labelColorClasses[variant][color];
-    const valueColors = valueColorClasses[variant][color];
-    const borderColors = borderColorClasses[variant][color];
+    const labelColors = labelVariantStyles[variant];
+    const valueColors = valueVariantStyles[variant];
+    const borderColors = borderVariantStyles[variant];
     const rows = [];
     let currentRow = [];
     let currentSpan = 0;
@@ -242,7 +162,7 @@ var Descriptions = React.memo(
         }
       );
       if (title || extra) {
-        return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", classNames?.root, className), "data-slot": "root", ...props, children: [
+        return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", colorVars[color], classNames?.root, className), "data-slot": "root", ...props, children: [
           /* @__PURE__ */ jsxs("div", { className: cn("descriptions_title", "flex items-center justify-between mb-3", classNames?.title), "data-slot": "title", children: [
             title && /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-text-primary", children: title }),
             extra && /* @__PURE__ */ jsx("div", { className: cn("descriptions_extra", classNames?.extra), "data-slot": "extra", children: extra })
@@ -254,7 +174,7 @@ var Descriptions = React.memo(
         "table",
         {
           ref,
-          className: cn("descriptions_root", tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className),
+          className: cn("descriptions_root", colorVars[color], tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className),
           "data-slot": "root",
           role: "presentation",
           ...props,
@@ -362,7 +282,7 @@ var Descriptions = React.memo(
       }
     );
     if (title || extra) {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", classNames?.root, className), "data-slot": "root", ...props, children: [
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", colorVars[color], classNames?.root, className), "data-slot": "root", ...props, children: [
         /* @__PURE__ */ jsxs("div", { className: cn("descriptions_title", "flex items-center justify-between mb-3", classNames?.title), "data-slot": "title", children: [
           title && /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-text-primary", children: title }),
           extra && /* @__PURE__ */ jsx("div", { className: cn("descriptions_extra", classNames?.extra), "data-slot": "extra", children: extra })
@@ -374,7 +294,7 @@ var Descriptions = React.memo(
       "table",
       {
         ref,
-        className: cn("descriptions_root", tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className),
+        className: cn("descriptions_root", colorVars[color], tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className),
         "data-slot": "root",
         role: "presentation",
         ...props,
@@ -433,5 +353,5 @@ Descriptions.displayName = "Descriptions";
 var descriptions_default = Descriptions;
 
 export { descriptions_default };
-//# sourceMappingURL=chunk-BVO2BNFG.js.map
-//# sourceMappingURL=chunk-BVO2BNFG.js.map
+//# sourceMappingURL=chunk-PRDJLQLB.js.map
+//# sourceMappingURL=chunk-PRDJLQLB.js.map

package/dist/chunk-PRDJLQLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/descriptions/index.tsx"],"names":[],"mappings":"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","file":"chunk-PRDJLQLB.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { DescriptionsItem, DescriptionsProps, DescriptionsVariant } from './types'\n\nconst tableVariants = cva('w-full border-separate border-spacing-0', {\n  variants: {\n    bordered: {\n      true: 'border border-border',\n      false: '',\n    },\n    rounded: {\n      true: 'rounded-lg',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { bordered: true, rounded: true, class: 'overflow-hidden' },\n  ],\n  defaultVariants: {\n    bordered: true,\n    rounded: true,\n  },\n})\n\nconst labelCellVariants = cva(\n  'font-semibold border-b border-r',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst valueCellVariants = cva(\n  'text-text-primary border-b border-r',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Slot-based variant styles — colorVars[color] on root sets --_c\nconst labelVariantStyles: Record<DescriptionsVariant, string> = {\n  default: 'bg-slot-10 text-text-primary',\n  solid: 'bg-slot text-slot-fg',\n  soft: 'bg-slot-10 text-slot',\n}\n\nconst valueVariantStyles: Record<DescriptionsVariant, string> = {\n  default: 'bg-background',\n  solid: 'bg-background',\n  soft: 'bg-slot-10',\n}\n\nconst borderVariantStyles: Record<DescriptionsVariant, string> = {\n  default: 'border-border',\n  solid: 'border-border',\n  soft: 'border-slot-20',\n}\n\nconst Descriptions = React.memo<DescriptionsProps>(\n  ({\n    items,\n    column = 3,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    layout = 'horizontal',\n    bordered = true,\n    rounded = true,\n    className,\n    classNames,\n    title,\n    extra,\n    ref,\n    ...props\n  }) => {\n    const labelColors = labelVariantStyles[variant]\n    const valueColors = valueVariantStyles[variant]\n    const borderColors = borderVariantStyles[variant]\n\n    // Split items into rows based on column count and span\n    const rows: DescriptionsItem[][] = []\n    let currentRow: DescriptionsItem[] = []\n    let currentSpan = 0\n\n    items.forEach((item) => {\n      const itemSpan = item.span || 1\n\n      if (currentSpan + itemSpan > column) {\n        rows.push(currentRow)\n        currentRow = [item]\n        currentSpan = itemSpan\n      } else {\n        currentRow.push(item)\n        currentSpan += itemSpan\n      }\n    })\n\n    if (currentRow.length > 0) {\n      rows.push(currentRow)\n    }\n\n    if (layout === 'vertical') {\n      const tableContent = (\n        <table\n          className={cn(tableVariants({ bordered, rounded }), bordered && borderColors)}\n          role=\"presentation\"\n        >\n          <tbody data-slot=\"body\" className={classNames?.body}>\n            {rows.map((row, rowIndex) => {\n              const isLastRow = rowIndex === rows.length - 1\n\n              // Calculate which items reach the right edge\n              let colPosition = 0\n              const itemsAtRightEdge = row.map((item) => {\n                const span = item.span || 1\n                colPosition += span\n                return colPosition >= column\n              })\n\n              return (\n                <React.Fragment key={rowIndex}>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <th\n                        key={`${item.key}-label`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size }), labelColors, borderColors,\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                    ))}\n                  </tr>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <td\n                        key={`${item.key}-value`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }), valueColors, borderColors,\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    ))}\n                  </tr>\n                </React.Fragment>\n              )\n            })}\n          </tbody>\n        </table>\n      )\n\n      if (title || extra) {\n        return (\n          <div ref={ref} className={cn('descriptions_root', colorVars[color], classNames?.root, className)} data-slot=\"root\" {...props}>\n            <div className={cn('descriptions_title', 'flex items-center justify-between mb-3', classNames?.title)} data-slot=\"title\">\n              {title && <div className=\"text-base font-semibold text-text-primary\">{title}</div>}\n              {extra && <div className={cn('descriptions_extra', classNames?.extra)} data-slot=\"extra\">{extra}</div>}\n            </div>\n            {tableContent}\n          </div>\n        )\n      }\n\n      return (\n        <table\n          ref={ref as React.Ref<HTMLTableElement>}\n          className={cn('descriptions_root', colorVars[color], tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className)}\n          data-slot=\"root\"\n          role=\"presentation\"\n          {...props}\n        >\n          <tbody data-slot=\"body\" className={classNames?.body}>\n            {rows.map((row, rowIndex) => {\n              const isLastRow = rowIndex === rows.length - 1\n\n              // Calculate which items reach the right edge\n              let colPosition = 0\n              const itemsAtRightEdge = row.map((item) => {\n                const span = item.span || 1\n                colPosition += span\n                return colPosition >= column\n              })\n\n              return (\n                <React.Fragment key={rowIndex}>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <th\n                        key={`${item.key}-label`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size }), labelColors, borderColors,\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                    ))}\n                  </tr>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <td\n                        key={`${item.key}-value`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }), valueColors, borderColors,\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    ))}\n                  </tr>\n                </React.Fragment>\n              )\n            })}\n          </tbody>\n        </table>\n      )\n    }\n\n    // Horizontal layout\n    const horizontalTableContent = (\n      <table\n        className={cn(tableVariants({ bordered, rounded }), bordered && borderColors)}\n        role=\"presentation\"\n      >\n        <tbody data-slot=\"body\" className={classNames?.body}>\n          {rows.map((row, rowIndex) => {\n            const isLastRow = rowIndex === rows.length - 1\n\n            // Calculate which value cells reach the right edge\n            let colPosition = 0\n            const valueAtRightEdge = row.map((item) => {\n              const span = item.span || 1\n              colPosition += span * 2 // Each item takes label + value columns\n              return colPosition >= column * 2\n            })\n\n            return (\n              <tr key={rowIndex} className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                {row.map((item, itemIndex) => {\n                  const itemSpan = item.span || 1\n                  const valueColSpan = itemSpan * 2 - 1\n\n                  return (\n                    <React.Fragment key={item.key}>\n                      <th\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size }), labelColors, borderColors,\n                          isLastRow && 'border-b-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                      <td\n                        colSpan={valueColSpan}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }), valueColors, borderColors,\n                          valueAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    </React.Fragment>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    )\n\n    if (title || extra) {\n      return (\n        <div ref={ref} className={cn('descriptions_root', colorVars[color], classNames?.root, className)} data-slot=\"root\" {...props}>\n          <div className={cn('descriptions_title', 'flex items-center justify-between mb-3', classNames?.title)} data-slot=\"title\">\n            {title && <div className=\"text-base font-semibold text-text-primary\">{title}</div>}\n            {extra && <div className={cn('descriptions_extra', classNames?.extra)} data-slot=\"extra\">{extra}</div>}\n          </div>\n          {horizontalTableContent}\n        </div>\n      )\n    }\n\n    return (\n      <table\n        ref={ref as React.Ref<HTMLTableElement>}\n        className={cn('descriptions_root', colorVars[color], tableVariants({ bordered, rounded }), bordered && borderColors, classNames?.root, className)}\n        data-slot=\"root\"\n        role=\"presentation\"\n        {...props}\n      >\n        <tbody data-slot=\"body\" className={classNames?.body}>\n          {rows.map((row, rowIndex) => {\n            const isLastRow = rowIndex === rows.length - 1\n\n            // Calculate which value cells reach the right edge\n            let colPosition = 0\n            const valueAtRightEdge = row.map((item) => {\n              const span = item.span || 1\n              colPosition += span * 2 // Each item takes label + value columns\n              return colPosition >= column * 2\n            })\n\n            return (\n              <tr key={rowIndex} className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                {row.map((item, itemIndex) => {\n                  const itemSpan = item.span || 1\n                  const valueColSpan = itemSpan * 2 - 1\n\n                  return (\n                    <React.Fragment key={item.key}>\n                      <th\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size }), labelColors, borderColors,\n                          isLastRow && 'border-b-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                      <td\n                        colSpan={valueColSpan}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }), valueColors, borderColors,\n                          valueAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    </React.Fragment>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    )\n  },\n)\n\nDescriptions.displayName = 'Descriptions'\n\nexport type * from './types'\nexport default Descriptions\n"]}