@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMTable-Cp8HZqiV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMTable-Cp8HZqiV.js","sources":["../src/components/DataDisplay/LMTable/LMTable.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, memo } from 'react'\nimport { SIZE_TABLE_CONFIG, SIZE_TEXT_CLASSES } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMTableColumn<T = Record<string, unknown>> {\n  /** Column title */\n  title: string\n  /** Data field name */\n  dataIndex: string\n  /** Column width */\n  width?: string | number\n  /** Custom render function */\n  render?: (value: unknown, record: T, index: number) => React.ReactNode\n  /** Sortable */\n  sorter?: boolean\n  /** Column alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Fixed column */\n  fixed?: 'left' | 'right'\n}\n\nexport interface LMPaginationConfig {\n  /** Current page */\n  current: number\n  /** Page size */\n  pageSize: number\n  /** Total count */\n  total: number\n  /** Show pagination */\n  showPagination?: boolean\n  /** Page size options */\n  pageSizeOptions?: number[]\n  /** Show total */\n  showTotal?: boolean\n  /** Show quick jumper */\n  showQuickJumper?: boolean\n  /** Show size changer */\n  showSizeChanger?: boolean\n  /** Change callback */\n  onChange?: (page: number, pageSize: number) => void\n}\n\nexport interface LMLoadMoreConfig {\n  /** Enable load more */\n  enabled: boolean\n  /** Threshold */\n  threshold?: number\n  /** Has more data */\n  hasMore: boolean\n  /** Loading state */\n  loading: boolean\n  /** Load more callback */\n  onLoadMore: () => void\n}\n\nexport interface LMTableProps<T = Record<string, unknown>> {\n  /** Data source */\n  dataSource: T[]\n  /** Columns */\n  columns: LMTableColumn<T>[]\n  /** Row key */\n  rowKey?: string | ((record: T, index: number) => string)\n  /** Pagination config */\n  pagination?: LMPaginationConfig\n  /** Load more config */\n  loadMore?: LMLoadMoreConfig\n  /** Loading state */\n  loading?: boolean\n  /** Empty text */\n  emptyText?: string\n  /** Size */\n  size?: ComponentSize\n  /** Bordered */\n  bordered?: boolean\n  /** Striped */\n  striped?: boolean\n  /** Selectable */\n  selectable?: boolean\n  /** Selected row keys */\n  selectedRowKeys?: string[]\n  /** Selection change callback */\n  onSelectionChange?: (selectedRowKeys: string[], selectedRows: T[]) => void\n  /** Row click callback */\n  onRowClick?: (record: T, index: number) => void\n  /** Sort change callback */\n  onSortChange?: (field: string, order: 'ascend' | 'descend') => void\n  /** Class name */\n  className?: string\n  /** Full height */\n  fullHeight?: boolean\n  /** Variant */\n  variant?: 'default' | 'elevated' | 'outline' | 'minimal' | 'soft' | 'zebra'\n}\n\nconst CaretUpIcon: React.FC<{ active?: boolean }> = ({ active }) => (\n  <svg\n    className=\"w-2.5 h-2.5\"\n    viewBox=\"0 0 10 6\"\n    fill=\"none\"\n    style={{ color: active ? 'var(--lm-primary-500)' : 'var(--lm-gray-400)' }}\n  >\n    <path d=\"M5 0L10 6H0L5 0Z\" fill=\"currentColor\" />\n  </svg>\n)\n\nconst CaretDownIcon: React.FC<{ active?: boolean }> = ({ active }) => (\n  <svg\n    className=\"w-2.5 h-2.5\"\n    viewBox=\"0 0 10 6\"\n    fill=\"none\"\n    style={{ color: active ? 'var(--lm-primary-500)' : 'var(--lm-gray-400)' }}\n  >\n    <path d=\"M5 6L0 0H10L5 6Z\" fill=\"currentColor\" />\n  </svg>\n)\n\nconst ChevronLeftIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n  </svg>\n)\n\nconst ChevronRightIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n  </svg>\n)\n\nconst SpinnerIcon: React.FC = () => (\n  <svg className=\"w-4 h-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n)\n\nconst LMTable = <T = unknown,>({\n  dataSource,\n  columns,\n  rowKey = 'id',\n  pagination,\n  loadMore,\n  loading = false,\n  emptyText = 'No data',\n  size = 'md',\n  bordered = false,\n  striped = false,\n  selectable = false,\n  selectedRowKeys = [],\n  onSelectionChange,\n  onRowClick,\n  onSortChange,\n  className = '',\n  fullHeight = false,\n  variant = 'default',\n}: LMTableProps<T>) => {\n  const [currentPage, setCurrentPage] = useState(1)\n  const [pageSize, setPageSize] = useState(10)\n  const [sortField, setSortField] = useState<string>('')\n  const [sortOrder, setSortOrder] = useState<'ascend' | 'descend'>('ascend')\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const getRowKey = useCallback(\n    (record: T, index: number): string => {\n      if (typeof rowKey === 'function') {\n        return rowKey(record, index)\n      }\n      const key = (record as unknown as Record<string, unknown>)[rowKey as string]\n      return (typeof key === 'string' ? key : String(key)) || index.toString()\n    },\n    [rowKey]\n  )\n\n  const getValueByDataIndex = useCallback((record: T, dataIndex: string) => {\n    const parts = String(dataIndex).split('.')\n    let current: unknown = record as unknown as Record<string, unknown>\n    for (const p of parts) {\n      if (\n        current == null ||\n        typeof current !== 'object' ||\n        !(p in (current as Record<string, unknown>))\n      ) {\n        return ''\n      }\n      current = (current as Record<string, unknown>)[p]\n    }\n    return current as unknown\n  }, [])\n\n  const handleSort = useCallback(\n    (column: LMTableColumn<T>) => {\n      if (!column.sorter) return\n\n      let newSortOrder: 'ascend' | 'descend' = 'ascend'\n      if (sortField === column.dataIndex) {\n        newSortOrder = sortOrder === 'ascend' ? 'descend' : 'ascend'\n      }\n\n      setSortField(column.dataIndex)\n      setSortOrder(newSortOrder)\n      onSortChange?.(column.dataIndex, newSortOrder)\n    },\n    [sortField, sortOrder, onSortChange]\n  )\n\n  const handlePageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page)\n      pagination?.onChange?.(page, pageSize)\n    },\n    [pagination, pageSize]\n  )\n\n  const handlePageSizeChange = useCallback(\n    (newPageSize: number) => {\n      setPageSize(newPageSize)\n      setCurrentPage(1)\n      pagination?.onChange?.(1, newPageSize)\n    },\n    [pagination]\n  )\n\n  const handleRowSelect = useCallback(\n    (record: T, checked: boolean) => {\n      const key = getRowKey(record, dataSource.indexOf(record))\n      let newSelectedRowKeys: string[]\n\n      if (checked) {\n        newSelectedRowKeys = [...selectedRowKeys, key]\n      } else {\n        newSelectedRowKeys = selectedRowKeys.filter((k) => k !== key)\n      }\n\n      const newSelectedRows = dataSource.filter((item) =>\n        newSelectedRowKeys.includes(getRowKey(item, dataSource.indexOf(item)))\n      )\n\n      onSelectionChange?.(newSelectedRowKeys, newSelectedRows)\n    },\n    [selectedRowKeys, dataSource, getRowKey, onSelectionChange]\n  )\n\n  const handleSelectAll = useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        const allKeys = dataSource.map((record, index) => getRowKey(record, index))\n        onSelectionChange?.(allKeys, dataSource)\n      } else {\n        onSelectionChange?.([], [])\n      }\n    },\n    [dataSource, getRowKey, onSelectionChange]\n  )\n\n  const handleScroll = useCallback(() => {\n    if (!loadMore?.enabled || loadMore.loading || !loadMore.hasMore) return\n\n    const container = containerRef.current\n    if (!container) return\n\n    const { scrollTop, scrollHeight, clientHeight } = container\n    const threshold = loadMore.threshold || 100\n\n    if (scrollTop + clientHeight >= scrollHeight - threshold) {\n      loadMore.onLoadMore()\n    }\n  }, [loadMore])\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container || !loadMore?.enabled) return\n\n    container.addEventListener('scroll', handleScroll)\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [handleScroll, loadMore?.enabled, loadMore?.loading, loadMore?.hasMore])\n\n  useEffect(() => {\n    if (pagination?.current !== undefined) {\n      setCurrentPage(pagination.current)\n    }\n    if (pagination?.pageSize !== undefined) {\n      setPageSize(pagination.pageSize)\n    }\n  }, [pagination])\n\n  const paginationUiClasses = {\n    xs: {\n      container: 'px-3 py-2',\n      text: 'text-xs',\n      control: 'px-2 py-1 text-xs',\n      gap: 'gap-1',\n      select: 'px-2 py-1 text-xs',\n      input: 'px-2 py-1 text-xs w-14',\n    },\n    sm: {\n      container: 'px-3 py-2',\n      text: 'text-sm',\n      control: 'px-2 py-1 text-sm',\n      gap: 'gap-2',\n      select: 'px-2 py-1 text-sm',\n      input: 'px-2 py-1 text-sm w-16',\n    },\n    md: {\n      container: 'px-4 py-3',\n      text: 'text-sm',\n      control: 'px-3 py-1 text-sm',\n      gap: 'gap-2',\n      select: 'px-2 py-1 text-sm',\n      input: 'px-2 py-1 text-sm w-16',\n    },\n    lg: {\n      container: 'px-5 py-3.5',\n      text: 'text-base',\n      control: 'px-3.5 py-1.5 text-base',\n      gap: 'gap-3',\n      select: 'px-3 py-1.5 text-base',\n      input: 'px-3 py-1.5 text-base w-20',\n    },\n    xl: {\n      container: 'px-6 py-4',\n      text: 'text-lg',\n      control: 'px-4 py-2 text-lg',\n      gap: 'gap-3',\n      select: 'px-4 py-2 text-lg',\n      input: 'px-4 py-2 text-lg w-24',\n    },\n    '2xl': {\n      container: 'px-8 py-5',\n      text: 'text-xl',\n      control: 'px-5 py-2.5 text-xl',\n      gap: 'gap-4',\n      select: 'px-5 py-2.5 text-xl',\n      input: 'px-5 py-2.5 text-xl w-28',\n    },\n  } as const\n\n  const totalPages =\n    pagination && pagination.total && pageSize\n      ? Math.max(1, Math.ceil(pagination.total / pageSize))\n      : 1\n\n  const getTableStyles = () => ({\n    backgroundColor:\n      variant === 'minimal'\n        ? 'transparent'\n        : variant === 'soft'\n          ? 'var(--lm-bg-paper)'\n          : 'var(--lm-bg-elevated)',\n    borderColor:\n      variant === 'outline'\n        ? 'var(--lm-border-strong)'\n        : bordered\n          ? 'var(--lm-border-default)'\n          : 'transparent',\n  })\n\n  const getHeaderStyles = () => ({\n    backgroundColor: variant === 'minimal' ? 'transparent' : 'var(--lm-bg-elevated)',\n    color: 'var(--lm-text-primary)',\n    borderColor: variant === 'outline' ? 'var(--lm-border-strong)' : 'var(--lm-border-light)',\n  })\n\n  const getCellStyles = (isHeader = false) => ({\n    backgroundColor: isHeader\n      ? variant === 'minimal'\n        ? 'transparent'\n        : 'var(--lm-bg-paper)'\n      : variant === 'minimal'\n        ? 'transparent'\n        : variant === 'soft'\n          ? 'var(--lm-bg-paper)'\n          : 'var(--lm-bg-elevated)',\n    color: 'var(--lm-text-primary)',\n    borderColor:\n      variant === 'outline'\n        ? 'var(--lm-border-strong)'\n        : variant === 'minimal'\n          ? 'transparent'\n          : 'var(--lm-border-light)',\n  })\n\n  const getRowStyles = (index: number, isSelected = false) => {\n    const baseStyles = {\n      backgroundColor: isSelected\n        ? 'var(--lm-primary-50)'\n        : (striped || variant === 'zebra') && index % 2 === 1\n          ? 'var(--lm-bg-paper)'\n          : variant === 'minimal'\n            ? 'transparent'\n            : variant === 'soft'\n              ? 'var(--lm-bg-paper)'\n              : 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n    }\n\n    if (isSelected) {\n      return {\n        ...baseStyles,\n        borderColor: 'var(--lm-primary-200)',\n      }\n    }\n\n    return baseStyles\n  }\n\n  const getPaginationStyles = () => ({\n    backgroundColor:\n      variant === 'minimal'\n        ? 'transparent'\n        : variant === 'soft'\n          ? 'var(--lm-bg-paper)'\n          : 'var(--lm-bg-elevated)',\n    color: 'var(--lm-text-primary)',\n    borderColor: variant === 'outline' ? 'var(--lm-border-strong)' : 'var(--lm-border-default)',\n    boxShadow: variant === 'elevated' ? 'var(--lm-shadow-md)' : undefined,\n  })\n\n  const getButtonStyles = (disabled = false, active = false) => {\n    if (disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        color: 'var(--lm-text-disabled)',\n        borderColor: 'var(--lm-border-light)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n\n    if (active) {\n      return {\n        backgroundColor: 'var(--lm-primary-500)',\n        color: 'white',\n        borderColor: 'var(--lm-primary-500)',\n      }\n    }\n\n    return {\n      backgroundColor: 'var(--lm-bg-paper)',\n      color: 'var(--lm-text-primary)',\n      borderColor: 'var(--lm-border-default)',\n    }\n  }\n\n  const getLoadingStyles = () => ({\n    color: 'var(--lm-text-secondary)',\n  })\n\n  const getEmptyStyles = () => ({\n    color: 'var(--lm-text-secondary)',\n  })\n\n  const tableClassName = `w-full ${SIZE_TEXT_CLASSES[size]} border-collapse ${className}`\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const isAllSelected = dataSource.length > 0 && selectedRowKeys.length === dataSource.length\n\n  const isIndeterminate =\n    selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length\n\n  const rootClassName = `space-y-4 ${fullHeight ? 'h-full flex flex-col min-h-0' : ''}`\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const tableContainerClassName = `${\n    fullHeight\n      ? 'flex-1 min-h-0 overflow-auto'\n      : `overflow-auto ${loadMore?.enabled ? 'max-h-96' : ''}`\n  }`\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const wrapperVariantClasses = (() => {\n    switch (variant) {\n      case 'elevated':\n        return 'rounded-2xl border shadow-lg'\n      case 'outline':\n        return 'rounded-xl border'\n      case 'soft':\n        return 'rounded-xl border'\n      case 'minimal':\n        return 'rounded-xl'\n      case 'zebra':\n        return 'rounded-xl border'\n      default:\n        return ''\n    }\n  })()\n\n  return (\n    <div className={rootClassName}>\n      <div\n        ref={containerRef}\n        className={`${tableContainerClassName} ${wrapperVariantClasses}`}\n        style={{ borderColor: 'var(--lm-border-default)' }}\n      >\n        <table className={tableClassName} style={getTableStyles()}>\n          <thead className=\"sticky top-0 z-20\" style={getHeaderStyles()}>\n            <tr>\n              {selectable && (\n                <th\n                  className={`${SIZE_TABLE_CONFIG[size].cellPadding} py-3 ${SIZE_TEXT_CLASSES[size]} text-left ${bordered ? 'border-r' : ''} font-semibold`}\n                  style={getCellStyles(true)}\n                >\n                  <input\n                    type=\"checkbox\"\n                    checked={isAllSelected}\n                    ref={(input) => {\n                      if (input) input.indeterminate = isIndeterminate\n                    }}\n                    onChange={(e) => handleSelectAll(e.target.checked)}\n                    className=\"w-4 h-4\"\n                    style={{ accentColor: 'var(--lm-primary-500)' }}\n                  />\n                </th>\n              )}\n              {columns.map((column) => (\n                <th\n                  key={column.dataIndex}\n                  className={`${SIZE_TABLE_CONFIG[size].cellPadding} py-3 text-left ${bordered ? 'border-r' : ''} ${\n                    column.sorter ? 'cursor-pointer hover:bg-opacity-60' : ''\n                  } font-semibold`}\n                  style={{\n                    ...getCellStyles(true),\n                    width: column.width,\n                    textAlign: column.align || 'left',\n                    fontSize:\n                      size === 'xs'\n                        ? '0.8125rem'\n                        : size === 'sm'\n                          ? '0.875rem'\n                          : '0.9375rem',\n                  }}\n                  onClick={() => handleSort(column)}\n                >\n                  <div className=\"flex items-center gap-2\">\n                    <span>{column.title}</span>\n                    {column.sorter && (\n                      <div className=\"flex flex-col -space-y-1\">\n                        <CaretUpIcon\n                          active={sortField === column.dataIndex && sortOrder === 'ascend'}\n                        />\n                        <CaretDownIcon\n                          active={sortField === column.dataIndex && sortOrder === 'descend'}\n                        />\n                      </div>\n                    )}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n\n          <tbody>\n            {loading ? (\n              <tr>\n                <td\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  className={`px-4 py-8 text-center ${SIZE_TEXT_CLASSES[size]}`}\n                  style={getLoadingStyles()}\n                >\n                  <div className=\"flex items-center justify-center gap-2\">\n                    <SpinnerIcon />\n                    Loading...\n                  </div>\n                </td>\n              </tr>\n            ) : dataSource.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={columns.length + (selectable ? 1 : 0)}\n                  className={`px-4 py-8 text-center ${SIZE_TEXT_CLASSES[size]}`}\n                  style={getEmptyStyles()}\n                >\n                  {emptyText}\n                </td>\n              </tr>\n            ) : (\n              dataSource.map((record, index) => {\n                const key = getRowKey(record, index)\n                const isSelected = selectedRowKeys.includes(key)\n                const isLastRow = index === dataSource.length - 1\n\n                return (\n                  <tr\n                    key={key}\n                    className={`${onRowClick ? 'cursor-pointer hover:bg-opacity-60' : ''} transition-colors border-t ${isLastRow ? 'border-b' : ''}`}\n                    style={{\n                      ...getRowStyles(index, isSelected),\n                      borderColor: 'var(--lm-border-light)',\n                    }}\n                    onClick={() => onRowClick?.(record, index)}\n                  >\n                    {selectable && (\n                      <td\n                        className={`${SIZE_TABLE_CONFIG[size].cellPadding} ${SIZE_TEXT_CLASSES[size]} ${bordered ? 'border-r' : ''}`}\n                        style={getCellStyles()}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <input\n                          type=\"checkbox\"\n                          checked={isSelected}\n                          onChange={(e) => handleRowSelect(record, e.target.checked)}\n                          className=\"w-4 h-4\"\n                          style={{ accentColor: 'var(--lm-primary-500)' }}\n                        />\n                      </td>\n                    )}\n                    {columns.map((column) => (\n                      <td\n                        key={column.dataIndex}\n                        className={`${SIZE_TABLE_CONFIG[size].cellPadding} ${SIZE_TEXT_CLASSES[size]} ${bordered ? 'border-r' : ''}`}\n                        style={{\n                          ...getCellStyles(),\n                          textAlign: column.align || 'left',\n                        }}\n                      >\n                        {column.render\n                          ? column.render(\n                              getValueByDataIndex(record, column.dataIndex),\n                              record,\n                              index\n                            )\n                          : String(getValueByDataIndex(record, column.dataIndex) ?? '')}\n                      </td>\n                    ))}\n                  </tr>\n                )\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {pagination?.showPagination && (\n        <div\n          className={`flex items-center justify-between ${paginationUiClasses[size].container} rounded-2xl border`}\n          style={getPaginationStyles()}\n        >\n          {(() => {\n            const maxButtons = 5\n            const half = Math.floor(maxButtons / 2)\n            let start = Math.max(1, currentPage - half)\n            const end = Math.min(totalPages, start + maxButtons - 1)\n            if (end - start + 1 < maxButtons) {\n              start = Math.max(1, end - maxButtons + 1)\n            }\n            const pageNumbers = Array.from({ length: end - start + 1 }, (_, i) => start + i)\n\n            return (\n              <>\n                <div className=\"flex items-center gap-4\">\n                  {pagination.showTotal && (\n                    <span\n                      className={paginationUiClasses[size].text}\n                      style={{ color: 'var(--lm-text-secondary)' }}\n                    >\n                      Total {pagination.total} items / {totalPages} pages\n                    </span>\n                  )}\n                  {pagination.showSizeChanger && (\n                    <div className=\"flex items-center gap-2\">\n                      <span\n                        className={paginationUiClasses[size].text}\n                        style={{ color: 'var(--lm-text-secondary)' }}\n                      >\n                        Show:\n                      </span>\n                      <select\n                        value={pageSize}\n                        onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n                        className={`${paginationUiClasses[size].select} border rounded-lg focus:ring-2 focus:ring-primary-400 focus:outline-none`}\n                        style={{\n                          backgroundColor: 'var(--lm-bg-paper)',\n                          color: 'var(--lm-text-primary)',\n                          borderColor: 'var(--lm-border-default)',\n                        }}\n                      >\n                        {pagination.pageSizeOptions?.map((s) => (\n                          <option key={s} value={s}>\n                            {s} / page\n                          </option>\n                        ))}\n                      </select>\n                    </div>\n                  )}\n                </div>\n\n                <div className={`flex items-center ${paginationUiClasses[size].gap}`}>\n                  <button\n                    onClick={() => handlePageChange(currentPage - 1)}\n                    disabled={currentPage <= 1}\n                    className={`${paginationUiClasses[size].control} border rounded-lg transition-colors`}\n                    style={getButtonStyles(currentPage <= 1)}\n                    aria-label=\"Previous page\"\n                    title=\"Previous page\"\n                  >\n                    <ChevronLeftIcon />\n                  </button>\n\n                  {pageNumbers.map((page) => (\n                    <button\n                      key={page}\n                      onClick={() => handlePageChange(page)}\n                      className={`${paginationUiClasses[size].control} border rounded-lg transition-colors ${currentPage === page ? 'font-medium' : ''}`}\n                      style={getButtonStyles(false, currentPage === page)}\n                    >\n                      {page}\n                    </button>\n                  ))}\n\n                  <button\n                    onClick={() => handlePageChange(currentPage + 1)}\n                    disabled={currentPage >= totalPages}\n                    className={`${paginationUiClasses[size].control} border rounded-lg transition-colors`}\n                    style={getButtonStyles(currentPage >= totalPages)}\n                    aria-label=\"Next page\"\n                    title=\"Next page\"\n                  >\n                    <ChevronRightIcon />\n                  </button>\n\n                  {pagination.showQuickJumper && (\n                    <div className={`flex items-center ${paginationUiClasses[size].gap} ml-4`}>\n                      <span\n                        className={paginationUiClasses[size].text}\n                        style={{ color: 'var(--lm-text-secondary)' }}\n                      >\n                        Go to:\n                      </span>\n                      <input\n                        type=\"number\"\n                        min={1}\n                        max={totalPages}\n                        className={`${paginationUiClasses[size].input} border rounded-lg focus:ring-2 focus:ring-primary-400 focus:outline-none`}\n                        style={{\n                          backgroundColor: 'var(--lm-bg-paper)',\n                          color: 'var(--lm-text-primary)',\n                          borderColor: 'var(--lm-border-default)',\n                        }}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            const page = Number(e.currentTarget.value)\n                            if (page >= 1 && page <= totalPages) {\n                              handlePageChange(page)\n                            }\n                          }\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              </>\n            )\n          })()}\n        </div>\n      )}\n\n      {loadMore?.enabled && loadMore.hasMore && (\n        <div className=\"text-center py-4\">\n          <button\n            onClick={loadMore.onLoadMore}\n            disabled={loadMore.loading}\n            className=\"px-6 py-2 text-sm border rounded-2xl transition-colors\"\n            style={getButtonStyles(loadMore.loading)}\n          >\n            {loadMore.loading ? (\n              <div className=\"flex items-center gap-2\">\n                <SpinnerIcon />\n                Loading...\n              </div>\n            ) : (\n              'Load more'\n            )}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default memo(LMTable) as typeof LMTable\n"],"names":[],"mappings":";;;AA8FA,MAAM,cAA8C,CAAC,EAAE,OAAA,MACrD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAO,EAAE,OAAO,SAAS,0BAA0B,qBAAA;AAAA,IAEnD,UAAA,oBAAC,QAAA,EAAK,GAAE,oBAAmB,MAAK,eAAA,CAAe;AAAA,EAAA;AACjD;AAGF,MAAM,gBAAgD,CAAC,EAAE,OAAA,MACvD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAO,EAAE,OAAO,SAAS,0BAA0B,qBAAA;AAAA,IAEnD,UAAA,oBAAC,QAAA,EAAK,GAAE,oBAAmB,MAAK,eAAA,CAAe;AAAA,EAAA;AACjD;AAGF,MAAM,kBAA4B,MAChC,oBAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAC1F,8BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,kBAAA,CAAkB,EAAA,CACzE;AAGF,MAAM,mBAA6B,MACjC,oBAAC,OAAA,EAAI,WAAU,WAAU,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAC1F,8BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,eAAA,CAAe,EAAA,CACtE;AAGF,MAAM,cAAwB,MAC5B,qBAAC,OAAA,EAAI,WAAU,wBAAuB,SAAQ,aAAY,MAAK,QAC7D,UAAA;AAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAG;AAAA,MACH,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,GAAE;AAAA,IAAA;AAAA,EAAA;AACJ,GACF;AAGF,MAAM,UAAU,CAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,kBAAkB,CAAA;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AACZ,MAAuB;AACrB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,EAAE;AACrD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA+B,QAAQ;AACzE,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,YAAY;AAAA,IAChB,CAAC,QAAW,UAA0B;AACpC,UAAI,OAAO,WAAW,YAAY;AAChC,eAAO,OAAO,QAAQ,KAAK;AAAA,MAC7B;AACA,YAAM,MAAO,OAA8C,MAAgB;AAC3E,cAAQ,OAAO,QAAQ,WAAW,MAAM,OAAO,GAAG,MAAM,MAAM,SAAA;AAAA,IAChE;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAGT,QAAM,sBAAsB,YAAY,CAAC,QAAW,cAAsB;AACxE,UAAM,QAAQ,OAAO,SAAS,EAAE,MAAM,GAAG;AACzC,QAAI,UAAmB;AACvB,eAAW,KAAK,OAAO;AACrB,UACE,WAAW,QACX,OAAO,YAAY,YACnB,EAAE,KAAM,UACR;AACA,eAAO;AAAA,MACT;AACA,gBAAW,QAAoC,CAAC;AAAA,IAClD;AACA,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa;AAAA,IACjB,CAAC,WAA6B;AAC5B,UAAI,CAAC,OAAO,OAAQ;AAEpB,UAAI,eAAqC;AACzC,UAAI,cAAc,OAAO,WAAW;AAClC,uBAAe,cAAc,WAAW,YAAY;AAAA,MACtD;AAEA,mBAAa,OAAO,SAAS;AAC7B,mBAAa,YAAY;AACzB,mDAAe,OAAO,WAAW;AAAA,IACnC;AAAA,IACA,CAAC,WAAW,WAAW,YAAY;AAAA,EAAA;AAGrC,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAiB;;AAChB,qBAAe,IAAI;AACnB,qDAAY,aAAZ,oCAAuB,MAAM;AAAA,IAC/B;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EAAA;AAGvB,QAAM,uBAAuB;AAAA,IAC3B,CAAC,gBAAwB;;AACvB,kBAAY,WAAW;AACvB,qBAAe,CAAC;AAChB,qDAAY,aAAZ,oCAAuB,GAAG;AAAA,IAC5B;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB;AAAA,IACtB,CAAC,QAAW,YAAqB;AAC/B,YAAM,MAAM,UAAU,QAAQ,WAAW,QAAQ,MAAM,CAAC;AACxD,UAAI;AAEJ,UAAI,SAAS;AACX,6BAAqB,CAAC,GAAG,iBAAiB,GAAG;AAAA,MAC/C,OAAO;AACL,6BAAqB,gBAAgB,OAAO,CAAC,MAAM,MAAM,GAAG;AAAA,MAC9D;AAEA,YAAM,kBAAkB,WAAW;AAAA,QAAO,CAAC,SACzC,mBAAmB,SAAS,UAAU,MAAM,WAAW,QAAQ,IAAI,CAAC,CAAC;AAAA,MAAA;AAGvE,6DAAoB,oBAAoB;AAAA,IAC1C;AAAA,IACA,CAAC,iBAAiB,YAAY,WAAW,iBAAiB;AAAA,EAAA;AAG5D,QAAM,kBAAkB;AAAA,IACtB,CAAC,YAAqB;AACpB,UAAI,SAAS;AACX,cAAM,UAAU,WAAW,IAAI,CAAC,QAAQ,UAAU,UAAU,QAAQ,KAAK,CAAC;AAC1E,+DAAoB,SAAS;AAAA,MAC/B,OAAO;AACL,+DAAoB,CAAA,GAAI;MAC1B;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,iBAAiB;AAAA,EAAA;AAG3C,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,EAAC,qCAAU,YAAW,SAAS,WAAW,CAAC,SAAS,QAAS;AAEjE,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAEhB,UAAM,EAAE,WAAW,cAAc,aAAA,IAAiB;AAClD,UAAM,YAAY,SAAS,aAAa;AAExC,QAAI,YAAY,gBAAgB,eAAe,WAAW;AACxD,eAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,aAAa,EAAC,qCAAU,SAAS;AAEtC,cAAU,iBAAiB,UAAU,YAAY;AACjD,WAAO,MAAM,UAAU,oBAAoB,UAAU,YAAY;AAAA,EACnE,GAAG,CAAC,cAAc,qCAAU,SAAS,qCAAU,SAAS,qCAAU,OAAO,CAAC;AAE1E,YAAU,MAAM;AACd,SAAI,yCAAY,aAAY,QAAW;AACrC,qBAAe,WAAW,OAAO;AAAA,IACnC;AACA,SAAI,yCAAY,cAAa,QAAW;AACtC,kBAAY,WAAW,QAAQ;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,sBAAsB;AAAA,IAC1B,IAAI;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,IAAI;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,IAAI;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,IAAI;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,IAAI;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,OAAO;AAAA,MACL,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACT;AAGF,QAAM,aACJ,cAAc,WAAW,SAAS,WAC9B,KAAK,IAAI,GAAG,KAAK,KAAK,WAAW,QAAQ,QAAQ,CAAC,IAClD;AAEN,QAAM,iBAAiB,OAAO;AAAA,IAC5B,iBACE,YAAY,YACR,gBACA,YAAY,SACV,uBACA;AAAA,IACR,aACE,YAAY,YACR,4BACA,WACE,6BACA;AAAA,EAAA;AAGV,QAAM,kBAAkB,OAAO;AAAA,IAC7B,iBAAiB,YAAY,YAAY,gBAAgB;AAAA,IACzD,OAAO;AAAA,IACP,aAAa,YAAY,YAAY,4BAA4B;AAAA,EAAA;AAGnE,QAAM,gBAAgB,CAAC,WAAW,WAAW;AAAA,IAC3C,iBAAiB,WACb,YAAY,YACV,gBACA,uBACF,YAAY,YACV,gBACA,YAAY,SACV,uBACA;AAAA,IACR,OAAO;AAAA,IACP,aACE,YAAY,YACR,4BACA,YAAY,YACV,gBACA;AAAA,EAAA;AAGV,QAAM,eAAe,CAAC,OAAe,aAAa,UAAU;AAC1D,UAAM,aAAa;AAAA,MACjB,iBAAiB,aACb,0BACC,WAAW,YAAY,YAAY,QAAQ,MAAM,IAChD,uBACA,YAAY,YACV,gBACA,YAAY,SACV,uBACA;AAAA,MACV,OAAO;AAAA,IAAA;AAGT,QAAI,YAAY;AACd,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa;AAAA,MAAA;AAAA,IAEjB;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,OAAO;AAAA,IACjC,iBACE,YAAY,YACR,gBACA,YAAY,SACV,uBACA;AAAA,IACR,OAAO;AAAA,IACP,aAAa,YAAY,YAAY,4BAA4B;AAAA,IACjE,WAAW,YAAY,aAAa,wBAAwB;AAAA,EAAA;AAG9D,QAAM,kBAAkB,CAAC,WAAW,OAAO,SAAS,UAAU;AAC5D,QAAI,UAAU;AACZ,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IAEb;AAEA,QAAI,QAAQ;AACV,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;AAEA,WAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,EAEjB;AAEA,QAAM,mBAAmB,OAAO;AAAA,IAC9B,OAAO;AAAA,EAAA;AAGT,QAAM,iBAAiB,OAAO;AAAA,IAC5B,OAAO;AAAA,EAAA;AAGT,QAAM,iBAAiB,UAAU,kBAAkB,IAAI,CAAC,oBAAoB,SAAS,GAClF,KAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,QAAM,gBAAgB,WAAW,SAAS,KAAK,gBAAgB,WAAW,WAAW;AAErF,QAAM,kBACJ,gBAAgB,SAAS,KAAK,gBAAgB,SAAS,WAAW;AAEpE,QAAM,gBAAgB,aAAa,aAAa,iCAAiC,EAAE,GAChF,KAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,QAAM,0BAA0B,GAC9B,aACI,iCACA,kBAAiB,qCAAU,WAAU,aAAa,EAAE,EAC1D,GACG,KAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,QAAM,yBAAyB,MAAM;AACnC,YAAQ,SAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAA;AAEA,SACE,qBAAC,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,GAAG,uBAAuB,IAAI,qBAAqB;AAAA,QAC9D,OAAO,EAAE,aAAa,2BAAA;AAAA,QAEtB,+BAAC,SAAA,EAAM,WAAW,gBAAgB,OAAO,kBACvC,UAAA;AAAA,UAAA,oBAAC,WAAM,WAAU,qBAAoB,OAAO,gBAAA,GAC1C,+BAAC,MAAA,EACE,UAAA;AAAA,YAAA,cACC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,GAAG,kBAAkB,IAAI,EAAE,WAAW,SAAS,kBAAkB,IAAI,CAAC,cAAc,WAAW,aAAa,EAAE;AAAA,gBACzH,OAAO,cAAc,IAAI;AAAA,gBAEzB,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,KAAK,CAAC,UAAU;AACd,0BAAI,aAAa,gBAAgB;AAAA,oBACnC;AAAA,oBACA,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,OAAO;AAAA,oBACjD,WAAU;AAAA,oBACV,OAAO,EAAE,aAAa,wBAAA;AAAA,kBAAwB;AAAA,gBAAA;AAAA,cAChD;AAAA,YAAA;AAAA,YAGH,QAAQ,IAAI,CAAC,WACZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAW,GAAG,kBAAkB,IAAI,EAAE,WAAW,mBAAmB,WAAW,aAAa,EAAE,IAC5F,OAAO,SAAS,uCAAuC,EACzD;AAAA,gBACA,OAAO;AAAA,kBACL,GAAG,cAAc,IAAI;AAAA,kBACrB,OAAO,OAAO;AAAA,kBACd,WAAW,OAAO,SAAS;AAAA,kBAC3B,UACE,SAAS,OACL,cACA,SAAS,OACP,aACA;AAAA,gBAAA;AAAA,gBAEV,SAAS,MAAM,WAAW,MAAM;AAAA,gBAEhC,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAM,iBAAO,MAAA,CAAM;AAAA,kBACnB,OAAO,UACN,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,QAAQ,cAAc,OAAO,aAAa,cAAc;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAE1D;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,QAAQ,cAAc,OAAO,aAAa,cAAc;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC1D,EAAA,CACF;AAAA,gBAAA,EAAA,CAEJ;AAAA,cAAA;AAAA,cA7BK,OAAO;AAAA,YAAA,CA+Bf;AAAA,UAAA,EAAA,CACH,EAAA,CACF;AAAA,UAEA,oBAAC,SAAA,EACE,UAAA,UACC,oBAAC,MAAA,EACC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,QAAQ,UAAU,aAAa,IAAI;AAAA,cAC5C,WAAW,yBAAyB,kBAAkB,IAAI,CAAC;AAAA,cAC3D,OAAO,iBAAA;AAAA,cAEP,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,gBAAA,oBAAC,aAAA,EAAY;AAAA,gBAAE;AAAA,cAAA,EAAA,CAEjB;AAAA,YAAA;AAAA,UAAA,GAEJ,IACE,WAAW,WAAW,wBACvB,MAAA,EACC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,QAAQ,UAAU,aAAa,IAAI;AAAA,cAC5C,WAAW,yBAAyB,kBAAkB,IAAI,CAAC;AAAA,cAC3D,OAAO,eAAA;AAAA,cAEN,UAAA;AAAA,YAAA;AAAA,UAAA,GAEL,IAEA,WAAW,IAAI,CAAC,QAAQ,UAAU;AAChC,kBAAM,MAAM,UAAU,QAAQ,KAAK;AACnC,kBAAM,aAAa,gBAAgB,SAAS,GAAG;AAC/C,kBAAM,YAAY,UAAU,WAAW,SAAS;AAEhD,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAW,GAAG,aAAa,uCAAuC,EAAE,+BAA+B,YAAY,aAAa,EAAE;AAAA,gBAC9H,OAAO;AAAA,kBACL,GAAG,aAAa,OAAO,UAAU;AAAA,kBACjC,aAAa;AAAA,gBAAA;AAAA,gBAEf,SAAS,MAAM,yCAAa,QAAQ;AAAA,gBAEnC,UAAA;AAAA,kBAAA,cACC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,GAAG,kBAAkB,IAAI,EAAE,WAAW,IAAI,kBAAkB,IAAI,CAAC,IAAI,WAAW,aAAa,EAAE;AAAA,sBAC1G,OAAO,cAAA;AAAA,sBACP,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,sBAElB,UAAA;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS;AAAA,0BACT,UAAU,CAAC,MAAM,gBAAgB,QAAQ,EAAE,OAAO,OAAO;AAAA,0BACzD,WAAU;AAAA,0BACV,OAAO,EAAE,aAAa,wBAAA;AAAA,wBAAwB;AAAA,sBAAA;AAAA,oBAChD;AAAA,kBAAA;AAAA,kBAGH,QAAQ,IAAI,CAAC,WACZ;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAW,GAAG,kBAAkB,IAAI,EAAE,WAAW,IAAI,kBAAkB,IAAI,CAAC,IAAI,WAAW,aAAa,EAAE;AAAA,sBAC1G,OAAO;AAAA,wBACL,GAAG,cAAA;AAAA,wBACH,WAAW,OAAO,SAAS;AAAA,sBAAA;AAAA,sBAG5B,UAAA,OAAO,SACJ,OAAO;AAAA,wBACL,oBAAoB,QAAQ,OAAO,SAAS;AAAA,wBAC5C;AAAA,wBACA;AAAA,sBAAA,IAEF,OAAO,oBAAoB,QAAQ,OAAO,SAAS,KAAK,EAAE;AAAA,oBAAA;AAAA,oBAbzD,OAAO;AAAA,kBAAA,CAef;AAAA,gBAAA;AAAA,cAAA;AAAA,cAxCI;AAAA,YAAA;AAAA,UA2CX,CAAC,EAAA,CAEL;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,KAGD,yCAAY,mBACX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,qCAAqC,oBAAoB,IAAI,EAAE,SAAS;AAAA,QACnF,OAAO,oBAAA;AAAA,QAEL,WAAA,MAAM;;AACN,gBAAM,aAAa;AACnB,gBAAM,OAAO,KAAK,MAAM,aAAa,CAAC;AACtC,cAAI,QAAQ,KAAK,IAAI,GAAG,cAAc,IAAI;AAC1C,gBAAM,MAAM,KAAK,IAAI,YAAY,QAAQ,aAAa,CAAC;AACvD,cAAI,MAAM,QAAQ,IAAI,YAAY;AAChC,oBAAQ,KAAK,IAAI,GAAG,MAAM,aAAa,CAAC;AAAA,UAC1C;AACA,gBAAM,cAAc,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,EAAA,GAAK,CAAC,GAAG,MAAM,QAAQ,CAAC;AAE/E,iBACE,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,cAAA,WAAW,aACV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,oBAAoB,IAAI,EAAE;AAAA,kBACrC,OAAO,EAAE,OAAO,2BAAA;AAAA,kBACjB,UAAA;AAAA,oBAAA;AAAA,oBACQ,WAAW;AAAA,oBAAM;AAAA,oBAAU;AAAA,oBAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGhD,WAAW,mBACV,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,oBAAoB,IAAI,EAAE;AAAA,oBACrC,OAAO,EAAE,OAAO,2BAAA;AAAA,oBACjB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,qBAAqB,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,oBAC5D,WAAW,GAAG,oBAAoB,IAAI,EAAE,MAAM;AAAA,oBAC9C,OAAO;AAAA,sBACL,iBAAiB;AAAA,sBACjB,OAAO;AAAA,sBACP,aAAa;AAAA,oBAAA;AAAA,oBAGd,WAAA,gBAAW,oBAAX,mBAA4B,IAAI,CAAC,MAChC,qBAAC,UAAA,EAAe,OAAO,GACpB,UAAA;AAAA,sBAAA;AAAA,sBAAE;AAAA,oBAAA,EAAA,GADQ,CAEb;AAAA,kBACD;AAAA,gBAAA;AAAA,cACH,EAAA,CACF;AAAA,YAAA,GAEJ;AAAA,YAEA,qBAAC,SAAI,WAAW,qBAAqB,oBAAoB,IAAI,EAAE,GAAG,IAChE,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM,iBAAiB,cAAc,CAAC;AAAA,kBAC/C,UAAU,eAAe;AAAA,kBACzB,WAAW,GAAG,oBAAoB,IAAI,EAAE,OAAO;AAAA,kBAC/C,OAAO,gBAAgB,eAAe,CAAC;AAAA,kBACvC,cAAW;AAAA,kBACX,OAAM;AAAA,kBAEN,8BAAC,iBAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGlB,YAAY,IAAI,CAAC,SAChB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM,iBAAiB,IAAI;AAAA,kBACpC,WAAW,GAAG,oBAAoB,IAAI,EAAE,OAAO,wCAAwC,gBAAgB,OAAO,gBAAgB,EAAE;AAAA,kBAChI,OAAO,gBAAgB,OAAO,gBAAgB,IAAI;AAAA,kBAEjD,UAAA;AAAA,gBAAA;AAAA,gBALI;AAAA,cAAA,CAOR;AAAA,cAED;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM,iBAAiB,cAAc,CAAC;AAAA,kBAC/C,UAAU,eAAe;AAAA,kBACzB,WAAW,GAAG,oBAAoB,IAAI,EAAE,OAAO;AAAA,kBAC/C,OAAO,gBAAgB,eAAe,UAAU;AAAA,kBAChD,cAAW;AAAA,kBACX,OAAM;AAAA,kBAEN,8BAAC,kBAAA,CAAA,CAAiB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGnB,WAAW,mBACV,qBAAC,OAAA,EAAI,WAAW,qBAAqB,oBAAoB,IAAI,EAAE,GAAG,SAChE,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,oBAAoB,IAAI,EAAE;AAAA,oBACrC,OAAO,EAAE,OAAO,2BAAA;AAAA,oBACjB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,KAAK;AAAA,oBACL,KAAK;AAAA,oBACL,WAAW,GAAG,oBAAoB,IAAI,EAAE,KAAK;AAAA,oBAC7C,OAAO;AAAA,sBACL,iBAAiB;AAAA,sBACjB,OAAO;AAAA,sBACP,aAAa;AAAA,oBAAA;AAAA,oBAEf,WAAW,CAAC,MAAM;AAChB,0BAAI,EAAE,QAAQ,SAAS;AACrB,8BAAM,OAAO,OAAO,EAAE,cAAc,KAAK;AACzC,4BAAI,QAAQ,KAAK,QAAQ,YAAY;AACnC,2CAAiB,IAAI;AAAA,wBACvB;AAAA,sBACF;AAAA,oBACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,EAAA,CACF;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GACF;AAAA,QAEJ,GAAA;AAAA,MAAG;AAAA,IAAA;AAAA,KAIN,qCAAU,YAAW,SAAS,WAC7B,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,SAAS;AAAA,QAClB,UAAU,SAAS;AAAA,QACnB,WAAU;AAAA,QACV,OAAO,gBAAgB,SAAS,OAAO;AAAA,QAEtC,UAAA,SAAS,UACR,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY;AAAA,UAAE;AAAA,QAAA,EAAA,CAEjB,IAEA;AAAA,MAAA;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAA,kBAAe,KAAK,OAAO;"}