@agroshine/ags-web-ui-kit 1.0.0

package/dist/chunk-A7TDGQAB.js

@@ -0,0 +1,557 @@
+import React2, { useState, useCallback, useMemo } from 'react';
+import clsx4 from 'clsx';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import RcDropdown from 'rc-dropdown';
+import { faCaretDown, faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import RCPagination from 'rc-pagination';
+
+// src/atoms/Dropdown/DropdownMenu.tsx
+var MENU_BASE = "min-w-[160px] max-w-[max-content] py-1 rounded-lg bg-content1 shadow-md border border-border list-none m-0 p-0 outline-none font-roboto text-sm";
+function MenuItem({
+  item,
+  selected,
+  onClick
+}) {
+  const key = item.key != null ? String(item.key) : "";
+  const { label, disabled, danger } = item;
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick?.(key, e);
+  };
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "menuitem",
+      "aria-disabled": disabled,
+      className: clsx4(
+        "block px-4 py-2 cursor-pointer transition-colors",
+        "hover:bg-accent active:bg-accent",
+        selected && "bg-primary-50 text-primary-600",
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none text-muted-foreground",
+        danger && "text-destructive",
+        danger && !disabled && "hover:text-danger-600"
+      ),
+      onClick: handleClick,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick(e);
+        }
+      },
+      children: label
+    }
+  );
+}
+function MenuDivider() {
+  return /* @__PURE__ */ jsx("li", { role: "separator", className: "h-px my-1 bg-border" });
+}
+function MenuItemGroup({ label, children }) {
+  return /* @__PURE__ */ jsxs("li", { role: "group", className: "list-none", children: [
+    label && /* @__PURE__ */ jsx("div", { className: "px-4 py-2 text-muted-foreground text-xs font-semibold border-b border-border", children: label }),
+    /* @__PURE__ */ jsx("ul", { className: "list-none p-0 m-0", children })
+  ] });
+}
+function renderMenuItems(items, selectedKeys, onClick) {
+  return items.map((item, idx) => {
+    if (!item) return null;
+    if (item.type === "divider") return /* @__PURE__ */ jsx(MenuDivider, {}, `divider-${idx}`);
+    if (item.type === "group") {
+      return /* @__PURE__ */ jsx(MenuItemGroup, { label: item.label, children: item.children && renderMenuItems(item.children, selectedKeys, onClick) }, item.key ?? `group-${idx}`);
+    }
+    const key = String(item.key ?? `item-${idx}`);
+    return /* @__PURE__ */ jsx(MenuItem, { item, selected: selectedKeys.includes(key), onClick }, key);
+  });
+}
+function DropdownMenu({
+  items = [],
+  onClick,
+  onSelect,
+  selectable = false,
+  selectedKeys = [],
+  defaultSelectedKeys,
+  disabled,
+  style,
+  className,
+  children
+}) {
+  const [internalSelected, setInternalSelected] = useState(
+    () => defaultSelectedKeys ?? []
+  );
+  const selected = selectedKeys.length > 0 ? selectedKeys : internalSelected;
+  const handleClick = (key, e) => {
+    if (selectable) {
+      const next = selected.includes(key) ? selected.filter((k) => k !== key) : [...selected, key];
+      setInternalSelected(next);
+      onSelect?.({ key, keyPath: [key], selectedKeys: next });
+    }
+    onClick?.({ key, keyPath: [key], domEvent: e });
+  };
+  const menuContent = items.length > 0 ? /* @__PURE__ */ jsx("ul", { role: "menu", className: clsx4(MENU_BASE, className), style, "aria-disabled": disabled, children: renderMenuItems(items, selected, handleClick) }) : children;
+  return menuContent;
+}
+
+// src/atoms/Dropdown/utils.ts
+function mapTriggerToRc(trigger) {
+  if (!trigger) return ["hover"];
+  const arr = Array.isArray(trigger) ? trigger : [trigger];
+  return arr;
+}
+var PLACEMENT_MAP = {
+  topLeft: "topLeft",
+  top: "top",
+  topRight: "topRight",
+  topStart: "topLeft",
+  topEnd: "topRight",
+  bottomLeft: "bottomLeft",
+  bottom: "bottom",
+  bottomRight: "bottomRight",
+  bottomStart: "bottomLeft",
+  bottomEnd: "bottomRight"
+};
+function mapPlacementToRc(placement) {
+  if (placement && placement in PLACEMENT_MAP) return PLACEMENT_MAP[placement];
+  return "bottomLeft";
+}
+var PREFIX = "rc-dropdown";
+var DEFAULT_OVERLAY_CLASS = "z-[9999] shadow-lg rounded-lg overflow-visible";
+function Dropdown({
+  children,
+  menu,
+  trigger = ["hover"],
+  placement = "bottomLeft",
+  arrow = false,
+  open,
+  onOpenChange,
+  disabled,
+  destroyPopupOnHide,
+  destroyOnHidden,
+  getPopupContainer,
+  overlayClassName,
+  overlayStyle,
+  dropdownRender,
+  popupRender,
+  openClassName
+}) {
+  const renderProp = dropdownRender ?? popupRender;
+  const destroyOnHide = destroyPopupOnHide ?? destroyOnHidden ?? false;
+  if (!menu && !renderProp) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const menuContent = menu ? /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      items: menu.items,
+      onClick: menu.onClick,
+      onSelect: menu.onSelect,
+      selectable: menu.selectable,
+      selectedKeys: menu.selectedKeys,
+      defaultSelectedKeys: menu.defaultSelectedKeys,
+      disabled: menu.disabled,
+      style: menu.style,
+      className: menu.className
+    }
+  ) : /* @__PURE__ */ jsx("div", {});
+  const overlayContent = renderProp ? renderProp(menuContent) : menuContent;
+  const triggerArr = mapTriggerToRc(trigger);
+  const placementRc = mapPlacementToRc(placement);
+  const childElement = React2.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const effectiveVisible = disabled ? false : open;
+  const effectiveOverlay = disabled ? /* @__PURE__ */ jsx("div", {}) : overlayContent;
+  return /* @__PURE__ */ jsx(
+    RcDropdown,
+    {
+      prefixCls: PREFIX,
+      overlay: effectiveOverlay,
+      trigger: triggerArr,
+      placement: placementRc,
+      visible: effectiveVisible,
+      onVisibleChange: (visible) => !disabled && onOpenChange?.(visible),
+      overlayClassName: clsx4(DEFAULT_OVERLAY_CLASS, overlayClassName),
+      overlayStyle,
+      getPopupContainer,
+      openClassName: openClassName ?? `${PREFIX}-open`,
+      arrow: Boolean(arrow),
+      autoDestroy: destroyOnHide,
+      children: childElement
+    }
+  );
+}
+var TRIGGER_BASE = "rounded-lg px-4 flex items-center justify-between gap-2 font-roboto text-sm font-medium transition-colors outline-none";
+var TRIGGER_SIZES = {
+  default: "h-12 min-h-[48px] min-w-[192px]",
+  compact: "h-9 min-h-9 min-w-0"
+};
+var TRIGGER_STATES = {
+  default: "bg-content1 border border-input text-foreground hover:border-ring hover:bg-content2",
+  focus: "focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:border-transparent",
+  disabled: "opacity-60 cursor-not-allowed bg-content2 border-border",
+  error: "border-destructive"
+};
+function DropdownTrigger({
+  placeholder = "Seleccionar...",
+  value,
+  icon,
+  error,
+  width = "min",
+  size = "default",
+  className,
+  disabled,
+  ...rest
+}) {
+  const displayText = value ?? placeholder;
+  const isPlaceholder = !value;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-haspopup": "listbox",
+      "aria-expanded": rest["aria-expanded"],
+      disabled,
+      className: clsx4(
+        TRIGGER_BASE,
+        TRIGGER_SIZES[size],
+        TRIGGER_STATES.default,
+        TRIGGER_STATES.focus,
+        error && TRIGGER_STATES.error,
+        disabled && TRIGGER_STATES.disabled,
+        width === "full" && "w-full",
+        width === "auto" && "w-auto min-w-0",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: clsx4(
+              "flex-1 min-w-0 text-left truncate",
+              isPlaceholder && "text-muted-foreground"
+            ),
+            children: displayText
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 shrink-0", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-6 h-6 rounded-full bg-muted text-muted-foreground", children: icon }),
+          /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faCaretDown, className: "h-3 w-3 text-muted-foreground" })
+        ] })
+      ]
+    }
+  );
+}
+var SIZE_CLASSES = "min-w-9 h-9 flex items-center justify-center border border-border rounded-md font-roboto text-sm font-medium transition-colors";
+function PaginationItem({
+  type,
+  page,
+  disabled,
+  active,
+  isEllipsis,
+  onClick,
+  children,
+  "aria-current": ariaCurrent,
+  "aria-label": ariaLabel
+}) {
+  const isDisabled = disabled;
+  const baseClasses = clsx4(
+    SIZE_CLASSES,
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
+  );
+  if (isEllipsis) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: clsx4(baseClasses, "text-muted-foreground cursor-default select-none"),
+        "aria-hidden": true,
+        children: children ?? "..."
+      }
+    );
+  }
+  if (type === "prev") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled: isDisabled,
+        "aria-label": ariaLabel ?? "P\xE1gina anterior",
+        className: clsx4(
+          baseClasses,
+          isDisabled ? "text-muted-foreground opacity-60 cursor-not-allowed" : "text-primary-500 hover:bg-accent active:bg-accent"
+        ),
+        children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faChevronLeft, className: "h-4 w-4" })
+      }
+    );
+  }
+  if (type === "next") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled: isDisabled,
+        "aria-label": ariaLabel ?? "P\xE1gina siguiente",
+        className: clsx4(
+          baseClasses,
+          isDisabled ? "text-muted-foreground opacity-60 cursor-not-allowed" : "text-primary-500 hover:bg-accent active:bg-accent"
+        ),
+        children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faChevronRight, className: "h-4 w-4" })
+      }
+    );
+  }
+  if (type === "jump-prev" || type === "jump-next") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled: isDisabled,
+        className: clsx4(
+          baseClasses,
+          isDisabled ? "text-muted-foreground opacity-60 cursor-not-allowed" : "text-foreground hover:bg-accent active:bg-accent"
+        ),
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled: isDisabled,
+      "aria-current": ariaCurrent,
+      "aria-label": ariaLabel ?? (page ? `P\xE1gina ${page}` : void 0),
+      className: clsx4(
+        baseClasses,
+        active ? "bg-primary-500 text-primary-foreground cursor-default" : isDisabled ? "text-muted-foreground opacity-60 cursor-not-allowed" : "text-foreground hover:bg-accent active:bg-accent"
+      ),
+      children: children ?? page
+    }
+  );
+}
+function PaginationSizeSelect({
+  pageSize,
+  pageSizeOptions,
+  disabled,
+  onChange,
+  responsive = true
+}) {
+  const [open, setOpen] = useState(false);
+  const options = pageSizeOptions.length > 0 ? pageSizeOptions : [10, 15, 20];
+  const menuItems = options.map((opt) => ({
+    key: String(opt),
+    label: `${opt}/p\xE1gina`
+  }));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx4(
+        "flex items-center gap-2 font-roboto text-sm font-medium text-foreground",
+        responsive && "max-[360px]:hidden"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "Mostrar" }),
+        /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            open,
+            onOpenChange: setOpen,
+            placement: "bottom",
+            trigger: ["click"],
+            disabled,
+            menu: {
+              items: menuItems,
+              selectedKeys: [String(pageSize)],
+              onClick: ({ key }) => {
+                onChange(Number(key));
+                setOpen(false);
+              }
+            },
+            children: /* @__PURE__ */ jsx(
+              DropdownTrigger,
+              {
+                placeholder: "Mostrar",
+                value: `${pageSize}/p\xE1gina`,
+                width: "auto",
+                size: "compact",
+                disabled
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/atoms/Pagination/utils.ts
+function getItemRange(current, pageSize, total) {
+  const from = total === 0 ? 0 : (current - 1) * pageSize + 1;
+  const to = Math.min(current * pageSize, total);
+  return [from, to];
+}
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 15, 20];
+var DEFAULT_PAGE_SIZE = 10;
+var Pagination = ({
+  current: controlledCurrent,
+  defaultCurrent = 1,
+  total = 0,
+  pageSize: controlledPageSize,
+  defaultPageSize = DEFAULT_PAGE_SIZE,
+  disabled = false,
+  hideOnSinglePage = false,
+  showLessItems = false,
+  showQuickJumper = false,
+  showSizeChanger = false,
+  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+  showTitle = true,
+  showTotal,
+  simple,
+  size = "default",
+  responsive = true,
+  align = "start",
+  itemRender,
+  onChange,
+  onShowSizeChange,
+  className,
+  style
+}) => {
+  const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = useState(
+    defaultPageSize ?? pageSizeOptions[0] ?? DEFAULT_PAGE_SIZE
+  );
+  const isControlled = controlledCurrent !== void 0;
+  const isPageSizeControlled = controlledPageSize !== void 0;
+  const current = isControlled ? controlledCurrent : internalCurrent;
+  const pageSize = isPageSizeControlled ? controlledPageSize : internalPageSize;
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const handleChange = useCallback(
+    (page, size2) => {
+      if (!isControlled) setInternalCurrent(page);
+      if (!isPageSizeControlled && size2 !== pageSize) setInternalPageSize(size2);
+      onChange?.(page, size2);
+    },
+    [isControlled, isPageSizeControlled, pageSize, onChange]
+  );
+  const handleShowSizeChange = useCallback(
+    (page, size2) => {
+      if (!isPageSizeControlled) setInternalPageSize(size2);
+      onShowSizeChange?.(page, size2);
+      onChange?.(page, size2);
+    },
+    [isPageSizeControlled, onShowSizeChange, onChange]
+  );
+  const handleSizeSelectChange = useCallback(
+    (newSize) => {
+      const newCurrent = Math.min(current, Math.ceil(total / newSize) || 1);
+      handleShowSizeChange(newCurrent, newSize);
+      if (!isControlled) setInternalCurrent(newCurrent);
+    },
+    [current, total, handleShowSizeChange, isControlled]
+  );
+  const customItemRender = useCallback(
+    (page, type, element) => {
+      if (itemRender) {
+        return itemRender(page, type, element);
+      }
+      const isEllipsis = false;
+      const isPrev = type === "prev";
+      const isNext = type === "next";
+      const isPage = type === "page";
+      const isDisabled = isPrev && current <= 1 || isNext && current >= totalPages;
+      const isActive = isPage && page === current;
+      const originalOnClick = React2.isValidElement(element) && element.props ? element.props.onClick : void 0;
+      return /* @__PURE__ */ jsx(
+        PaginationItem,
+        {
+          type,
+          page,
+          disabled: isDisabled,
+          active: isActive,
+          isEllipsis,
+          onClick: originalOnClick,
+          "aria-current": isActive ? "page" : void 0,
+          children: type === "page" ? page : element
+        }
+      );
+    },
+    [itemRender, current, totalPages]
+  );
+  const range = useMemo(() => getItemRange(current, pageSize, total), [current, pageSize, total]);
+  const sizeOptions = useMemo(
+    () => pageSizeOptions.length > 0 ? pageSizeOptions : DEFAULT_PAGE_SIZE_OPTIONS,
+    [pageSizeOptions]
+  );
+  if (hideOnSinglePage && totalPages <= 1) {
+    return null;
+  }
+  const alignClass = align === "center" ? "justify-center" : align === "end" ? "justify-end" : "justify-between";
+  const sizeClass = size === "small" ? "h-8 [&_.rc-pagination-item]:min-w-[32px] [&_.rc-pagination-item]:h-8" : size === "large" ? "h-14 [&_.rc-pagination-item]:min-w-[56px] [&_.rc-pagination-item]:h-14" : "h-12";
+  const hasLeftSection = showTotal || showSizeChanger;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx4(
+        "flex items-center w-full min-h-[48px] px-4 py-0 rounded-lg bg-content1 font-roboto",
+        sizeClass,
+        hasLeftSection ? "justify-between gap-2" : alignClass,
+        className
+      ),
+      style,
+      children: [
+        hasLeftSection && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          showSizeChanger && /* @__PURE__ */ jsx(
+            PaginationSizeSelect,
+            {
+              pageSize,
+              pageSizeOptions: sizeOptions,
+              disabled,
+              onChange: handleSizeSelectChange,
+              responsive
+            }
+          ),
+          showTotal && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground max-[360px]:hidden", children: showTotal(total, range) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+          RCPagination,
+          {
+            current,
+            total,
+            pageSize,
+            defaultCurrent,
+            defaultPageSize,
+            disabled,
+            hideOnSinglePage: false,
+            showLessItems,
+            showSizeChanger: false,
+            showQuickJumper,
+            showTitle,
+            simple,
+            locale: {
+              prev_page: "Anterior",
+              next_page: "Siguiente",
+              page: "P\xE1gina",
+              jump_to: "Ir a",
+              jump_to_confirm: "Confirmar"
+            },
+            itemRender: customItemRender,
+            onChange: handleChange,
+            onShowSizeChange: handleShowSizeChange,
+            pageSizeOptions: sizeOptions,
+            className: clsx4(
+              "rc-pagination-custom flex items-center gap-2 [&_ul]:flex [&_ul]:items-center [&_ul]:gap-2 [&_ul]:list-none [&_ul]:m-0 [&_ul]:p-0",
+              "[&_.rc-pagination-prev]:m-0 [&_.rc-pagination-next]:m-0",
+              "[&_.rc-pagination-item]:m-0 [&_.rc-pagination-item]:border-0",
+              "[&_.rc-pagination-jump-prev]:m-0 [&_.rc-pagination-jump-next]:m-0",
+              "[&_li]:inline-flex"
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export { Dropdown, DropdownMenu, DropdownTrigger, Pagination, PaginationItem, PaginationSizeSelect, getItemRange, mapPlacementToRc, mapTriggerToRc };
+//# sourceMappingURL=chunk-A7TDGQAB.js.map
+//# sourceMappingURL=chunk-A7TDGQAB.js.map

package/dist/chunk-A7TDGQAB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/Dropdown/DropdownMenu.tsx","../src/atoms/Dropdown/utils.ts","../src/atoms/Dropdown/Dropdown.tsx","../src/atoms/Dropdown/DropdownTrigger.tsx","../src/atoms/Pagination/PaginationItem.tsx","../src/atoms/Pagination/PaginationSizeSelect.tsx","../src/atoms/Pagination/utils.ts","../src/atoms/Pagination/Pagination.tsx"],"names":["clsx","jsx","React","jsxs","FontAwesomeIcon","useState","size"],"mappings":"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","file":"chunk-A7TDGQAB.js","sourcesContent":["import React, { type ReactNode, useState } from 'react';\nimport clsx from 'clsx';\n\nimport type { DropdownMenuProps, MenuItemType } from './types';\n\nconst MENU_BASE =\n  'min-w-[160px] max-w-[max-content] py-1 rounded-lg bg-content1 shadow-md border border-border list-none m-0 p-0 outline-none font-roboto text-sm';\n\n/**\n * Renderiza un item de menú (no submenu, no group, no divider).\n */\nfunction MenuItem({\n  item,\n  selected,\n  onClick,\n}: {\n  item: MenuItemType;\n  selected?: boolean;\n  onClick?: (key: string, e: React.MouseEvent) => void;\n}) {\n  const key = item.key != null ? String(item.key) : '';\n  const { label, disabled, danger } = item;\n  const handleClick = (e: React.MouseEvent) => {\n    if (disabled) return;\n    onClick?.(key, e);\n  };\n\n  return (\n    <li\n      role=\"menuitem\"\n      aria-disabled={disabled}\n      className={clsx(\n        'block px-4 py-2 cursor-pointer transition-colors',\n        'hover:bg-accent active:bg-accent',\n        selected && 'bg-primary-50 text-primary-600',\n        disabled && 'opacity-50 cursor-not-allowed pointer-events-none text-muted-foreground',\n        danger && 'text-destructive',\n        danger && !disabled && 'hover:text-danger-600',\n      )}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          handleClick(e as unknown as React.MouseEvent);\n        }\n      }}\n    >\n      {label}\n    </li>\n  );\n}\n\n/**\n * Renderiza un divider.\n */\nfunction MenuDivider() {\n  return <li role=\"separator\" className=\"h-px my-1 bg-border\" />;\n}\n\n/**\n * Renderiza un grupo de items.\n */\nfunction MenuItemGroup({ label, children }: { label?: ReactNode; children: ReactNode }) {\n  return (\n    <li role=\"group\" className=\"list-none\">\n      {label && (\n        <div className=\"px-4 py-2 text-muted-foreground text-xs font-semibold border-b border-border\">\n          {label}\n        </div>\n      )}\n      <ul className=\"list-none p-0 m-0\">{children}</ul>\n    </li>\n  );\n}\n\n/**\n * Convierte items a elementos React.\n */\nfunction renderMenuItems(\n  items: MenuItemType[],\n  selectedKeys: string[],\n  onClick?: (key: string, e: React.MouseEvent) => void,\n): ReactNode {\n  return items.map((item, idx) => {\n    if (!item) return null;\n    if (item.type === 'divider') return <MenuDivider key={`divider-${idx}`} />;\n    if (item.type === 'group') {\n      return (\n        <MenuItemGroup key={item.key ?? `group-${idx}`} label={item.label}>\n          {item.children && renderMenuItems(item.children, selectedKeys, onClick)}\n        </MenuItemGroup>\n      );\n    }\n    const key = String(item.key ?? `item-${idx}`);\n    return (\n      <MenuItem key={key} item={item} selected={selectedKeys.includes(key)} onClick={onClick} />\n    );\n  });\n}\n\nexport interface DropdownMenuComponentProps extends DropdownMenuProps {\n  /** Render custom (dropdownRender) envuelve este contenido */\n  children?: ReactNode;\n}\n\n/**\n * Menú del dropdown con estilos Tailwind.\n * Compatible con API de Ant Design Menu (items, onClick, selectable, etc.)\n */\nexport function DropdownMenu({\n  items = [],\n  onClick,\n  onSelect,\n  selectable = false,\n  selectedKeys = [],\n  defaultSelectedKeys,\n  disabled,\n  style,\n  className,\n  children,\n}: DropdownMenuComponentProps) {\n  const [internalSelected, setInternalSelected] = useState<string[]>(\n    () => defaultSelectedKeys ?? [],\n  );\n  const selected = selectedKeys.length > 0 ? selectedKeys : internalSelected;\n\n  const handleClick = (key: string, e: React.MouseEvent) => {\n    if (selectable) {\n      const next = selected.includes(key) ? selected.filter((k) => k !== key) : [...selected, key];\n      setInternalSelected(next);\n      onSelect?.({ key, keyPath: [key], selectedKeys: next });\n    }\n    onClick?.({ key, keyPath: [key], domEvent: e });\n  };\n\n  const menuContent =\n    items.length > 0 ? (\n      <ul role=\"menu\" className={clsx(MENU_BASE, className)} style={style} aria-disabled={disabled}>\n        {renderMenuItems(items, selected, handleClick)}\n      </ul>\n    ) : (\n      children\n    );\n\n  return menuContent;\n}\n","import type { DropdownPlacement, DropdownTrigger } from './types';\n\n/**\n * Mapea el trigger de Ant Design al formato de rc-dropdown.\n * Ant Design: ['click'] | ['hover'] | ['contextMenu'] | combinaciones\n * rc-dropdown: action = 'click' | 'hover' | 'contextMenu' (array)\n */\nexport function mapTriggerToRc(\n  trigger?: DropdownTrigger | DropdownTrigger[],\n): ('click' | 'hover' | 'contextMenu')[] {\n  if (!trigger) return ['hover'];\n  const arr = Array.isArray(trigger) ? trigger : [trigger];\n  return arr as ('click' | 'hover' | 'contextMenu')[];\n}\n\nconst PLACEMENT_MAP: Record<\n  string,\n  'topLeft' | 'top' | 'topRight' | 'bottomLeft' | 'bottom' | 'bottomRight'\n> = {\n  topLeft: 'topLeft',\n  top: 'top',\n  topRight: 'topRight',\n  topStart: 'topLeft',\n  topEnd: 'topRight',\n  bottomLeft: 'bottomLeft',\n  bottom: 'bottom',\n  bottomRight: 'bottomRight',\n  bottomStart: 'bottomLeft',\n  bottomEnd: 'bottomRight',\n};\n\n/**\n * Placement de Ant Design / HeroUI a rc-dropdown.\n */\nexport function mapPlacementToRc(\n  placement?: DropdownPlacement,\n): 'topLeft' | 'top' | 'topRight' | 'bottomLeft' | 'bottom' | 'bottomRight' {\n  if (placement && placement in PLACEMENT_MAP) return PLACEMENT_MAP[placement];\n  return 'bottomLeft';\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport RcDropdown from 'rc-dropdown';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport type { DropdownProps } from './types';\nimport { mapPlacementToRc, mapTriggerToRc } from './utils';\n\nconst PREFIX = 'rc-dropdown';\n\nconst DEFAULT_OVERLAY_CLASS = 'z-[9999] shadow-lg rounded-lg overflow-visible';\n\n/**\n * Dropdown con API compatible con Ant Design.\n * Usa rc-dropdown internamente y Tailwind para estilos.\n *\n * @see https://ant.design/components/dropdown#api\n *\n * Notas de compatibilidad:\n * - overlayClassName/overlayStyle: soportados (rc-dropdown nativo)\n * - destroyPopupOnHide: mapeado a autoDestroy de rc-trigger\n * - destroyOnHidden: alias de destroyPopupOnHide (Ant Design 5.25+)\n * - dropdownRender/popupRender: soportados (custom overlay)\n * - autoAdjustOverflow: rc-dropdown ya lo hace por defecto en placements\n */\nexport function Dropdown({\n  children,\n  menu,\n  trigger = ['hover'],\n  placement = 'bottomLeft',\n  arrow = false,\n  open,\n  onOpenChange,\n  disabled,\n  destroyPopupOnHide,\n  destroyOnHidden,\n  getPopupContainer,\n  overlayClassName,\n  overlayStyle,\n  dropdownRender,\n  popupRender,\n  openClassName,\n}: DropdownProps) {\n  const renderProp = dropdownRender ?? popupRender;\n  const destroyOnHide = destroyPopupOnHide ?? destroyOnHidden ?? false;\n\n  if (!menu && !renderProp) {\n    return <>{children}</>;\n  }\n\n  const menuContent = menu ? (\n    <DropdownMenu\n      items={menu.items}\n      onClick={menu.onClick}\n      onSelect={menu.onSelect}\n      selectable={menu.selectable}\n      selectedKeys={menu.selectedKeys}\n      defaultSelectedKeys={menu.defaultSelectedKeys}\n      disabled={menu.disabled}\n      style={menu.style}\n      className={menu.className}\n    />\n  ) : (\n    <div />\n  );\n\n  const overlayContent: React.ReactElement = renderProp\n    ? (renderProp(menuContent) as React.ReactElement)\n    : menuContent;\n\n  const triggerArr = mapTriggerToRc(trigger);\n  const placementRc = mapPlacementToRc(placement);\n\n  const childElement = React.isValidElement(children) ? children : <span>{children}</span>;\n\n  const effectiveVisible = disabled ? false : open;\n  const effectiveOverlay = disabled ? <div /> : overlayContent;\n\n  return (\n    <RcDropdown\n      prefixCls={PREFIX}\n      overlay={effectiveOverlay}\n      trigger={triggerArr}\n      placement={placementRc}\n      visible={effectiveVisible}\n      onVisibleChange={(visible) => !disabled && onOpenChange?.(visible)}\n      overlayClassName={clsx(DEFAULT_OVERLAY_CLASS, overlayClassName)}\n      overlayStyle={overlayStyle}\n      getPopupContainer={getPopupContainer}\n      openClassName={openClassName ?? `${PREFIX}-open`}\n      arrow={Boolean(arrow)}\n      autoDestroy={destroyOnHide}\n    >\n      {childElement}\n    </RcDropdown>\n  );\n}\n","import type { ButtonHTMLAttributes } from 'react';\nimport { faCaretDown } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport clsx from 'clsx';\n\nimport type { DropdownTriggerProps } from './types';\n\nconst TRIGGER_BASE =\n  'rounded-lg px-4 flex items-center justify-between gap-2 font-roboto text-sm font-medium transition-colors outline-none';\n\nconst TRIGGER_SIZES = {\n  default: 'h-12 min-h-[48px] min-w-[192px]',\n  compact: 'h-9 min-h-9 min-w-0',\n};\n\nconst TRIGGER_STATES = {\n  default: 'bg-content1 border border-input text-foreground hover:border-ring hover:bg-content2',\n  focus:\n    'focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:border-transparent',\n  active: 'border-primary-500 bg-primary-50',\n  disabled: 'opacity-60 cursor-not-allowed bg-content2 border-border',\n  error: 'border-destructive',\n};\n\ntype TriggerButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof DropdownTriggerProps>;\n\n/**\n * Trigger del dropdown con diseño blueprint.\n * - Altura: 48px\n * - Border radius: 8px\n * - Fondo content1, borde gris\n * - Placeholder/value a la izquierda, icono + caret a la derecha\n */\nexport function DropdownTrigger({\n  placeholder = 'Seleccionar...',\n  value,\n  icon,\n  error,\n  width = 'min',\n  size = 'default',\n  className,\n  disabled,\n  ...rest\n}: DropdownTriggerProps) {\n  const displayText = value ?? placeholder;\n  const isPlaceholder = !value;\n\n  return (\n    <button\n      type=\"button\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={rest['aria-expanded']}\n      disabled={disabled}\n      className={clsx(\n        TRIGGER_BASE,\n        TRIGGER_SIZES[size],\n        TRIGGER_STATES.default,\n        TRIGGER_STATES.focus,\n        error && TRIGGER_STATES.error,\n        disabled && TRIGGER_STATES.disabled,\n        width === 'full' && 'w-full',\n        width === 'auto' && 'w-auto min-w-0',\n        className,\n      )}\n      {...(rest as TriggerButtonProps)}\n    >\n      <span\n        className={clsx(\n          'flex-1 min-w-0 text-left truncate',\n          isPlaceholder && 'text-muted-foreground',\n        )}\n      >\n        {displayText}\n      </span>\n      <span className=\"flex items-center gap-2 shrink-0\">\n        {icon && (\n          <span className=\"flex items-center justify-center w-6 h-6 rounded-full bg-muted text-muted-foreground\">\n            {icon}\n          </span>\n        )}\n        <FontAwesomeIcon icon={faCaretDown} className=\"h-3 w-3 text-muted-foreground\" />\n      </span>\n    </button>\n  );\n}\n","import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport clsx from 'clsx';\n\nimport type { PaginationItemType } from './types';\n\ninterface PaginationItemProps {\n  type: PaginationItemType;\n  page?: number;\n  disabled?: boolean;\n  active?: boolean;\n  isEllipsis?: boolean;\n  onClick?: () => void;\n  children?: React.ReactNode;\n  'aria-current'?: 'page';\n  'aria-label'?: string;\n}\n\nconst SIZE_CLASSES =\n  'min-w-9 h-9 flex items-center justify-center border border-border rounded-md font-roboto text-sm font-medium transition-colors';\n\nexport function PaginationItem({\n  type,\n  page,\n  disabled,\n  active,\n  isEllipsis,\n  onClick,\n  children,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabel,\n}: PaginationItemProps) {\n  const isDisabled = disabled;\n\n  const baseClasses = clsx(\n    SIZE_CLASSES,\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n  );\n\n  if (isEllipsis) {\n    return (\n      <span\n        className={clsx(baseClasses, 'text-muted-foreground cursor-default select-none')}\n        aria-hidden\n      >\n        {children ?? '...'}\n      </span>\n    );\n  }\n\n  if (type === 'prev') {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-label={ariaLabel ?? 'Página anterior'}\n        className={clsx(\n          baseClasses,\n          isDisabled\n            ? 'text-muted-foreground opacity-60 cursor-not-allowed'\n            : 'text-primary-500 hover:bg-accent active:bg-accent',\n        )}\n      >\n        <FontAwesomeIcon icon={faChevronLeft} className=\"h-4 w-4\" />\n      </button>\n    );\n  }\n\n  if (type === 'next') {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-label={ariaLabel ?? 'Página siguiente'}\n        className={clsx(\n          baseClasses,\n          isDisabled\n            ? 'text-muted-foreground opacity-60 cursor-not-allowed'\n            : 'text-primary-500 hover:bg-accent active:bg-accent',\n        )}\n      >\n        <FontAwesomeIcon icon={faChevronRight} className=\"h-4 w-4\" />\n      </button>\n    );\n  }\n\n  if (type === 'jump-prev' || type === 'jump-next') {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isDisabled}\n        className={clsx(\n          baseClasses,\n          isDisabled\n            ? 'text-muted-foreground opacity-60 cursor-not-allowed'\n            : 'text-foreground hover:bg-accent active:bg-accent',\n        )}\n      >\n        {children}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-current={ariaCurrent}\n      aria-label={ariaLabel ?? (page ? `Página ${page}` : undefined)}\n      className={clsx(\n        baseClasses,\n        active\n          ? 'bg-primary-500 text-primary-foreground cursor-default'\n          : isDisabled\n            ? 'text-muted-foreground opacity-60 cursor-not-allowed'\n            : 'text-foreground hover:bg-accent active:bg-accent',\n      )}\n    >\n      {children ?? page}\n    </button>\n  );\n}\n","import { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Dropdown, DropdownTrigger } from '../Dropdown';\n\ninterface PaginationSizeSelectProps {\n  pageSize: number;\n  pageSizeOptions: number[];\n  disabled?: boolean;\n  onChange: (size: number) => void;\n  /** Ocultar en viewports <= 360px cuando responsive=true */\n  responsive?: boolean;\n}\n\nexport function PaginationSizeSelect({\n  pageSize,\n  pageSizeOptions,\n  disabled,\n  onChange,\n  responsive = true,\n}: PaginationSizeSelectProps) {\n  const [open, setOpen] = useState(false);\n  const options = pageSizeOptions.length > 0 ? pageSizeOptions : [10, 15, 20];\n\n  const menuItems = options.map((opt) => ({\n    key: String(opt),\n    label: `${opt}/página`,\n  }));\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center gap-2 font-roboto text-sm font-medium text-foreground',\n        responsive && 'max-[360px]:hidden',\n      )}\n    >\n      <span className=\"text-foreground\">Mostrar</span>\n      <Dropdown\n        open={open}\n        onOpenChange={setOpen}\n        placement=\"bottom\"\n        trigger={['click']}\n        disabled={disabled}\n        menu={{\n          items: menuItems,\n          selectedKeys: [String(pageSize)],\n          onClick: ({ key }) => {\n            onChange(Number(key));\n            setOpen(false);\n          },\n        }}\n      >\n        <DropdownTrigger\n          placeholder=\"Mostrar\"\n          value={`${pageSize}/página`}\n          width=\"auto\"\n          size=\"compact\"\n          disabled={disabled}\n        />\n      </Dropdown>\n    </div>\n  );\n}\n","/**\n * Calcula el rango [from, to] de items mostrados en la página actual\n */\nexport function getItemRange(current: number, pageSize: number, total: number): [number, number] {\n  const from = total === 0 ? 0 : (current - 1) * pageSize + 1;\n  const to = Math.min(current * pageSize, total);\n  return [from, to];\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport clsx from 'clsx';\nimport RCPagination from 'rc-pagination';\n\nimport { PaginationItem } from './PaginationItem';\nimport { PaginationSizeSelect } from './PaginationSizeSelect';\nimport type { PaginationItemType, PaginationProps } from './types';\nimport { getItemRange } from './utils';\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 15, 20];\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  current: controlledCurrent,\n  defaultCurrent = 1,\n  total = 0,\n  pageSize: controlledPageSize,\n  defaultPageSize = DEFAULT_PAGE_SIZE,\n  disabled = false,\n  hideOnSinglePage = false,\n  showLessItems = false,\n  showQuickJumper = false,\n  showSizeChanger = false,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  showTitle = true,\n  showTotal,\n  simple,\n  size = 'default',\n  responsive = true,\n  align = 'start',\n  itemRender,\n  onChange,\n  onShowSizeChange,\n  className,\n  style,\n}) => {\n  const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);\n  const [internalPageSize, setInternalPageSize] = useState(\n    defaultPageSize ?? pageSizeOptions[0] ?? DEFAULT_PAGE_SIZE,\n  );\n\n  const isControlled = controlledCurrent !== undefined;\n  const isPageSizeControlled = controlledPageSize !== undefined;\n\n  const current = isControlled ? controlledCurrent! : internalCurrent;\n  const pageSize = isPageSizeControlled ? controlledPageSize! : internalPageSize;\n\n  const totalPages = Math.max(1, Math.ceil(total / pageSize));\n\n  const handleChange = useCallback(\n    (page: number, size: number) => {\n      if (!isControlled) setInternalCurrent(page);\n      if (!isPageSizeControlled && size !== pageSize) setInternalPageSize(size);\n      onChange?.(page, size);\n    },\n    [isControlled, isPageSizeControlled, pageSize, onChange],\n  );\n\n  const handleShowSizeChange = useCallback(\n    (page: number, size: number) => {\n      if (!isPageSizeControlled) setInternalPageSize(size);\n      onShowSizeChange?.(page, size);\n      onChange?.(page, size);\n    },\n    [isPageSizeControlled, onShowSizeChange, onChange],\n  );\n\n  const handleSizeSelectChange = useCallback(\n    (newSize: number) => {\n      const newCurrent = Math.min(current, Math.ceil(total / newSize) || 1);\n      handleShowSizeChange(newCurrent, newSize);\n      if (!isControlled) setInternalCurrent(newCurrent);\n    },\n    [current, total, handleShowSizeChange, isControlled],\n  );\n\n  const customItemRender = useCallback(\n    (page: number, type: PaginationItemType, element: React.ReactNode) => {\n      if (itemRender) {\n        return itemRender(page, type, element);\n      }\n      const isEllipsis = false;\n      const isPrev = type === 'prev';\n      const isNext = type === 'next';\n      const isPage = type === 'page';\n      const isDisabled = (isPrev && current <= 1) || (isNext && current >= totalPages);\n      const isActive = isPage && page === current;\n      const originalOnClick =\n        React.isValidElement(element) && element.props\n          ? (element.props as { onClick?: () => void }).onClick\n          : undefined;\n\n      return (\n        <PaginationItem\n          type={type}\n          page={page}\n          disabled={isDisabled}\n          active={isActive}\n          isEllipsis={isEllipsis}\n          onClick={originalOnClick}\n          aria-current={isActive ? 'page' : undefined}\n        >\n          {type === 'page' ? page : element}\n        </PaginationItem>\n      );\n    },\n    [itemRender, current, totalPages],\n  );\n\n  const range = useMemo(() => getItemRange(current, pageSize, total), [current, pageSize, total]);\n\n  const sizeOptions = useMemo(\n    () => (pageSizeOptions.length > 0 ? pageSizeOptions : DEFAULT_PAGE_SIZE_OPTIONS),\n    [pageSizeOptions],\n  );\n\n  if (hideOnSinglePage && totalPages <= 1) {\n    return null;\n  }\n\n  const alignClass =\n    align === 'center' ? 'justify-center' : align === 'end' ? 'justify-end' : 'justify-between';\n\n  const sizeClass =\n    size === 'small'\n      ? 'h-8 [&_.rc-pagination-item]:min-w-[32px] [&_.rc-pagination-item]:h-8'\n      : size === 'large'\n        ? 'h-14 [&_.rc-pagination-item]:min-w-[56px] [&_.rc-pagination-item]:h-14'\n        : 'h-12';\n\n  const hasLeftSection = showTotal || showSizeChanger;\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center w-full min-h-[48px] px-4 py-0 rounded-lg bg-content1 font-roboto',\n        sizeClass,\n        hasLeftSection ? 'justify-between gap-2' : alignClass,\n        className,\n      )}\n      style={style}\n    >\n      {hasLeftSection && (\n        <div className=\"flex items-center gap-2\">\n          {showSizeChanger && (\n            <PaginationSizeSelect\n              pageSize={pageSize}\n              pageSizeOptions={sizeOptions}\n              disabled={disabled}\n              onChange={handleSizeSelectChange}\n              responsive={responsive}\n            />\n          )}\n          {showTotal && (\n            <div className=\"text-sm font-medium text-foreground max-[360px]:hidden\">\n              {showTotal(total, range)}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <RCPagination\n          current={current}\n          total={total}\n          pageSize={pageSize}\n          defaultCurrent={defaultCurrent}\n          defaultPageSize={defaultPageSize}\n          disabled={disabled}\n          hideOnSinglePage={false}\n          showLessItems={showLessItems}\n          showSizeChanger={false}\n          showQuickJumper={showQuickJumper}\n          showTitle={showTitle}\n          simple={simple}\n          locale={{\n            prev_page: 'Anterior',\n            next_page: 'Siguiente',\n            page: 'Página',\n            jump_to: 'Ir a',\n            jump_to_confirm: 'Confirmar',\n          }}\n          itemRender={customItemRender}\n          onChange={handleChange}\n          onShowSizeChange={handleShowSizeChange}\n          pageSizeOptions={sizeOptions}\n          className={clsx(\n            'rc-pagination-custom flex items-center gap-2 [&_ul]:flex [&_ul]:items-center [&_ul]:gap-2 [&_ul]:list-none [&_ul]:m-0 [&_ul]:p-0',\n            '[&_.rc-pagination-prev]:m-0 [&_.rc-pagination-next]:m-0',\n            '[&_.rc-pagination-item]:m-0 [&_.rc-pagination-item]:border-0',\n            '[&_.rc-pagination-jump-prev]:m-0 [&_.rc-pagination-jump-next]:m-0',\n            '[&_li]:inline-flex',\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n"]}