@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/chunk-USHR3MWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-USHR3MWQ.js","sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\nimport type {\n  NavigationMenuProps,\n  NavigationMenuItem,\n  NavigationMenuChildItem,\n} from \"./types\";\n\nconst navigationMenuVariants = cva(\"navigationMenu_root\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex flex-row\",\n      vertical: \"flex flex-col\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst navigationMenuListVariants = cva(\n  \"navigationMenu_list flex items-center gap-1 relative\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nconst navigationMenuItemVariants = cva(\"navigationMenu_item relative\", {\n  variants: {},\n});\n\nconst navigationMenuTriggerVariants = cva(\n  \"navigationMenu_trigger inline-flex items-center justify-center gap-2 rounded-md cursor-pointer px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-surface\",\n  {\n    variants: {},\n  },\n);\n\nconst navigationMenuLinkVariants = cva(\n  \"navigationMenu_link inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {},\n  },\n);\n\nconst navigationMenuContentVariants = cva(\n  \"navigationMenu_content absolute top-full left-0 mt-1 w-auto min-w-[400px] rounded-md border border-border bg-background p-4 shadow-lg data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-top-2 duration-200\",\n  {\n    variants: {},\n  },\n);\n\nconst NavigationMenuContent = React.memo(\n  ({\n    children,\n    isOpen,\n    className,\n  }: {\n    children: NavigationMenuChildItem[];\n    isOpen: boolean;\n    className?: string;\n  }) => {\n    return (\n      <div\n        data-slot=\"content\"\n        data-state={isOpen ? \"open\" : \"closed\"}\n        className={cn(\n          navigationMenuContentVariants(),\n          !isOpen && \"hidden\",\n          className,\n        )}\n        role=\"menu\"\n      >\n        <div className=\"grid gap-3\">\n          {children.map((child) => (\n            <NavigationMenuChildLink key={child.key} item={child} />\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nconst NavigationMenuChildLink = React.memo(\n  ({ item }: { item: NavigationMenuChildItem }) => {\n    const handleClick = (e: React.MouseEvent) => {\n      if (item.disabled) {\n        e.preventDefault();\n        return;\n      }\n      if (item.onClick) {\n        e.preventDefault();\n        item.onClick();\n      }\n    };\n\n    const content = (\n      <div className=\"flex items-start gap-3 rounded-md p-3 hover:bg-surface transition-colors\">\n        {item.icon && (\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-surface\">\n            {item.icon}\n          </div>\n        )}\n        <div className=\"space-y-1\">\n          <div className=\"text-sm font-medium leading-none\">{item.label}</div>\n          {item.description && (\n            <p className=\"text-sm leading-snug text-text-secondary\">\n              {item.description}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n\n    if (item.href && !item.disabled) {\n      return (\n        <a\n          href={item.href}\n          onClick={handleClick}\n          className={cn(\n            \"block\",\n            item.disabled && \"pointer-events-none opacity-50\",\n          )}\n          role=\"menuitem\"\n          aria-disabled={item.disabled}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={item.disabled}\n        className=\"block w-full text-left disabled:pointer-events-none disabled:opacity-50\"\n        role=\"menuitem\"\n        aria-disabled={item.disabled}\n      >\n        {content}\n      </button>\n    );\n  },\n);\n\nNavigationMenuChildLink.displayName = \"NavigationMenuChildLink\";\n\nconst NavigationMenuItemComponent = React.memo(\n  ({\n    item,\n    onOpenChange,\n    isOpen,\n    classNames,\n  }: {\n    item: NavigationMenuItem;\n    onOpenChange: (key: string, open: boolean) => void;\n    isOpen: boolean;\n    classNames?: NavigationMenuProps[\"classNames\"];\n  }) => {\n    const hasChildren = item.children && item.children.length > 0;\n    const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n      undefined,\n    );\n\n    const handleMouseEnter = () => {\n      if (hasChildren && !item.disabled) {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n        onOpenChange(item.key, true);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      if (hasChildren && !item.disabled) {\n        timeoutRef.current = setTimeout(() => {\n          onOpenChange(item.key, false);\n        }, 150);\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent) => {\n      if (item.disabled) {\n        e.preventDefault();\n        return;\n      }\n\n      if (hasChildren) {\n        e.preventDefault();\n        onOpenChange(item.key, !isOpen);\n      } else if (item.onClick) {\n        e.preventDefault();\n        item.onClick();\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (item.disabled) return;\n\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (hasChildren) {\n          onOpenChange(item.key, !isOpen);\n        } else if (item.onClick) {\n          item.onClick();\n        }\n      } else if (e.key === \"Escape\" && isOpen) {\n        e.preventDefault();\n        onOpenChange(item.key, false);\n      }\n    };\n\n    React.useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, []);\n\n    const content = (\n      <>\n        {item.icon && <span className=\"shrink-0\">{item.icon}</span>}\n        <span>{item.label}</span>\n        {hasChildren && (\n          <svg\n            className={cn(\n              \"h-4 w-4 shrink-0 transition-transform\",\n              isOpen && \"rotate-180\",\n            )}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M19 9l-7 7-7-7\"\n            />\n          </svg>\n        )}\n      </>\n    );\n\n    return (\n      <li\n        data-slot=\"item\"\n        className={cn(navigationMenuItemVariants(), classNames?.item)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        role=\"none\"\n      >\n        {hasChildren ? (\n          <>\n            <button\n              type=\"button\"\n              data-slot=\"trigger\"\n              data-state={isOpen ? \"open\" : \"closed\"}\n              className={cn(\n                navigationMenuTriggerVariants(),\n                classNames?.trigger,\n              )}\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n              disabled={item.disabled}\n              aria-haspopup=\"true\"\n              aria-expanded={isOpen}\n              role=\"menuitem\"\n            >\n              {content}\n            </button>\n            <NavigationMenuContent\n              children={item.children!}\n              isOpen={isOpen}\n              className={classNames?.content}\n            />\n          </>\n        ) : item.href && !item.disabled ? (\n          <a\n            href={item.href}\n            data-slot=\"link\"\n            className={cn(\n              navigationMenuLinkVariants(),\n              classNames?.link,\n              item.disabled && \"pointer-events-none opacity-50\",\n            )}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            role=\"menuitem\"\n            aria-disabled={item.disabled}\n          >\n            {content}\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            data-slot=\"link\"\n            className={cn(navigationMenuLinkVariants(), classNames?.link)}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            disabled={item.disabled}\n            role=\"menuitem\"\n          >\n            {content}\n          </button>\n        )}\n      </li>\n    );\n  },\n);\n\nNavigationMenuItemComponent.displayName = \"NavigationMenuItemComponent\";\n\nexport const NavigationMenu = React.memo<NavigationMenuProps>(\n  ({ items, orientation = \"horizontal\", className, classNames, ref }) => {\n    const [openItems, setOpenItems] = React.useState<Set<string>>(new Set());\n    const navRef = React.useRef<HTMLElement>(null);\n\n    React.useImperativeHandle(ref, () => navRef.current!);\n\n    const handleOpenChange = React.useCallback((key: string, open: boolean) => {\n      if (open) {\n        setOpenItems(new Set([key]))  // close all others, open only this one\n      } else {\n        setOpenItems(prev => {\n          const next = new Set(prev)\n          next.delete(key)\n          return next\n        })\n      }\n    }, []);\n\n    // Close on outside click\n    React.useEffect(() => {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (navRef.current && !navRef.current.contains(e.target as Node)) {\n          setOpenItems(new Set());\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }, []);\n\n    // Close on Escape\n    React.useEffect(() => {\n      const handleEscape = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\") {\n          setOpenItems(new Set());\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }, []);\n\n    return (\n      <nav\n        ref={navRef}\n        data-slot=\"root\"\n        className={cn(\n          navigationMenuVariants({ orientation }),\n          className,\n          classNames?.root,\n        )}\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        <ul\n          data-slot=\"list\"\n          className={cn(\n            navigationMenuListVariants({ orientation }),\n            classNames?.list,\n          )}\n          role=\"menubar\"\n        >\n          {items.map((item) => (\n            <NavigationMenuItemComponent\n              key={item.key}\n              item={item}\n              onOpenChange={handleOpenChange}\n              isOpen={openItems.has(item.key)}\n              classNames={classNames}\n            />\n          ))}\n        </ul>\n      </nav>\n    );\n  },\n);\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport type * from \"./types\";\n"]}

package/dist/{chunk-764UKE6X.js → chunk-VIK6UTVN.js}

@@ -1,5 +1,5 @@
-import { focusRingColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -39,7 +39,7 @@ var cardVariants = cva("rounded-lg transition-[shadow,transform]", {
       false: ""
     },
     clickable: {
-      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:shadow-md",
+      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-0 active:shadow-md",
       false: ""
     }
   },
@@ -166,7 +166,8 @@ var Card = React.memo(
         clickable
       }),
       !bordered && "border-transparent",
-      clickable && focusRingColorClasses[color],
+      clickable && colorVars[color],
+      clickable && "focus-visible:ring-slot",
       sizeClasses[size],
       classNames?.root,
       className
@@ -355,5 +356,5 @@ var CardWithSubComponents = Object.assign(Card, {
 var card_default = CardWithSubComponents;
 
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants, card_default };
-//# sourceMappingURL=chunk-764UKE6X.js.map
-//# sourceMappingURL=chunk-764UKE6X.js.map
+//# sourceMappingURL=chunk-VIK6UTVN.js.map
+//# sourceMappingURL=chunk-VIK6UTVN.js.map

package/dist/chunk-VIK6UTVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card/index.tsx"],"names":[],"mappings":"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","file":"chunk-VIK6UTVN.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 {\n  CardActionProps,\n  CardClassNames,\n  CardColor,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardImageProps,\n  CardProps,\n  CardSize,\n  CardTitleProps,\n  CardVariant,\n} from \"./types\";\n\ninterface CardContextValue {\n  variant: CardVariant;\n  color: CardColor;\n  classNames?: CardClassNames;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\nfunction useCardContext() {\n  return React.useContext(CardContext);\n}\n\nconst cardVariants = cva(\"rounded-lg transition-[shadow,transform]\", {\n  variants: {\n    variant: {\n      default: \"bg-card text-card-foreground border\",\n      solid: \"border\",\n      outline: \"bg-transparent border\",\n      soft: \"border-transparent\",\n      ghost: \"border-transparent bg-transparent\",\n      elevated: \"bg-card text-card-foreground border-transparent shadow-md\",\n    },\n    color: {\n      default: \"border-border\",\n      primary: \"border-primary\",\n      secondary: \"border-secondary\",\n      accent: \"border-accent\",\n      success: \"border-success\",\n      error: \"border-error\",\n      warning: \"border-warning\",\n      info: \"border-info\",\n    },\n    shadow: {\n      none: \"\",\n      sm: \"shadow-sm\",\n      md: \"shadow-md\",\n      lg: \"shadow-lg\",\n    },\n    hoverable: {\n      true: \"hover:shadow-lg hover:-translate-y-0.5 cursor-pointer\",\n      false: \"\",\n    },\n    clickable: {\n      true: \"cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-0 active:shadow-md\",\n      false: \"\",\n    },\n  },\n  compoundVariants: (() => {\n    const styles: Record<string, Record<string, string>> = {\n      default: {\n        default: 'bg-card text-card-foreground border-border',\n        primary: 'bg-card text-card-foreground border-primary',\n        secondary: 'bg-card text-card-foreground border-secondary',\n        accent: 'bg-card text-card-foreground border-accent',\n        success: 'bg-card text-card-foreground border-success',\n        error: 'bg-card text-card-foreground border-error',\n        warning: 'bg-card text-card-foreground border-warning',\n        info: 'bg-card text-card-foreground border-info',\n      },\n      solid: {\n        default: 'bg-surface border-border text-text-primary',\n        primary: 'bg-primary border-primary text-background',\n        secondary: 'bg-secondary border-secondary text-background',\n        accent: 'bg-accent border-accent text-background',\n        success: 'bg-success border-success text-background',\n        error: 'bg-error border-error text-background',\n        warning: 'bg-warning border-warning text-background',\n        info: 'bg-info border-info text-background',\n      },\n      outline: {\n        default: 'border-border text-text-primary',\n        primary: 'border-primary text-text-primary',\n        secondary: 'border-secondary text-text-primary',\n        accent: 'border-accent text-text-primary',\n        success: 'border-success text-text-primary',\n        error: 'border-error text-text-primary',\n        warning: 'border-warning text-text-primary',\n        info: 'border-info text-text-primary',\n      },\n      soft: {\n        default: 'bg-surface text-text-primary',\n        primary: 'bg-primary/10 text-primary',\n        secondary: 'bg-secondary/10 text-secondary',\n        accent: 'bg-accent/10 text-accent',\n        success: 'bg-success/10 text-success',\n        error: 'bg-error/10 text-error',\n        warning: 'bg-warning/10 text-warning',\n        info: 'bg-info/10 text-info',\n      },\n      ghost: {\n        default: 'text-text-primary',\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        accent: 'text-accent',\n        success: 'text-success',\n        error: 'text-error',\n        warning: 'text-warning',\n        info: 'text-info',\n      },\n      elevated: {\n        default: 'bg-card text-card-foreground',\n        primary: 'bg-card text-card-foreground ring-1 ring-primary/20',\n        secondary: 'bg-card text-card-foreground ring-1 ring-secondary/20',\n        accent: 'bg-card text-card-foreground ring-1 ring-accent/20',\n        success: 'bg-card text-card-foreground ring-1 ring-success/20',\n        error: 'bg-card text-card-foreground ring-1 ring-error/20',\n        warning: 'bg-card text-card-foreground ring-1 ring-warning/20',\n        info: 'bg-card text-card-foreground ring-1 ring-info/20',\n      },\n    }\n    return Object.entries(styles).flatMap(([variant, colorMap]) =>\n      Object.entries(colorMap).map(([color, cls]) => ({\n        variant: variant as \"default\" | \"solid\" | \"outline\" | \"soft\" | \"ghost\" | \"elevated\",\n        color: color as \"default\" | \"primary\" | \"secondary\" | \"accent\" | \"success\" | \"error\" | \"warning\" | \"info\",\n        class: cls,\n      }))\n    )\n  })(),\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n    shadow: \"none\",\n    hoverable: false,\n    clickable: false,\n  },\n});\n\nconst sizeClasses: Record<CardSize, string> = {\n  xs: \"[--card-padding:0.5rem] [--card-content-padding:0.5rem] [--card-footer-padding:0.5rem]\",\n  sm: \"[--card-padding:1rem] [--card-content-padding:1rem] [--card-footer-padding:1rem]\",\n  md: \"[--card-padding:1.5rem] [--card-content-padding:1.5rem] [--card-footer-padding:1.5rem]\",\n  lg: \"[--card-padding:2rem] [--card-content-padding:2rem] [--card-footer-padding:2rem]\",\n};\n\nconst Card = React.memo<CardProps>(\n  ({\n    className,\n    variant = \"default\",\n    color = \"default\",\n    size = \"md\",\n    shadow = \"none\",\n    hoverable = false,\n    clickable = false,\n    bordered = true,\n    loading = false,\n    classNames,\n    onClick,\n    ref,\n    children,\n    ...props\n  }) => {\n    const cardContent = loading ? (\n      <div className=\"animate-pulse\">\n        <div className=\"p-(--card-padding)\">\n          <div className=\"h-4 bg-surface rounded w-3/4 mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-1/2\" />\n        </div>\n        <div className=\"p-(--card-content-padding) pt-0\">\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-2/3\" />\n        </div>\n      </div>\n    ) : (\n      children\n    );\n\n    const cardClassName = cn(\n      \"card_root\",\n      cardVariants({\n        variant,\n        color,\n        shadow,\n        hoverable,\n        clickable,\n      }),\n      !bordered && \"border-transparent\",\n      clickable && colorVars[color],\n      clickable && 'focus-visible:ring-slot',\n      sizeClasses[size],\n      classNames?.root,\n      className,\n    );\n\n    const contextValue = React.useMemo(\n      () => ({ variant, color, classNames }),\n      [variant, color, classNames],\n    );\n\n    if (clickable) {\n      return (\n        <CardContext.Provider value={contextValue}>\n          <div\n            ref={ref}\n            role=\"button\"\n            tabIndex={0}\n            className={cardClassName}\n            onClick={onClick}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n              }\n            }}\n            data-slot=\"root\"\n            {...props}\n          >\n            {cardContent}\n          </div>\n        </CardContext.Provider>\n      );\n    }\n\n    return (\n      <CardContext.Provider value={contextValue}>\n        <div ref={ref} className={cardClassName} onClick={onClick} data-slot=\"root\" {...props}>\n          {cardContent}\n        </div>\n      </CardContext.Provider>\n    );\n  },\n);\nCard.displayName = \"Card\";\n\nconst CardHeader: React.FC<CardHeaderProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_header\", \"flex flex-col gap-1.5 p-(--card-padding)\", ctx?.classNames?.header, className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n};\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle: React.FC<CardTitleProps> = ({ className, as: Tag = \"h3\", ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"card_title\",\n        \"text-lg font-semibold leading-none tracking-tight\",\n        ctx?.classNames?.title,\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n};\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription: React.FC<CardDescriptionProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  const isSolidColored = ctx?.variant === \"solid\" && ctx?.color !== \"default\";\n  return (\n    <p\n      ref={ref}\n      className={cn(\n        \"card_description\",\n        \"text-sm\",\n        isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n        ctx?.classNames?.description,\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n};\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent: React.FC<CardContentProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_content\", \"p-(--card-content-padding) pt-0\", ctx?.classNames?.content, className)}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n};\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter: React.FC<CardFooterProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"card_footer\",\n        \"flex items-center p-(--card-footer-padding) pt-0\",\n        ctx?.classNames?.footer,\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n};\nCardFooter.displayName = \"CardFooter\";\n\nconst CardAction: React.FC<CardActionProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_action\", \"ml-auto flex items-center gap-2\", ctx?.classNames?.action, className)}\n      data-slot=\"action\"\n      {...props}\n    />\n  );\n};\nCardAction.displayName = \"CardAction\";\n\nconst aspectRatioClasses = {\n  square: \"aspect-square\",\n  video: \"aspect-video\",\n  wide: \"aspect-[21/9]\",\n  auto: \"\",\n};\n\nconst objectFitClasses = {\n  cover: \"object-cover\",\n  contain: \"object-contain\",\n  fill: \"object-fill\",\n  none: \"object-none\",\n};\n\nconst CardImage: React.FC<CardImageProps> = ({\n  src,\n  alt,\n  position = \"top\",\n  aspectRatio = \"video\",\n  objectFit = \"cover\",\n  className,\n  ref,\n  ...props\n}) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      className={cn(\n        \"overflow-hidden\",\n        position === \"top\" && \"rounded-t-lg\",\n        position === \"bottom\" && \"rounded-b-lg\",\n        aspectRatio !== \"auto\" && aspectRatioClasses[aspectRatio],\n      )}\n    >\n      <img\n        ref={ref}\n        src={src}\n        alt={alt}\n        className={cn(\"card_image\", \"w-full h-full\", objectFitClasses[objectFit], ctx?.classNames?.image, className)}\n        data-slot=\"image\"\n        loading=\"lazy\"\n        {...props}\n      />\n    </div>\n  );\n};\nCardImage.displayName = \"CardImage\";\n\nconst CardWithSubComponents = Object.assign(Card, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction,\n  Image: CardImage,\n});\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardAction,\n  CardImage,\n  cardVariants,\n};\n\nexport type { CardClassNames } from \"./types\";\nexport type * from \"./types\";\nexport default CardWithSubComponents;\n"]}

package/dist/{chunk-HUXODBIO.js → chunk-VKY3JXAQ.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-GLJDHW73.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { ChevronsLeft, ChevronLeft, MoreHorizontal, ChevronRight, ChevronsRight } from 'lucide-react';
-import React, { useState } from 'react';
+import React, { useState, useCallback, useMemo } 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-VKY3JXAQ.js.map
+//# sourceMappingURL=chunk-VKY3JXAQ.js.map

package/dist/chunk-VKY3JXAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-VKY3JXAQ.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, { useCallback, useMemo, useState } from '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<{ 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 = 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"]}