@mdigital_ui/ui 0.3.9 → 0.4.1

package/dist/{chunk-4F7U5UPY.js → chunk-HUXODBIO.js}

@@ -19,7 +19,7 @@ var paginationVariants = cva("inline-flex items-center gap-1", {
   }
 });
 var paginationItemVariants = cva(
-  "inline-flex items-center justify-center rounded-md font-medium outline-none transition-colors cursor-pointer border min-w-fit",
+  "inline-flex items-center justify-center rounded-md font-medium outline-none cursor-pointer border min-w-fit",
   {
     variants: {
       size: {
@@ -178,30 +178,25 @@ var Pagination = React.memo(
     };
     const getPageNumbers = () => {
       const pages = [];
-      const showPages = 5;
-      if (totalPages <= showPages + 2) {
+      if (totalPages <= 7) {
         for (let i = 1; i <= totalPages; i++) {
           pages.push(i);
         }
+      } else if (current <= 4) {
+        for (let i = 1; i <= 5; i++) pages.push(i);
+        pages.push("ellipsis");
+        pages.push(totalPages);
+      } else if (current >= totalPages - 3) {
+        pages.push(1);
+        pages.push("ellipsis");
+        for (let i = totalPages - 4; 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("ellipsis");
+        pages.push(current - 1);
+        pages.push(current);
+        pages.push(current + 1);
+        pages.push("ellipsis");
         pages.push(totalPages);
       }
       return pages;
@@ -292,7 +287,7 @@ var Pagination = React.memo(
                       "aria-hidden": "true",
                       children: /* @__PURE__ */ jsx(MoreHorizontal, { className: iconSizes[size] })
                     },
-                    `ellipsis-${index}`
+                    `slot-${index}`
                   ) : /* @__PURE__ */ jsx(
                     PaginationButton,
                     {
@@ -309,7 +304,7 @@ var Pagination = React.memo(
                       ),
                       children: page
                     },
-                    page
+                    `slot-${index}`
                   )
                 ),
                 /* @__PURE__ */ jsx(
@@ -425,5 +420,5 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 export { pagination_default };
-//# sourceMappingURL=chunk-4F7U5UPY.js.map
-//# sourceMappingURL=chunk-4F7U5UPY.js.map
+//# sourceMappingURL=chunk-HUXODBIO.js.map
+//# sourceMappingURL=chunk-HUXODBIO.js.map

package/dist/chunk-HUXODBIO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-HUXODBIO.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 { useRipple, RippleContainer } from '../hooks/useRipple'\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 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 PaginationButton: React.FC<{ children: React.ReactNode; disabled?: boolean; className?: string; [key: string]: any }> = ({ 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 = (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\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else if (current <= 4) {\n        // Near start: always 7 items [1, 2, 3, 4, 5, ..., last]\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        // Near end: always 7 items [1, ..., last-4, last-3, last-2, last-1, last]\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) pages.push(i)\n      } else {\n        // Middle: always 7 items [1, ..., c-1, c, c+1, ..., last]\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    }\n\n    const range: [number, number] = [\n      (current - 1) * pageSize + 1,\n      Math.min(current * pageSize, total),\n    ]\n\n    return (\n      <div\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                colorStyles[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              colorStyles[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                  colorStyles[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={`Go to page ${page}`}\n                aria-current={current === page ? 'page' : undefined}\n                className={cn(\n                  'pagination_button',\n                  paginationItemVariants({ size, disabled }),\n                  current === page\n                    ? activeColorStyles[color][variant]\n                    : colorStyles[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              colorStyles[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                colorStyles[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              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 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                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-LOYLJRCF.js

@@ -0,0 +1,485 @@
+import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var dotVariants = cva(
+  "rounded-full shrink-0 flex items-center justify-center z-10",
+  {
+    variants: {
+      size: {
+        xs: "w-2 h-2",
+        sm: "w-3 h-3",
+        md: "w-4 h-4",
+        lg: "w-5 h-5"
+      },
+      color: {
+        default: "bg-border",
+        primary: "bg-primary",
+        secondary: "bg-secondary",
+        accent: "bg-accent",
+        success: "bg-success",
+        error: "bg-error",
+        warning: "bg-warning",
+        info: "bg-info"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default"
+    }
+  }
+);
+var connectorSizes = {
+  xs: { vertical: "w-px", horizontal: "h-px" },
+  sm: { vertical: "w-px", horizontal: "h-px" },
+  md: { vertical: "w-0.5", horizontal: "h-0.5" },
+  lg: { vertical: "w-0.5", horizontal: "h-0.5" }
+};
+var trackWidths = {
+  xs: "w-4",
+  sm: "w-5",
+  md: "w-6",
+  lg: "w-7"
+};
+var contentSizes = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+};
+var timestampSizes = {
+  xs: "text-[10px]",
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var iconDotSizes = {
+  xs: "w-5 h-5",
+  sm: "w-6 h-6",
+  md: "w-8 h-8",
+  lg: "w-10 h-10"
+};
+var dotRowHeights = {
+  xs: "min-h-5",
+  sm: "min-h-6",
+  md: "min-h-8",
+  lg: "min-h-10"
+};
+var Timeline = React.memo(
+  ({
+    items,
+    mode = "left",
+    orientation = "vertical",
+    size = "md",
+    color = "default",
+    pending = false,
+    pendingText = "Loading...",
+    reverse = false,
+    className,
+    classNames,
+    ref
+  }) => {
+    const isHorizontal = orientation === "horizontal";
+    const displayItems = reverse ? [...items].reverse() : items;
+    const renderDot = (item, itemColor) => {
+      if (item.dot) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("timeline_dot", "shrink-0 z-10", classNames?.dot),
+            "data-slot": "dot",
+            children: item.dot
+          }
+        );
+      }
+      if (item.icon) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "timeline_dot",
+              "rounded-full shrink-0 flex items-center justify-center z-10",
+              iconDotSizes[size],
+              `bg-${itemColor === "default" ? "border" : itemColor}`,
+              "text-white",
+              classNames?.dot
+            ),
+            "data-slot": "dot",
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "timeline_icon",
+                  "flex items-center justify-center",
+                  iconSizes[size],
+                  classNames?.icon
+                ),
+                "data-slot": "icon",
+                children: item.icon
+              }
+            )
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "timeline_dot",
+            dotVariants({ size, color: itemColor }),
+            classNames?.dot
+          ),
+          "data-slot": "dot"
+        }
+      );
+    };
+    const renderContent = (item, align) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "timeline_content",
+          contentSizes[size],
+          align === "right" ? "text-right" : "text-left",
+          classNames?.content
+        ),
+        "data-slot": "content",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "timeline_title",
+                "font-semibold text-text-primary -mt-1",
+                item.description && "mb-1",
+                classNames?.title
+              ),
+              "data-slot": "title",
+              children: item.title
+            }
+          ),
+          item.description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "timeline_description",
+                "text-text-secondary",
+                classNames?.description
+              ),
+              "data-slot": "description",
+              children: item.description
+            }
+          )
+        ]
+      }
+    );
+    const renderDate = (item, align) => {
+      if (!item.timestamp) return null;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "timeline_date",
+            "text-text-secondary",
+            timestampSizes[size],
+            align === "right" ? "text-right" : "text-left",
+            classNames?.date
+          ),
+          "data-slot": "date",
+          children: item.timestamp
+        }
+      );
+    };
+    const renderVerticalItem = (item, index) => {
+      const isLast = index === displayItems.length - 1 && !pending;
+      const itemColor = item.color || color;
+      const contentOnRight = mode === "left" || mode === "center" && index % 2 === 0;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "timeline_item",
+            "grid grid-cols-[1fr_auto_1fr]",
+            classNames?.item
+          ),
+          "data-slot": "item",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "pb-8 pr-4", children: contentOnRight ? renderDate(item, "right") : renderContent(item, "right") }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "timeline_track",
+                  "relative flex flex-col items-center",
+                  trackWidths[size]
+                ),
+                children: [
+                  renderDot(item, itemColor),
+                  !isLast && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "timeline_connector",
+                        "flex-1 bg-border",
+                        connectorSizes[size].vertical,
+                        classNames?.connector
+                      ),
+                      "data-slot": "connector"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "pb-8 pl-4", children: contentOnRight ? renderContent(item, "left") : renderDate(item, "left") })
+          ]
+        },
+        item.key ?? index
+      );
+    };
+    const renderVerticalPending = () => {
+      const pendingIndex = displayItems.length;
+      const contentOnRight = mode === "left" || mode === "center" && pendingIndex % 2 === 0;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "timeline_item",
+            "grid grid-cols-[1fr_auto_1fr]",
+            classNames?.item
+          ),
+          "data-slot": "item",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "pr-4", children: !contentOnRight && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "text-text-secondary text-right",
+                  contentSizes[size]
+                ),
+                children: pendingText
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "timeline_track",
+                  "relative flex flex-col items-center",
+                  trackWidths[size]
+                ),
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "timeline_dot",
+                      dotVariants({ size, color: "default" }),
+                      "animate-pulse",
+                      classNames?.dot
+                    ),
+                    "data-slot": "dot"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "pl-4", children: contentOnRight && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "text-text-secondary",
+                  contentSizes[size],
+                  classNames?.content
+                ),
+                children: pendingText
+              }
+            ) })
+          ]
+        }
+      );
+    };
+    const renderHorizontalItem = (item, index) => {
+      const isFirst = index === 0;
+      const isLast = index === displayItems.length - 1 && !pending;
+      const itemColor = item.color || color;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "timeline_item",
+            "flex-1 flex flex-col items-center min-w-0",
+            classNames?.item
+          ),
+          "data-slot": "item",
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "timeline_date",
+                  "text-text-secondary text-center mb-2 min-h-[1em]",
+                  timestampSizes[size],
+                  classNames?.date
+                ),
+                "data-slot": "date",
+                children: item.timestamp
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: cn("flex items-center w-full", dotRowHeights[size]), children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex-1",
+                    !isFirst && cn("bg-border", connectorSizes[size].horizontal)
+                  )
+                }
+              ),
+              renderDot(item, itemColor),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex-1",
+                    !isLast && cn("bg-border", connectorSizes[size].horizontal)
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "timeline_content",
+                  "text-center mt-1.5",
+                  contentSizes[size],
+                  classNames?.content
+                ),
+                "data-slot": "content",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "timeline_title",
+                        "font-semibold text-text-primary",
+                        item.description && "mb-1",
+                        classNames?.title
+                      ),
+                      "data-slot": "title",
+                      children: item.title
+                    }
+                  ),
+                  item.description && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "timeline_description",
+                        "text-text-secondary",
+                        classNames?.description
+                      ),
+                      "data-slot": "description",
+                      children: item.description
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        },
+        item.key ?? index
+      );
+    };
+    const renderHorizontalPending = () => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "timeline_item",
+          "flex-1 flex flex-col items-center min-w-0",
+          classNames?.item
+        ),
+        "data-slot": "item",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "text-text-secondary text-center mb-2 min-h-[1em]",
+                timestampSizes[size]
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center w-full", dotRowHeights[size]), children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("flex-1 bg-border", connectorSizes[size].horizontal)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "timeline_dot",
+                  dotVariants({ size, color: "default" }),
+                  "animate-pulse",
+                  classNames?.dot
+                ),
+                "data-slot": "dot"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex-1" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "timeline_content",
+                "text-center mt-1.5 text-text-secondary",
+                contentSizes[size],
+                classNames?.content
+              ),
+              "data-slot": "content",
+              children: pendingText
+            }
+          )
+        ]
+      }
+    );
+    if (isHorizontal) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn(
+            "timeline_root",
+            "relative flex w-full",
+            classNames?.root,
+            className
+          ),
+          "data-slot": "root",
+          children: [
+            displayItems.map((item, index) => renderHorizontalItem(item, index)),
+            pending && renderHorizontalPending()
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("timeline_root", "relative", classNames?.root, className),
+        "data-slot": "root",
+        children: [
+          displayItems.map((item, index) => renderVerticalItem(item, index)),
+          pending && renderVerticalPending()
+        ]
+      }
+    );
+  }
+);
+Timeline.displayName = "Timeline";
+var timeline_default = Timeline;
+
+export { timeline_default };
+//# sourceMappingURL=chunk-LOYLJRCF.js.map
+//# sourceMappingURL=chunk-LOYLJRCF.js.map