asterui 0.12.29 → 0.12.31

package/dist/components/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../src/components/Table.tsx"],"sourcesContent":["import React, { useState, forwardRef, useMemo, useCallback, useId } from 'react'\n\nexport interface FilterConfig {\n  text: string\n  value: string | number | boolean\n}\n\nexport type TableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface ColumnType<T> {\n  key: string\n  title: React.ReactNode\n  dataIndex?: keyof T & string\n  render?: (value: T[keyof T] | undefined, record: T, index: number) => React.ReactNode\n  width?: string | number\n  align?: 'left' | 'center' | 'right'\n  fixed?: 'left' | 'right'\n  sorter?: boolean | ((a: T, b: T) => number)\n  sortOrder?: 'ascend' | 'descend' | null\n  filters?: FilterConfig[]\n  filteredValue?: (string | number | boolean)[]\n  onFilter?: (value: string | number | boolean, record: T) => boolean\n  defaultSortOrder?: 'ascend' | 'descend'\n  defaultFilteredValue?: (string | number | boolean)[]\n  ellipsis?: boolean\n  hidden?: boolean\n}\n\nexport interface RowSelection<T> {\n  type?: 'checkbox' | 'radio'\n  selectedRowKeys?: React.Key[]\n  onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void\n  getCheckboxProps?: (record: T) => { disabled?: boolean; name?: string }\n}\n\nexport interface ExpandableConfig<T> {\n  expandedRowKeys?: React.Key[]\n  defaultExpandedRowKeys?: React.Key[]\n  expandedRowRender: (record: T, index: number, expanded: boolean) => React.ReactNode\n  rowExpandable?: (record: T) => boolean\n  onExpand?: (expanded: boolean, record: T) => void\n  onExpandedRowsChange?: (expandedKeys: React.Key[]) => void\n  expandRowByClick?: boolean\n  expandIcon?: (props: { expanded: boolean; onExpand: () => void; record: T }) => React.ReactNode\n}\n\nexport interface PaginationConfig {\n  current?: number\n  pageSize?: number\n  total?: number\n  showSizeChanger?: boolean\n  showQuickJumper?: boolean\n  showTotal?: (total: number, range: [number, number]) => React.ReactNode\n  pageSizeOptions?: number[]\n  onChange?: (page: number, pageSize: number) => void\n  onShowSizeChange?: (current: number, size: number) => void\n  position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight'\n}\n\nexport interface ScrollConfig {\n  x?: number | string\n  y?: number | string\n}\n\nexport interface SorterResult<T> {\n  column?: ColumnType<T>\n  order?: 'ascend' | 'descend' | null\n  field?: string\n}\n\nexport interface TableChangeExtra<T> {\n  currentDataSource: T[]\n  action: 'paginate' | 'sort' | 'filter'\n}\n\nexport interface TableProps<T> {\n  columns: ColumnType<T>[]\n  dataSource: T[]\n  rowKey?: keyof T & string | ((record: T) => string)\n  loading?: boolean\n  size?: TableSize\n  bordered?: boolean\n  hoverable?: boolean\n  striped?: boolean\n  pinRows?: boolean\n  pinCols?: boolean\n  pagination?: false | PaginationConfig\n  rowSelection?: RowSelection<T>\n  expandable?: ExpandableConfig<T>\n  scroll?: ScrollConfig\n  className?: string\n  onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>\n  onChange?: (\n    pagination: PaginationConfig,\n    filters: Record<string, (string | number | boolean)[] | null>,\n    sorter: SorterResult<T>,\n    extra: TableChangeExtra<T>\n  ) => void\n  onSortChange?: (sorter: SorterResult<T>) => void\n  onFilterChange?: (filters: Record<string, (string | number | boolean)[] | null>) => void\n  locale?: {\n    emptyText?: React.ReactNode\n    filterConfirm?: string\n    filterReset?: string\n    selectAll?: string\n    selectInvert?: string\n  }\n  'data-testid'?: string\n  'aria-label'?: string\n}\n\nconst sizeClasses: Record<TableSize, string> = {\n  xs: 'table-xs',\n  sm: 'table-sm',\n  md: '',\n  lg: 'table-lg',\n  xl: 'table-xl',\n}\n\nfunction FilterDropdown({\n  filters,\n  selectedValues,\n  onChange,\n  locale,\n  testId,\n}: {\n  filters: FilterConfig[]\n  selectedValues: (string | number | boolean)[]\n  onChange: (values: (string | number | boolean)[]) => void\n  locale?: { filterConfirm?: string; filterReset?: string }\n  testId: string\n}) {\n  const [isOpen, setIsOpen] = useState(false)\n  const dropdownId = useId()\n\n  const handleToggle = (value: string | number | boolean) => {\n    const newValues = selectedValues.includes(value)\n      ? selectedValues.filter((v) => v !== value)\n      : [...selectedValues, value]\n    onChange(newValues)\n  }\n\n  const handleClear = () => {\n    onChange([])\n    setIsOpen(false)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false)\n    }\n  }\n\n  return (\n    <div className=\"dropdown dropdown-end\" onKeyDown={handleKeyDown}>\n      <button\n        type=\"button\"\n        className={`btn btn-ghost btn-xs ${selectedValues.length > 0 ? 'text-primary' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        aria-label=\"Filter column\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={dropdownId}\n        data-testid={`${testId}-filter-button`}\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div\n          id={dropdownId}\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10\"\n          data-testid={`${testId}-filter-dropdown`}\n        >\n          <div className=\"space-y-2\">\n            {filters.map((filter) => (\n              <label\n                key={String(filter.value)}\n                className=\"flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded\"\n                role=\"option\"\n                aria-selected={selectedValues.includes(filter.value)}\n              >\n                <input\n                  type=\"checkbox\"\n                  className=\"checkbox checkbox-xs checkbox-primary\"\n                  checked={selectedValues.includes(filter.value)}\n                  onChange={() => handleToggle(filter.value)}\n                  data-testid={`${testId}-filter-${String(filter.value)}`}\n                />\n                <span className=\"text-sm\">{filter.text}</span>\n              </label>\n            ))}\n          </div>\n          <div className=\"divider my-1\"></div>\n          <button\n            type=\"button\"\n            className=\"btn btn-ghost btn-xs w-full\"\n            onClick={handleClear}\n            data-testid={`${testId}-filter-reset`}\n          >\n            {locale?.filterReset ?? 'Clear'}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction DefaultExpandIcon({ expanded, onExpand }: { expanded: boolean; onExpand: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      className=\"btn btn-ghost btn-xs btn-square\"\n      onClick={(e) => {\n        e.stopPropagation()\n        onExpand()\n      }}\n      aria-label={expanded ? 'Collapse row' : 'Expand row'}\n      aria-expanded={expanded}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${expanded ? 'rotate-90' : ''}`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n      </svg>\n    </button>\n  )\n}\n\nfunction TableInner<T extends Record<string, unknown>>(\n  {\n    columns,\n    dataSource,\n    rowKey = 'id' as keyof T & string,\n    loading = false,\n    size = 'md',\n    bordered = false,\n    hoverable = true,\n    striped = false,\n    pinRows = false,\n    pinCols = false,\n    pagination,\n    rowSelection,\n    expandable,\n    scroll,\n    className = '',\n    onRow,\n    onChange,\n    onSortChange,\n    onFilterChange,\n    locale,\n    'data-testid': testId,\n    'aria-label': ariaLabel,\n    ...rest\n  }: TableProps<T>,\n  ref: React.ForwardedRef<HTMLTableElement>\n) {\n  const baseTestId = testId ?? 'table'\n  const defaultPageSize = 10\n\n  // Pagination state\n  const [currentPage, setCurrentPage] = useState(\n    pagination !== false && pagination?.current ? pagination.current : 1\n  )\n  const [internalPageSize, setInternalPageSize] = useState(\n    pagination !== false && pagination?.pageSize ? pagination.pageSize : defaultPageSize\n  )\n  const pageSize = pagination !== false && pagination?.pageSize !== undefined ? pagination.pageSize : internalPageSize\n\n  // Sorting state\n  const [sortState, setSortState] = useState<{\n    columnKey: string | null\n    order: 'ascend' | 'descend' | null\n  }>(() => {\n    // Check for controlled sort\n    const controlledSortColumn = columns.find((col) => col.sortOrder !== undefined)\n    if (controlledSortColumn) {\n      return {\n        columnKey: controlledSortColumn.key,\n        order: controlledSortColumn.sortOrder ?? null,\n      }\n    }\n    // Fallback to default\n    const defaultSortColumn = columns.find((col) => col.defaultSortOrder)\n    return {\n      columnKey: defaultSortColumn?.key || null,\n      order: defaultSortColumn?.defaultSortOrder || null,\n    }\n  })\n\n  // Filtering state\n  const [filterState, setFilterState] = useState<Record<string, (string | number | boolean)[]>>(() => {\n    const initial: Record<string, (string | number | boolean)[]> = {}\n    columns.forEach((col) => {\n      // Check for controlled filter\n      if (col.filteredValue !== undefined) {\n        initial[col.key] = col.filteredValue\n      } else if (col.defaultFilteredValue) {\n        initial[col.key] = col.defaultFilteredValue\n      }\n    })\n    return initial\n  })\n\n  // Row selection state\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys || []\n  )\n\n  // Expandable state\n  const [expandedKeys, setExpandedKeys] = useState<React.Key[]>(\n    expandable?.expandedRowKeys ?? expandable?.defaultExpandedRowKeys ?? []\n  )\n\n  // Sync controlled states\n  const isControlledSort = columns.some((col) => col.sortOrder !== undefined)\n  const isControlledFilter = columns.some((col) => col.filteredValue !== undefined)\n  const isControlledExpand = expandable?.expandedRowKeys !== undefined\n  const isControlledSelection = rowSelection?.selectedRowKeys !== undefined\n\n  const effectiveSortState = useMemo(() => {\n    if (isControlledSort) {\n      const controlledCol = columns.find((col) => col.sortOrder !== undefined && col.sortOrder !== null)\n      return {\n        columnKey: controlledCol?.key ?? null,\n        order: controlledCol?.sortOrder ?? null,\n      }\n    }\n    return sortState\n  }, [isControlledSort, columns, sortState])\n\n  const effectiveFilterState = useMemo(() => {\n    if (isControlledFilter) {\n      const controlled: Record<string, (string | number | boolean)[]> = {}\n      columns.forEach((col) => {\n        if (col.filteredValue !== undefined) {\n          controlled[col.key] = col.filteredValue\n        }\n      })\n      return controlled\n    }\n    return filterState\n  }, [isControlledFilter, columns, filterState])\n\n  const effectiveSelectedKeys = isControlledSelection ? rowSelection!.selectedRowKeys! : selectedKeys\n  const effectiveExpandedKeys = isControlledExpand ? expandable!.expandedRowKeys! : expandedKeys\n\n  const isPaginationEnabled = pagination !== false\n\n  // Visible columns (filter out hidden)\n  const visibleColumns = useMemo(() => columns.filter((col) => !col.hidden), [columns])\n\n  // Get row key helper\n  const getRowKey = useCallback((record: T, index: number): string => {\n    if (typeof rowKey === 'function') {\n      return rowKey(record)\n    }\n    const keyValue = record[rowKey]\n    return keyValue !== undefined ? String(keyValue) : String(index)\n  }, [rowKey])\n\n  // Apply filters\n  const filteredData = useMemo(() => {\n    let data = [...dataSource]\n    Object.entries(effectiveFilterState).forEach(([columnKey, filterValues]) => {\n      if (filterValues && filterValues.length > 0) {\n        const column = columns.find((col) => col.key === columnKey)\n        if (column?.onFilter) {\n          data = data.filter((record) =>\n            filterValues.some((value) => column.onFilter!(value, record))\n          )\n        }\n      }\n    })\n    return data\n  }, [dataSource, effectiveFilterState, columns])\n\n  // Apply sorting\n  const sortedData = useMemo(() => {\n    if (!effectiveSortState.columnKey || !effectiveSortState.order) {\n      return filteredData\n    }\n    const column = columns.find((col) => col.key === effectiveSortState.columnKey)\n    if (!column?.sorter) {\n      return filteredData\n    }\n\n    const sorted = [...filteredData]\n    sorted.sort((a, b) => {\n      let result = 0\n      if (typeof column.sorter === 'function') {\n        result = column.sorter(a, b)\n      } else if (column.dataIndex) {\n        const aVal = a[column.dataIndex]\n        const bVal = b[column.dataIndex]\n        if (aVal === undefined || aVal === null) return 1\n        if (bVal === undefined || bVal === null) return -1\n        if (aVal < bVal) result = -1\n        if (aVal > bVal) result = 1\n      }\n      return effectiveSortState.order === 'ascend' ? result : -result\n    })\n    return sorted\n  }, [filteredData, effectiveSortState, columns])\n\n  const totalItems = pagination !== false && pagination?.total !== undefined ? pagination.total : sortedData.length\n  const totalPages = Math.ceil(totalItems / pageSize)\n  const startIndex = (currentPage - 1) * pageSize\n  const endIndex = startIndex + pageSize\n  const paginatedData = isPaginationEnabled ? sortedData.slice(startIndex, endIndex) : sortedData\n\n  const handlePageChange = useCallback((page: number) => {\n    setCurrentPage(page)\n    if (pagination !== false && pagination?.onChange) {\n      pagination.onChange(page, pageSize)\n    }\n    if (onChange) {\n      const sorterResult: SorterResult<T> = {\n        column: columns.find((col) => col.key === effectiveSortState.columnKey),\n        order: effectiveSortState.order,\n        field: effectiveSortState.columnKey ?? undefined,\n      }\n      onChange(\n        { current: page, pageSize, total: totalItems },\n        effectiveFilterState,\n        sorterResult,\n        { currentDataSource: sortedData, action: 'paginate' }\n      )\n    }\n  }, [pagination, pageSize, onChange, columns, effectiveSortState, effectiveFilterState, sortedData, totalItems])\n\n  const handlePageSizeChange = useCallback((newSize: number) => {\n    setInternalPageSize(newSize)\n    setCurrentPage(1)\n    if (pagination !== false && pagination?.onShowSizeChange) {\n      pagination.onShowSizeChange(1, newSize)\n    }\n    if (pagination !== false && pagination?.onChange) {\n      pagination.onChange(1, newSize)\n    }\n  }, [pagination])\n\n  const handleSort = useCallback((columnKey: string) => {\n    const column = columns.find((col) => col.key === columnKey)\n    let newOrder: 'ascend' | 'descend' | null = 'ascend'\n\n    if (effectiveSortState.columnKey === columnKey) {\n      if (effectiveSortState.order === 'ascend') newOrder = 'descend'\n      else if (effectiveSortState.order === 'descend') newOrder = null\n    }\n\n    if (!isControlledSort) {\n      setSortState({ columnKey: newOrder ? columnKey : null, order: newOrder })\n    }\n    setCurrentPage(1)\n\n    const sorterResult: SorterResult<T> = {\n      column,\n      order: newOrder,\n      field: columnKey,\n    }\n\n    onSortChange?.(sorterResult)\n\n    if (onChange) {\n      onChange(\n        { current: 1, pageSize, total: totalItems },\n        effectiveFilterState,\n        sorterResult,\n        { currentDataSource: sortedData, action: 'sort' }\n      )\n    }\n  }, [columns, effectiveSortState, isControlledSort, pageSize, totalItems, effectiveFilterState, sortedData, onSortChange, onChange])\n\n  const handleFilterChange = useCallback((columnKey: string, values: (string | number | boolean)[]) => {\n    const newFilterState = {\n      ...effectiveFilterState,\n      [columnKey]: values,\n    }\n\n    if (!isControlledFilter) {\n      setFilterState(newFilterState)\n    }\n    setCurrentPage(1)\n\n    onFilterChange?.(newFilterState)\n\n    if (onChange) {\n      const sorterResult: SorterResult<T> = {\n        column: columns.find((col) => col.key === effectiveSortState.columnKey),\n        order: effectiveSortState.order,\n        field: effectiveSortState.columnKey ?? undefined,\n      }\n      onChange(\n        { current: 1, pageSize, total: totalItems },\n        newFilterState,\n        sorterResult,\n        { currentDataSource: sortedData, action: 'filter' }\n      )\n    }\n  }, [effectiveFilterState, isControlledFilter, columns, effectiveSortState, pageSize, totalItems, sortedData, onFilterChange, onChange])\n\n  const handleSelectAll = useCallback((checked: boolean) => {\n    const newSelectedKeys = checked\n      ? paginatedData.map((record, index) => getRowKey(record, index))\n      : []\n    if (!isControlledSelection) {\n      setSelectedKeys(newSelectedKeys)\n    }\n    if (rowSelection?.onChange) {\n      const selectedRecords = checked ? paginatedData : []\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }, [paginatedData, getRowKey, isControlledSelection, rowSelection])\n\n  const handleSelectRow = useCallback((record: T, index: number, checked: boolean) => {\n    const key = getRowKey(record, index)\n\n    if (rowSelection?.type === 'radio') {\n      const newSelectedKeys = checked ? [key] : []\n      if (!isControlledSelection) {\n        setSelectedKeys(newSelectedKeys)\n      }\n      if (rowSelection?.onChange) {\n        rowSelection.onChange(newSelectedKeys, checked ? [record] : [])\n      }\n      return\n    }\n\n    const newSelectedKeys = checked\n      ? [...effectiveSelectedKeys, key]\n      : effectiveSelectedKeys.filter((k) => k !== key)\n\n    if (!isControlledSelection) {\n      setSelectedKeys(newSelectedKeys)\n    }\n    if (rowSelection?.onChange) {\n      const selectedRecords = sortedData.filter((r, i) =>\n        newSelectedKeys.includes(getRowKey(r, i))\n      )\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }, [getRowKey, rowSelection, isControlledSelection, effectiveSelectedKeys, sortedData])\n\n  const handleExpand = useCallback((record: T, index: number) => {\n    const key = getRowKey(record, index)\n    const isExpanded = effectiveExpandedKeys.includes(key)\n    const newExpandedKeys = isExpanded\n      ? effectiveExpandedKeys.filter((k) => k !== key)\n      : [...effectiveExpandedKeys, key]\n\n    if (!isControlledExpand) {\n      setExpandedKeys(newExpandedKeys)\n    }\n    expandable?.onExpand?.(!isExpanded, record)\n    expandable?.onExpandedRowsChange?.(newExpandedKeys)\n  }, [getRowKey, effectiveExpandedKeys, isControlledExpand, expandable])\n\n  const getCellValue = useCallback((column: ColumnType<T>, record: T, index: number) => {\n    if (column.render) {\n      return column.render(\n        column.dataIndex ? record[column.dataIndex] : undefined,\n        record,\n        index\n      )\n    }\n    if (column.dataIndex) {\n      const value = record[column.dataIndex]\n      return value !== undefined && value !== null ? String(value) : ''\n    }\n    return ''\n  }, [])\n\n  const getAlignClass = (align?: 'left' | 'center' | 'right') => {\n    if (align === 'center') return 'text-center'\n    if (align === 'right') return 'text-right'\n    return 'text-left'\n  }\n\n  // Calculate fixed column offsets\n  const getFixedColumnStyle = useCallback((columnIndex: number, isHeader = false): { className: string; style?: React.CSSProperties } => {\n    const column = visibleColumns[columnIndex]\n    if (!column?.fixed) return { className: '' }\n\n    const classes = ['sticky', 'bg-base-100']\n    let offset = 0\n    const style: React.CSSProperties = {\n      boxSizing: 'border-box',\n    }\n\n    if (column.fixed === 'left') {\n      for (let i = 0; i < columnIndex; i++) {\n        if (visibleColumns[i].fixed === 'left' && visibleColumns[i].width) {\n          const colWidth = visibleColumns[i].width!\n          const width = typeof colWidth === 'number' ? colWidth : parseInt(String(colWidth))\n          if (!isNaN(width)) offset += width\n        }\n      }\n      if (offset === 0) {\n        classes.push('left-0')\n      } else {\n        style.left = `${offset}px`\n      }\n      classes.push(isHeader ? 'z-30' : 'z-20')\n\n      let lastLeftFixedIndex = -1\n      for (let i = visibleColumns.length - 1; i >= 0; i--) {\n        if (visibleColumns[i].fixed === 'left') {\n          lastLeftFixedIndex = i\n          break\n        }\n      }\n      if (columnIndex === lastLeftFixedIndex) {\n        style.boxShadow = '2px 0 4px rgba(0, 0, 0, 0.1)'\n      }\n    }\n\n    if (column.fixed === 'right') {\n      for (let i = columnIndex + 1; i < visibleColumns.length; i++) {\n        if (visibleColumns[i].fixed === 'right' && visibleColumns[i].width) {\n          const colWidth = visibleColumns[i].width!\n          const width = typeof colWidth === 'number' ? colWidth : parseInt(String(colWidth))\n          if (!isNaN(width)) offset += width\n        }\n      }\n      if (offset === 0) {\n        classes.push('right-0')\n      } else {\n        style.right = `${offset}px`\n      }\n      classes.push(isHeader ? 'z-30' : 'z-20')\n\n      const isFirstRightFixed = columnIndex === visibleColumns.findIndex((col) => col.fixed === 'right')\n      if (isFirstRightFixed) {\n        style.boxShadow = '-2px 0 4px rgba(0, 0, 0, 0.1)'\n      }\n    }\n\n    return {\n      className: classes.filter(Boolean).join(' '),\n      style: Object.keys(style).length > 0 ? style : undefined,\n    }\n  }, [visibleColumns])\n\n  const tableClasses = [\n    'table',\n    'bg-base-100',\n    sizeClasses[size],\n    striped && 'table-zebra',\n    pinRows && 'table-pin-rows',\n    pinCols && 'table-pin-cols',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const hasFixedColumns = visibleColumns.some((col) => col.fixed)\n  const hasExpandable = expandable !== undefined\n\n  const wrapperStyle: React.CSSProperties = {}\n  if (scroll?.x) {\n    wrapperStyle.overflowX = 'auto'\n    wrapperStyle.maxWidth = typeof scroll.x === 'number' ? `${scroll.x}px` : scroll.x\n  }\n  if (scroll?.y) {\n    wrapperStyle.overflowY = 'auto'\n    wrapperStyle.maxHeight = typeof scroll.y === 'number' ? `${scroll.y}px` : scroll.y\n  }\n\n  const wrapperClasses = [\n    (!pinRows || hasFixedColumns || scroll?.x) && 'overflow-x-auto',\n    bordered && 'rounded-box border border-base-content/5 bg-base-100',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (loading) {\n    return (\n      <div className=\"flex justify-center items-center p-8\" data-testid={`${baseTestId}-loading`}>\n        <span className=\"loading loading-spinner loading-lg\" aria-label=\"Loading\"></span>\n      </div>\n    )\n  }\n\n  const isAllSelected = paginatedData.length > 0 &&\n    paginatedData.every((record, index) => effectiveSelectedKeys.includes(getRowKey(record, index)))\n  const isSomeSelected = paginatedData.some((record, index) => effectiveSelectedKeys.includes(getRowKey(record, index)))\n\n  const emptyText = locale?.emptyText ?? 'No data'\n\n  // Calculate extra columns count (selection + expand)\n  const extraColsCount = (rowSelection ? 1 : 0) + (hasExpandable ? 1 : 0)\n\n  const renderPagination = () => {\n    if (!isPaginationEnabled || totalPages <= 1) return null\n    if (typeof pagination === 'boolean') return null\n\n    const paginationConfig: PaginationConfig = pagination ?? {}\n    const position = paginationConfig.position ?? 'bottomRight'\n    const showSizeChanger = paginationConfig.showSizeChanger\n    const showQuickJumper = paginationConfig.showQuickJumper\n    const showTotal = paginationConfig.showTotal\n    const pageSizeOptions = paginationConfig.pageSizeOptions ?? [10, 20, 50, 100]\n\n    const justifyClass = position.includes('Left') ? 'justify-start' : position.includes('Center') ? 'justify-center' : 'justify-end'\n\n    const paginationElement = (\n      <div className={`flex items-center gap-4 ${justifyClass}`} data-testid={`${baseTestId}-pagination`}>\n        {showTotal && (\n          <span className=\"text-sm text-base-content/70\">\n            {showTotal(totalItems, [startIndex + 1, Math.min(endIndex, totalItems)])}\n          </span>\n        )}\n\n        {showSizeChanger && (\n          <select\n            className=\"select select-sm select-bordered\"\n            value={pageSize}\n            onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            aria-label=\"Page size\"\n            data-testid={`${baseTestId}-page-size`}\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>{size} / page</option>\n            ))}\n          </select>\n        )}\n\n        <div className=\"join\">\n          <button\n            type=\"button\"\n            className=\"join-item btn btn-sm\"\n            onClick={() => handlePageChange(currentPage - 1)}\n            disabled={currentPage === 1}\n            aria-label=\"Previous page\"\n            data-testid={`${baseTestId}-prev`}\n          >\n            «\n          </button>\n          {Array.from({ length: Math.min(totalPages, 7) }, (_, i) => {\n            let page: number\n            if (totalPages <= 7) {\n              page = i + 1\n            } else if (currentPage <= 4) {\n              page = i + 1\n            } else if (currentPage >= totalPages - 3) {\n              page = totalPages - 6 + i\n            } else {\n              page = currentPage - 3 + i\n            }\n            return (\n              <button\n                key={page}\n                type=\"button\"\n                className={`join-item btn btn-sm ${currentPage === page ? 'btn-active' : ''}`}\n                onClick={() => handlePageChange(page)}\n                aria-label={`Page ${page}`}\n                aria-current={currentPage === page ? 'page' : undefined}\n                data-testid={`${baseTestId}-page-${page}`}\n              >\n                {page}\n              </button>\n            )\n          })}\n          <button\n            type=\"button\"\n            className=\"join-item btn btn-sm\"\n            onClick={() => handlePageChange(currentPage + 1)}\n            disabled={currentPage === totalPages}\n            aria-label=\"Next page\"\n            data-testid={`${baseTestId}-next`}\n          >\n            »\n          </button>\n        </div>\n\n        {showQuickJumper && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm\">Go to</span>\n            <input\n              type=\"number\"\n              className=\"input input-sm input-bordered w-16\"\n              min={1}\n              max={totalPages}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  const value = parseInt((e.target as HTMLInputElement).value)\n                  if (value >= 1 && value <= totalPages) {\n                    handlePageChange(value)\n                  }\n                }\n              }}\n              aria-label=\"Go to page\"\n              data-testid={`${baseTestId}-jumper`}\n            />\n          </div>\n        )}\n      </div>\n    )\n\n    return paginationElement\n  }\n\n  const paginationPosition = pagination && typeof pagination !== 'boolean' ? pagination.position : undefined\n  const topPagination = isPaginationEnabled && paginationPosition?.startsWith('top') ? renderPagination() : null\n  const bottomPagination = isPaginationEnabled && (!paginationPosition || paginationPosition.startsWith('bottom')) ? renderPagination() : null\n\n  return (\n    <div className=\"space-y-4\" data-testid={baseTestId} {...rest}>\n      {topPagination}\n\n      <div className={wrapperClasses} style={wrapperStyle}>\n        <table\n          ref={ref}\n          className={tableClasses}\n          style={{ borderCollapse: 'separate', borderSpacing: 0, tableLayout: 'fixed' }}\n          role=\"grid\"\n          aria-label={ariaLabel}\n          aria-rowcount={sortedData.length}\n          data-testid={`${baseTestId}-table`}\n        >\n          <thead>\n            <tr role=\"row\">\n              {hasExpandable && (\n                <th style={{ width: 50 }} className=\"sticky left-0 z-20 bg-base-100\" role=\"columnheader\">\n                  <span className=\"sr-only\">Expand</span>\n                </th>\n              )}\n              {rowSelection && (\n                <th\n                  style={{ width: 50 }}\n                  className={`sticky ${hasExpandable ? '' : 'left-0'} z-20 bg-base-100`}\n                  role=\"columnheader\"\n                >\n                  {rowSelection.type !== 'radio' && (\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox checkbox-sm checkbox-primary\"\n                      checked={isAllSelected}\n                      ref={(el) => {\n                        if (el) el.indeterminate = isSomeSelected && !isAllSelected\n                      }}\n                      onChange={(e) => handleSelectAll(e.target.checked)}\n                      aria-label={locale?.selectAll ?? 'Select all rows'}\n                      data-testid={`${baseTestId}-select-all`}\n                    />\n                  )}\n                </th>\n              )}\n              {visibleColumns.map((column, columnIndex) => {\n                const fixedStyle = getFixedColumnStyle(columnIndex, true)\n                const isSorted = effectiveSortState.columnKey === column.key\n                const sortOrder = isSorted ? effectiveSortState.order : null\n\n                return (\n                  <th\n                    key={column.key}\n                    className={`${getAlignClass(column.align)} ${fixedStyle.className}`}\n                    style={{\n                      ...(column.width ? { width: column.width } : {}),\n                      ...fixedStyle.style,\n                    }}\n                    role=\"columnheader\"\n                    aria-sort={sortOrder === 'ascend' ? 'ascending' : sortOrder === 'descend' ? 'descending' : undefined}\n                    data-testid={`${baseTestId}-header-${column.key}`}\n                  >\n                    <div className=\"flex items-center gap-2\">\n                      <span\n                        className={column.sorter ? 'cursor-pointer select-none hover:text-primary' : ''}\n                        onClick={() => column.sorter && handleSort(column.key)}\n                        onKeyDown={(e) => {\n                          if (column.sorter && (e.key === 'Enter' || e.key === ' ')) {\n                            e.preventDefault()\n                            handleSort(column.key)\n                          }\n                        }}\n                        tabIndex={column.sorter ? 0 : undefined}\n                        role={column.sorter ? 'button' : undefined}\n                        aria-label={column.sorter ? `Sort by ${column.title}` : undefined}\n                      >\n                        {column.title}\n                      </span>\n                      {column.sorter && (\n                        <div className=\"flex flex-col\" aria-hidden=\"true\">\n                          <svg\n                            className={`w-3 h-3 ${sortOrder === 'ascend' ? 'text-primary' : 'text-base-content/30'}`}\n                            fill=\"currentColor\"\n                            viewBox=\"0 0 20 20\"\n                          >\n                            <path d=\"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z\" />\n                          </svg>\n                          <svg\n                            className={`w-3 h-3 -mt-1 ${sortOrder === 'descend' ? 'text-primary' : 'text-base-content/30'}`}\n                            fill=\"currentColor\"\n                            viewBox=\"0 0 20 20\"\n                          >\n                            <path d=\"M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z\" />\n                          </svg>\n                        </div>\n                      )}\n                      {column.filters && (\n                        <FilterDropdown\n                          filters={column.filters}\n                          selectedValues={effectiveFilterState[column.key] || []}\n                          onChange={(values) => handleFilterChange(column.key, values)}\n                          locale={locale}\n                          testId={`${baseTestId}-${column.key}`}\n                        />\n                      )}\n                    </div>\n                  </th>\n                )\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {paginatedData.length === 0 ? (\n              <tr role=\"row\">\n                <td\n                  colSpan={visibleColumns.length + extraColsCount}\n                  className=\"text-center py-8 text-base-content/50\"\n                  role=\"gridcell\"\n                  data-testid={`${baseTestId}-empty`}\n                >\n                  {emptyText}\n                </td>\n              </tr>\n            ) : (\n              paginatedData.map((record, index) => {\n                const rowProps = onRow?.(record, index) || {}\n                const key = getRowKey(record, index)\n                const isSelected = effectiveSelectedKeys.includes(key)\n                const isExpanded = effectiveExpandedKeys.includes(key)\n                const isExpandable = expandable?.rowExpandable ? expandable.rowExpandable(record) : true\n                const rowClasses = [\n                  hoverable && 'hover:bg-base-200',\n                  isSelected && 'bg-primary/10',\n                ]\n                  .filter(Boolean)\n                  .join(' ')\n\n                const checkboxProps = rowSelection?.getCheckboxProps?.(record) || {}\n\n                const handleRowClick = (e: React.MouseEvent<HTMLTableRowElement>) => {\n                  rowProps.onClick?.(e)\n                  if (expandable?.expandRowByClick && isExpandable) {\n                    handleExpand(record, index)\n                  }\n                }\n\n                return (\n                  <React.Fragment key={key}>\n                    <tr\n                      className={rowClasses}\n                      role=\"row\"\n                      aria-selected={isSelected}\n                      data-testid={`${baseTestId}-row-${index}`}\n                      data-state={isSelected ? 'selected' : undefined}\n                      {...rowProps}\n                      onClick={handleRowClick}\n                    >\n                      {hasExpandable && (\n                        <td className=\"sticky left-0 z-10 bg-base-100\" role=\"gridcell\">\n                          {isExpandable && (\n                            expandable.expandIcon ? (\n                              expandable.expandIcon({\n                                expanded: isExpanded,\n                                onExpand: () => handleExpand(record, index),\n                                record,\n                              })\n                            ) : (\n                              <DefaultExpandIcon\n                                expanded={isExpanded}\n                                onExpand={() => handleExpand(record, index)}\n                              />\n                            )\n                          )}\n                        </td>\n                      )}\n                      {rowSelection && (\n                        <td\n                          className={`sticky ${hasExpandable ? '' : 'left-0'} z-10 bg-base-100`}\n                          role=\"gridcell\"\n                        >\n                          <input\n                            type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n                            className={rowSelection.type === 'radio' ? 'radio radio-sm radio-primary' : 'checkbox checkbox-sm checkbox-primary'}\n                            checked={isSelected}\n                            onChange={(e) => handleSelectRow(record, index, e.target.checked)}\n                            aria-label={`Select row ${index + 1}`}\n                            data-testid={`${baseTestId}-row-${index}-select`}\n                            {...checkboxProps}\n                          />\n                        </td>\n                      )}\n                      {visibleColumns.map((column, columnIndex) => {\n                        const fixedStyle = getFixedColumnStyle(columnIndex, false)\n                        const cellContent = getCellValue(column, record, index)\n\n                        return (\n                          <td\n                            key={column.key}\n                            className={`${getAlignClass(column.align)} ${fixedStyle.className} ${column.ellipsis ? 'truncate max-w-0' : ''}`}\n                            style={fixedStyle.style}\n                            role=\"gridcell\"\n                            title={column.ellipsis && typeof cellContent === 'string' ? cellContent : undefined}\n                            data-testid={`${baseTestId}-row-${index}-${column.key}`}\n                          >\n                            {cellContent}\n                          </td>\n                        )\n                      })}\n                    </tr>\n                    {hasExpandable && isExpanded && (\n                      <tr\n                        className=\"bg-base-200/50\"\n                        role=\"row\"\n                        data-testid={`${baseTestId}-row-${index}-expanded`}\n                      >\n                        <td\n                          colSpan={visibleColumns.length + extraColsCount}\n                          className=\"p-4\"\n                          role=\"gridcell\"\n                        >\n                          {expandable.expandedRowRender(record, index, isExpanded)}\n                        </td>\n                      </tr>\n                    )}\n                  </React.Fragment>\n                )\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {bottomPagination}\n    </div>\n  )\n}\n\nexport const Table = forwardRef(TableInner) as <T extends Record<string, unknown>>(\n  props: TableProps<T> & { ref?: React.ForwardedRef<HTMLTableElement> }\n) => React.ReactElement\n"],"names":["sizeClasses","FilterDropdown","filters","selectedValues","onChange","locale","testId","isOpen","setIsOpen","useState","dropdownId","useId","handleToggle","value","newValues","v","handleClear","jsxs","e","jsx","filter","DefaultExpandIcon","expanded","onExpand","TableInner","columns","dataSource","rowKey","loading","size","bordered","hoverable","striped","pinRows","pinCols","pagination","rowSelection","expandable","scroll","className","onRow","onSortChange","onFilterChange","ariaLabel","rest","ref","baseTestId","defaultPageSize","currentPage","setCurrentPage","internalPageSize","setInternalPageSize","pageSize","sortState","setSortState","controlledSortColumn","col","defaultSortColumn","filterState","setFilterState","initial","selectedKeys","setSelectedKeys","expandedKeys","setExpandedKeys","isControlledSort","isControlledFilter","isControlledExpand","isControlledSelection","effectiveSortState","useMemo","controlledCol","effectiveFilterState","controlled","effectiveSelectedKeys","effectiveExpandedKeys","isPaginationEnabled","visibleColumns","getRowKey","useCallback","record","index","keyValue","filteredData","data","columnKey","filterValues","column","sortedData","sorted","a","b","result","aVal","bVal","totalItems","totalPages","startIndex","endIndex","paginatedData","handlePageChange","page","sorterResult","handlePageSizeChange","newSize","handleSort","newOrder","handleFilterChange","values","newFilterState","handleSelectAll","checked","newSelectedKeys","selectedRecords","handleSelectRow","key","k","r","i","handleExpand","isExpanded","newExpandedKeys","getCellValue","getAlignClass","align","getFixedColumnStyle","columnIndex","isHeader","classes","offset","style","colWidth","width","lastLeftFixedIndex","tableClasses","hasFixedColumns","hasExpandable","wrapperStyle","wrapperClasses","isAllSelected","isSomeSelected","emptyText","extraColsCount","renderPagination","paginationConfig","position","showSizeChanger","showQuickJumper","showTotal","pageSizeOptions","justifyClass","_","paginationPosition","topPagination","bottomPagination","el","fixedStyle","sortOrder","rowProps","isSelected","isExpandable","rowClasses","checkboxProps","handleRowClick","React","cellContent","Table","forwardRef"],"mappings":"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"}

package/dist/components/Tabs.js

@@ -0,0 +1,83 @@
+import { jsx as s, jsxs as c, Fragment as o } from "react/jsx-runtime";
+import x, { useState as k } from "react";
+const B = {
+  box: "tabs-box",
+  border: "tabs-border",
+  lift: "tabs-lift"
+}, R = {
+  xs: "tabs-xs",
+  sm: "tabs-sm",
+  md: "tabs-md",
+  lg: "tabs-lg",
+  xl: "tabs-xl"
+};
+function E({
+  children: a,
+  items: e,
+  activeKey: n,
+  defaultActiveKey: u,
+  onChange: K,
+  variant: b,
+  size: r,
+  position: d = "top",
+  className: p = "",
+  ...C
+}) {
+  const g = x.Children.toArray(a).filter(
+    (t) => x.isValidElement(t) && t.type === y
+  ), i = e && e.length > 0 ? e.map((t) => ({
+    tabKey: t.key,
+    tab: t.label,
+    children: t.children,
+    disabled: t.disabled,
+    icon: t.icon
+  })) : g.map((t) => t.props), [j, A] = k(
+    u || i[0]?.tabKey || ""
+  ), m = n !== void 0 ? n : j, N = (t) => {
+    n === void 0 && A(t), K?.(t);
+  }, P = [
+    "tabs",
+    b && B[b],
+    r && R[r],
+    p
+  ].filter(Boolean).join(" "), f = i.find((t) => t.tabKey === m), h = /* @__PURE__ */ s("div", { role: "tablist", className: P, children: i.map((t) => {
+    const l = m === t.tabKey, T = [
+      "tab",
+      l && "tab-active",
+      t.disabled && "tab-disabled"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        role: "tab",
+        className: T,
+        onClick: () => !t.disabled && N(t.tabKey),
+        disabled: t.disabled,
+        "data-state": l ? "active" : "inactive",
+        "aria-selected": l,
+        children: [
+          t.icon && /* @__PURE__ */ s("span", { className: "mr-1", children: t.icon }),
+          t.tab
+        ]
+      },
+      t.tabKey
+    );
+  }) }), v = f && /* @__PURE__ */ s("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: f.children });
+  return /* @__PURE__ */ s("div", { ...C, children: d === "top" ? /* @__PURE__ */ c(o, { children: [
+    h,
+    v
+  ] }) : /* @__PURE__ */ c(o, { children: [
+    v,
+    h
+  ] }) });
+}
+function y({ children: a }) {
+  return /* @__PURE__ */ s(o, { children: a });
+}
+const L = Object.assign(E, {
+  Panel: y
+});
+export {
+  L as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/{index81.js.map → components/Tabs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index81.js","sources":["../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Unique identifier for the tab */\n  tabKey: string\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: 'tabs-box',\n  border: 'tabs-border',\n  lift: 'tabs-lift',\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: 'tabs-xs',\n  sm: 'tabs-sm',\n  md: 'tabs-md',\n  lg: 'tabs-lg',\n  xl: 'tabs-xl',\n}\n\nfunction TabsRoot({\n  children,\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  position = 'top',\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get panels from children (compound pattern)\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n  )\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels = items && items.length > 0\n    ? items.map(item => ({\n        tabKey: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels.map(p => p.props)\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?.tabKey || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    'tabs',\n    variant && variantClasses[variant],\n    size && sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel.tabKey === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel.tabKey\n        const tabClasses = [\n          'tab',\n          isActive && 'tab-active',\n          panel.disabled && 'tab-disabled',\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel.tabKey}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel.tabKey)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\">\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["variantClasses","sizeClasses","TabsRoot","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","className","rest","panels","React","child","TabPanel","effectivePanels","item","p","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Unique identifier for the tab */\n  tabKey: string\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: 'tabs-box',\n  border: 'tabs-border',\n  lift: 'tabs-lift',\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: 'tabs-xs',\n  sm: 'tabs-sm',\n  md: 'tabs-md',\n  lg: 'tabs-lg',\n  xl: 'tabs-xl',\n}\n\nfunction TabsRoot({\n  children,\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  position = 'top',\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get panels from children (compound pattern)\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n  )\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels = items && items.length > 0\n    ? items.map(item => ({\n        tabKey: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels.map(p => p.props)\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?.tabKey || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    'tabs',\n    variant && variantClasses[variant],\n    size && sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel.tabKey === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel.tabKey\n        const tabClasses = [\n          'tab',\n          isActive && 'tab-active',\n          panel.disabled && 'tab-disabled',\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel.tabKey}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel.tabKey)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\">\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["variantClasses","sizeClasses","TabsRoot","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","className","rest","panels","React","child","TabPanel","effectivePanels","item","p","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}

package/dist/{index84.js → components/Tag.js}

@@ -207,4 +207,4 @@ export {
   P as Tag,
   H as TagLiveRegion
 };
-//# sourceMappingURL=index84.js.map
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../src/components/Tag.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\nexport type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TagColor =\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost'\n\nexport type TagVariant = 'filled' | 'outlined' | 'soft' | 'dash'\n\nexport interface TagProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  closable?: boolean\n  closeIcon?: React.ReactNode\n  onClose?: () => void\n  color?: TagColor | string\n  icon?: React.ReactNode\n  size?: TagSize\n  variant?: TagVariant\n  visible?: boolean\n  disabled?: boolean\n  href?: string\n  target?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n  'aria-label'?: string\n}\n\nexport interface CheckableTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange' | 'color'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  icon?: React.ReactNode\n  size?: TagSize\n  color?: TagColor\n  disabled?: boolean\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nconst colorClasses: Record<string, string> = {\n  primary: 'badge-primary',\n  secondary: 'badge-secondary',\n  accent: 'badge-accent',\n  neutral: 'badge-neutral',\n  info: 'badge-info',\n  success: 'badge-success',\n  warning: 'badge-warning',\n  error: 'badge-error',\n  ghost: 'badge-ghost',\n}\n\nconst sizeClasses: Record<TagSize, string> = {\n  xs: 'badge-xs text-xs',\n  sm: 'badge-sm text-sm',\n  md: 'badge-md',\n  lg: 'badge-lg text-lg',\n  xl: 'badge-xl text-xl',\n}\n\nconst variantClasses: Record<TagVariant, string> = {\n  filled: '',\n  outlined: 'badge-outline',\n  soft: 'badge-soft',\n  dash: 'badge-dash',\n}\n\nconst TagLiveRegion: React.FC = () => (\n  <div\n    id=\"tag-live-region\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n    className=\"sr-only\"\n    style={{ position: 'absolute', width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden', clip: 'rect(0, 0, 0, 0)', whiteSpace: 'nowrap', border: 0 }}\n  />\n)\n\nconst announceTagRemoval = (label: string) => {\n  const region = document.getElementById('tag-live-region')\n  if (region) {\n    region.textContent = `${label} removed`\n    setTimeout(() => {\n      region.textContent = ''\n    }, 1000)\n  }\n}\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      closable = false,\n      closeIcon,\n      onClose,\n      color,\n      icon,\n      size = 'md',\n      variant = 'filled',\n      visible: controlledVisible,\n      disabled = false,\n      href,\n      target,\n      children,\n      className = '',\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const [internalVisible, setInternalVisible] = useState(true)\n    const isControlled = controlledVisible !== undefined\n    const visible = isControlled ? controlledVisible : internalVisible\n    const baseTestId = testId ?? 'tag'\n    const tagLabel = ariaLabel ?? (typeof children === 'string' ? children : 'tag')\n\n    const handleClose = (e: React.MouseEvent) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (disabled) return\n      if (!isControlled) {\n        setInternalVisible(false)\n      }\n      announceTagRemoval(tagLabel)\n      onClose?.()\n    }\n\n    const handleCloseKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleClose(e as unknown as React.MouseEvent)\n      }\n    }\n\n    if (!visible) return null\n\n    const colorClass = color && colorClasses[color] ? colorClasses[color] : ''\n    const customColorStyle =\n      color && !colorClasses[color] ? { backgroundColor: color, borderColor: color } : undefined\n\n    const tagClasses = [\n      'badge gap-1 inline-flex items-center',\n      colorClass,\n      sizeClasses[size],\n      variantClasses[variant],\n      disabled && 'opacity-50 cursor-not-allowed',\n      href && !disabled && 'cursor-pointer hover:opacity-80',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const content = (\n      <>\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n        {closable && (\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            disabled={disabled}\n            className=\"btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1 rounded\"\n            aria-label={`Remove ${tagLabel}`}\n            data-testid={`${baseTestId}-close`}\n          >\n            {closeIcon || (\n              <svg\n                className=\"w-3 h-3\"\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=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            )}\n          </button>\n        )}\n      </>\n    )\n\n    if (href && !disabled) {\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={href}\n          target={target}\n          className={tagClasses}\n          style={customColorStyle}\n          data-testid={baseTestId}\n          data-disabled={disabled || undefined}\n          {...rest}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        className={tagClasses}\n        style={customColorStyle}\n        data-testid={baseTestId}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        {...rest}\n      >\n        {content}\n      </span>\n    )\n  }\n)\n\nTag.displayName = 'Tag'\n\nconst checkedColorClasses: Record<TagColor, string> = {\n  primary: 'badge-primary',\n  secondary: 'badge-secondary',\n  accent: 'badge-accent',\n  neutral: 'badge-neutral',\n  info: 'badge-info',\n  success: 'badge-success',\n  warning: 'badge-warning',\n  error: 'badge-error',\n  ghost: 'badge-ghost',\n}\n\nconst uncheckedColorClasses: Record<TagColor, string> = {\n  primary: 'badge-outline hover:badge-primary hover:badge-outline',\n  secondary: 'badge-outline hover:badge-secondary hover:badge-outline',\n  accent: 'badge-outline hover:badge-accent hover:badge-outline',\n  neutral: 'badge-outline hover:badge-neutral hover:badge-outline',\n  info: 'badge-outline hover:badge-info hover:badge-outline',\n  success: 'badge-outline hover:badge-success hover:badge-outline',\n  warning: 'badge-outline hover:badge-warning hover:badge-outline',\n  error: 'badge-outline hover:badge-error hover:badge-outline',\n  ghost: 'badge-outline hover:badge-ghost hover:badge-outline',\n}\n\nexport const CheckableTag = forwardRef<HTMLSpanElement, CheckableTagProps>(\n  (\n    {\n      checked = false,\n      onChange,\n      icon,\n      size = 'md',\n      color = 'primary',\n      disabled = false,\n      children,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseTestId = testId ?? 'checkable-tag'\n\n    const handleClick = () => {\n      if (disabled) return\n      onChange?.(!checked)\n    }\n\n    const tagClasses = [\n      'badge gap-1 cursor-pointer transition-colors',\n      'focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-2',\n      sizeClasses[size],\n      checked ? checkedColorClasses[color] : uncheckedColorClasses[color],\n      disabled && 'opacity-50 cursor-not-allowed',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <span\n        ref={ref}\n        className={tagClasses}\n        onClick={handleClick}\n        role=\"checkbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (disabled) return\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        data-testid={baseTestId}\n        data-state={checked ? 'checked' : 'unchecked'}\n        data-disabled={disabled || undefined}\n        {...rest}\n      >\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n      </span>\n    )\n  }\n)\n\nCheckableTag.displayName = 'CheckableTag'\n\nexport { TagLiveRegion }\n"],"names":["colorClasses","sizeClasses","variantClasses","TagLiveRegion","jsx","announceTagRemoval","label","region","Tag","forwardRef","closable","closeIcon","onClose","color","icon","size","variant","controlledVisible","disabled","href","target","children","className","testId","ariaLabel","rest","ref","internalVisible","setInternalVisible","useState","isControlled","visible","baseTestId","tagLabel","handleClose","e","handleCloseKeyDown","colorClass","customColorStyle","tagClasses","content","jsxs","Fragment","checkedColorClasses","uncheckedColorClasses","CheckableTag","checked","onChange","handleClick"],"mappings":"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"}

package/dist/{index83.js → components/TextRotate.js}

@@ -23,4 +23,4 @@ const c = {
 export {
   l as TextRotate
 };
-//# sourceMappingURL=index83.js.map
+//# sourceMappingURL=TextRotate.js.map

package/dist/components/TextRotate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextRotate.js","sources":["../../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\nexport type TextRotateDuration = 6000 | 9000 | 12000 | 15000 | 18000\n\nconst durationClasses: Record<TextRotateDuration, string> = {\n  6000: 'duration-6000',\n  9000: 'duration-9000',\n  12000: 'duration-12000',\n  15000: 'duration-15000',\n  18000: 'duration-18000',\n}\n\nexport interface TextRotateProps {\n  /** Text items to rotate through (max 6) */\n  items: React.ReactNode[]\n  /** Animation duration in ms (default 10000) */\n  duration?: TextRotateDuration\n  /** Center text horizontally */\n  centered?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n\n  return (\n    <span\n      className={`text-rotate ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAIA,MAAMA,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAaaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAgBH,IAAWH,EAAgBG,CAAQ,IAAI;AAE7D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAeD,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEjG,4BAAC,QAAA,EACE,UAAAH,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACM,GAAMC,MAC5B,gBAAAF,EAAC,QAAA,EAAkB,UAAAC,EAAA,GAARC,CAAa,CACzB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/{index82.js → components/Textarea.js}

@@ -40,4 +40,4 @@ f.displayName = "Textarea";
 export {
   f as Textarea
 };
-//# sourceMappingURL=index82.js.map
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'textarea-xs',\n      sm: 'textarea-sm',\n      md: 'textarea-md',\n      lg: 'textarea-lg',\n      xl: 'textarea-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'textarea-neutral',\n      primary: 'textarea-primary',\n      secondary: 'textarea-secondary',\n      accent: 'textarea-accent',\n      info: 'textarea-info',\n      success: 'textarea-success',\n      warning: 'textarea-warning',\n      error: 'textarea-error',\n    }\n\n    const textareaClasses = [\n      'textarea',\n      'w-full',\n      bordered && 'textarea-bordered',\n      ghost && 'textarea-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <textarea ref={ref} className={textareaClasses} {...props} />\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","textareaClasses"],"mappings":";;AAUO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BAAQ,YAAA,EAAS,KAAAE,GAAU,WAAWG,GAAkB,GAAGJ,GAAO;AAAA,EACpE;AACF;AAEAP,EAAS,cAAc;"}

package/dist/{index85.js → components/ThemeController.js}

@@ -156,4 +156,4 @@ const Z = Object.assign(
 export {
   Z as ThemeController
 };
-//# sourceMappingURL=index85.js.map
+//# sourceMappingURL=ThemeController.js.map

package/dist/components/ThemeController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeController.js","sources":["../../src/components/ThemeController.tsx"],"sourcesContent":["import React, { useState, useEffect, useId } from 'react'\n\nexport interface ThemeControllerSwapProps {\n  lightTheme?: string\n  darkTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nexport interface ThemeControllerDropdownProps {\n  themes: string[]\n  defaultTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nexport interface ThemeControllerToggleProps {\n  lightTheme?: string\n  darkTheme?: string\n  onChange?: (theme: string) => void\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  className?: string\n}\n\n// Get current theme from document\nfunction getCurrentTheme(): string | null {\n  return document.documentElement.getAttribute('data-theme')\n}\n\n// Set theme on document\nfunction setTheme(theme: string) {\n  document.documentElement.setAttribute('data-theme', theme)\n}\n\nfunction ThemeControllerSwap({\n  lightTheme = 'light',\n  darkTheme = 'dark',\n  onChange,\n  className = '',\n}: ThemeControllerSwapProps) {\n  const [isDark, setIsDark] = useState(() => {\n    const current = getCurrentTheme()\n    return current === darkTheme\n  })\n\n  // Sync with external theme changes\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const current = getCurrentTheme()\n      setIsDark(current === darkTheme)\n    })\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] })\n    return () => observer.disconnect()\n  }, [darkTheme])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked\n    const theme = checked ? darkTheme : lightTheme\n    setTheme(theme)\n    onChange?.(theme)\n  }\n\n  return (\n    <label className={`swap swap-rotate ${className}`}>\n      <input\n        type=\"checkbox\"\n        checked={isDark}\n        onChange={handleChange}\n      />\n      {/* sun icon */}\n      <svg\n        className=\"swap-off h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\" />\n      </svg>\n      {/* moon icon */}\n      <svg\n        className=\"swap-on h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\" />\n      </svg>\n    </label>\n  )\n}\n\nfunction ThemeControllerDropdown({\n  themes,\n  defaultTheme,\n  onChange,\n  className = '',\n}: ThemeControllerDropdownProps) {\n  const radioName = useId()\n  const [selectedTheme, setSelectedTheme] = useState(() => {\n    const current = getCurrentTheme()\n    if (current && themes.includes(current)) return current\n    return defaultTheme || themes[0] || 'light'\n  })\n\n  // Sync with external theme changes\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const current = getCurrentTheme()\n      if (current && themes.includes(current)) {\n        setSelectedTheme(current)\n      }\n    })\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] })\n    return () => observer.disconnect()\n  }, [themes])\n\n  const handleChange = (theme: string) => {\n    setSelectedTheme(theme)\n    setTheme(theme)\n    onChange?.(theme)\n  }\n\n  return (\n    <div className={`dropdown dropdown-end ${className}`}>\n      <div tabIndex={0} role=\"button\" className=\"btn\">\n        Theme\n        <svg\n          width=\"12px\"\n          height=\"12px\"\n          className=\"inline-block h-2 w-2 fill-current opacity-60\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 2048 2048\"\n        >\n          <path d=\"M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z\"></path>\n        </svg>\n      </div>\n      <ul\n        tabIndex={0}\n        className=\"dropdown-content bg-base-300 rounded-box z-[1] w-52 p-2 shadow-2xl max-h-96 overflow-y-auto\"\n      >\n        {themes.map((theme) => (\n          <li key={theme}>\n            <input\n              type=\"radio\"\n              name={radioName}\n              className=\"btn btn-sm btn-block btn-ghost justify-start\"\n              aria-label={theme}\n              value={theme}\n              checked={selectedTheme === theme}\n              onChange={() => handleChange(theme)}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nconst sizeClasses: Record<string, string> = {\n  xs: 'toggle-xs',\n  sm: 'toggle-sm',\n  md: 'toggle-md',\n  lg: 'toggle-lg',\n}\n\nfunction ThemeControllerToggle({\n  lightTheme = 'light',\n  darkTheme = 'dark',\n  onChange,\n  size = 'md',\n  className = '',\n}: ThemeControllerToggleProps) {\n  const [isDark, setIsDark] = useState(() => {\n    const current = getCurrentTheme()\n    return current === darkTheme\n  })\n\n  // Sync with external theme changes\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const current = getCurrentTheme()\n      setIsDark(current === darkTheme)\n    })\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] })\n    return () => observer.disconnect()\n  }, [darkTheme])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked\n    const theme = checked ? darkTheme : lightTheme\n    setTheme(theme)\n    onChange?.(theme)\n  }\n\n  return (\n    <input\n      type=\"checkbox\"\n      className={`toggle ${sizeClasses[size]} ${className}`}\n      checked={isDark}\n      onChange={handleChange}\n      aria-label=\"Toggle theme\"\n    />\n  )\n}\n\nexport const ThemeController = Object.assign(\n  {},\n  {\n    Swap: ThemeControllerSwap,\n    Dropdown: ThemeControllerDropdown,\n    Toggle: ThemeControllerToggle,\n  }\n)\n"],"names":["getCurrentTheme","setTheme","theme","ThemeControllerSwap","lightTheme","darkTheme","onChange","className","isDark","setIsDark","useState","useEffect","observer","current","handleChange","e","jsxs","jsx","ThemeControllerDropdown","themes","defaultTheme","radioName","useId","selectedTheme","setSelectedTheme","sizeClasses","ThemeControllerToggle","size","ThemeController"],"mappings":"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"}

package/dist/{index86.js → components/TimePicker.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { forwardRef as fe, useState as x, useRef as Z, useId as pe, useEffect as W, useCallback as _ } from "react";
-import { Input as me } from "./index42.js";
+import { Input as me } from "./Input.js";
 function be(s, D = "24", M = !1) {
   if (!s) return "";
   let o = s.getHours();
@@ -297,4 +297,4 @@ ge.displayName = "TimePicker";
 export {
   ge as TimePicker
 };
-//# sourceMappingURL=index86.js.map
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useCallback, useId } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  hourStep?: number\n  minuteStep?: number\n  secondStep?: number\n  status?: 'error' | 'warning'\n  'data-testid'?: string\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className,\n  size = 'md',\n  showSeconds = false,\n  allowClear = true,\n  open: controlledOpen,\n  onOpenChange,\n  hourStep = 1,\n  minuteStep = 1,\n  secondStep = 1,\n  status,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value !== undefined ? value : defaultValue || null\n  )\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n  const [focusedColumn, setFocusedColumn] = useState<'hour' | 'minute' | 'second' | 'period'>('hour')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const uniqueId = useId()\n  const baseTestId = testId || 'timepicker'\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  const setOpen = useCallback((newOpen: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }, [controlledOpen, onOpenChange])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setOpen])\n\n  // Focus trap and keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        return\n      }\n\n      if (e.key === 'Tab') {\n        // Allow tab to cycle through columns\n        return\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        const delta = e.key === 'ArrowUp' ? -1 : 1\n\n        if (focusedColumn === 'hour') {\n          const maxHour = format === '12' ? 12 : 23\n          const minHour = format === '12' ? 1 : 0\n          let newHour = hours + (delta * hourStep)\n          if (newHour > maxHour) newHour = minHour\n          if (newHour < minHour) newHour = maxHour\n          handleHourChange(newHour)\n        } else if (focusedColumn === 'minute') {\n          let newMinute = minutes + (delta * minuteStep)\n          if (newMinute > 59) newMinute = 0\n          if (newMinute < 0) newMinute = 59\n          handleMinuteChange(newMinute)\n        } else if (focusedColumn === 'second') {\n          let newSecond = seconds + (delta * secondStep)\n          if (newSecond > 59) newSecond = 0\n          if (newSecond < 0) newSecond = 59\n          handleSecondChange(newSecond)\n        } else if (focusedColumn === 'period') {\n          handlePeriodChange(period === 'AM' ? 'PM' : 'AM')\n        }\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const columns: Array<'hour' | 'minute' | 'second' | 'period'> = ['hour', 'minute']\n        if (showSeconds) columns.push('second')\n        if (format === '12') columns.push('period')\n\n        const currentIndex = columns.indexOf(focusedColumn)\n        const delta = e.key === 'ArrowLeft' ? -1 : 1\n        let newIndex = currentIndex + delta\n        if (newIndex < 0) newIndex = columns.length - 1\n        if (newIndex >= columns.length) newIndex = 0\n        setFocusedColumn(columns[newIndex])\n      }\n\n      if (e.key === 'Enter') {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, focusedColumn, hours, minutes, seconds, period, format, showSeconds, hourStep, minuteStep, secondStep, setOpen])\n\n  const handleClear = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedTime(null)\n    setHours(0)\n    setMinutes(0)\n    setSeconds(0)\n    setPeriod('AM')\n    onChange?.(null)\n  }, [onChange])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    columnType: 'hour' | 'minute' | 'second',\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChangeValue: (value: number) => void,\n    step: number = 1,\n    start: number = 0\n  ) => {\n    const items: number[] = []\n    for (let i = start; i <= maxValue; i += step) {\n      items.push(i)\n    }\n    const listboxId = `${uniqueId}-${columnType}-listbox`\n    const isFocused = focusedColumn === columnType\n\n    return (\n      <div\n        className=\"flex flex-col w-16\"\n        role=\"listbox\"\n        aria-label={`Select ${label.toLowerCase()}`}\n        id={listboxId}\n        data-testid={`${baseTestId}-${columnType}-column`}\n        tabIndex={0}\n        onFocus={() => setFocusedColumn(columnType)}\n      >\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n          {label}\n        </div>\n        <div className=\"overflow-y-auto max-h-48\">\n          {items.map((item) => {\n            const isSelected = currentValue === item\n            return (\n              <button\n                key={item}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isSelected}\n                onClick={() => onChangeValue(item)}\n                data-testid={`${baseTestId}-${columnType}-${item}`}\n                className={[\n                  'w-full px-4 py-2 text-center hover:bg-base-200 transition-colors',\n                  isSelected ? 'bg-primary text-primary-content' : '',\n                  isFocused && isSelected ? 'ring-2 ring-primary ring-offset-1' : ''\n                ].filter(Boolean).join(' ')}\n              >\n                {String(item).padStart(2, '0')}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  const statusClasses = {\n    error: 'input-error',\n    warning: 'input-warning',\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={['relative', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative\">\n        <Input\n          value={formatTime(selectedTime, format, showSeconds)}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          readOnly\n          onClick={() => !disabled && setOpen(!isOpen)}\n          className={['cursor-pointer pr-8', status ? statusClasses[status] : ''].filter(Boolean).join(' ')}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? `${uniqueId}-dropdown` : undefined}\n          data-testid={`${baseTestId}-input`}\n        />\n        {allowClear && selectedTime && !disabled && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle\"\n            aria-label=\"Clear time\"\n            data-testid={`${baseTestId}-clear`}\n          >\n            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={dropdownRef}\n          id={`${uniqueId}-dropdown`}\n          className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit\"\n          role=\"dialog\"\n          aria-label=\"Time picker\"\n          data-testid={`${baseTestId}-dropdown`}\n        >\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'hour',\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              hourStep,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('minute', 'Min', 59, minutes, handleMinuteChange, minuteStep)}\n\n            {showSeconds && renderTimeColumn('second', 'Sec', 59, seconds, handleSecondChange, secondStep)}\n\n            {format === '12' && (\n              <div\n                className=\"flex flex-col w-16\"\n                role=\"listbox\"\n                aria-label=\"Select period\"\n                data-testid={`${baseTestId}-period-column`}\n                tabIndex={0}\n                onFocus={() => setFocusedColumn('period')}\n              >\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n                  Period\n                </div>\n                <div className=\"flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'AM'}\n                    onClick={() => handlePeriodChange('AM')}\n                    data-testid={`${baseTestId}-period-am`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'AM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'PM'}\n                    onClick={() => handlePeriodChange('PM')}\n                    data-testid={`${baseTestId}-period-pm`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'PM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n              data-testid={`${baseTestId}-now`}\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n              data-testid={`${baseTestId}-ok`}\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","className","size","allowClear","controlledOpen","onOpenChange","hourStep","minuteStep","secondStep","status","testId","rest","ref","selectedTime","setSelectedTime","useState","internalOpen","setInternalOpen","isOpen","setHours","setMinutes","setSeconds","setPeriod","focusedColumn","setFocusedColumn","containerRef","useRef","dropdownRef","uniqueId","useId","baseTestId","useEffect","setOpen","useCallback","newOpen","handleClickOutside","event","handleKeyDown","e","delta","maxHour","minHour","newHour","handleHourChange","newMinute","handleMinuteChange","newSecond","handleSecondChange","handlePeriodChange","columns","currentIndex","newIndex","handleClear","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","actualHour","newPeriod","renderTimeColumn","columnType","label","maxValue","currentValue","onChangeValue","step","start","items","i","listboxId","isFocused","jsxs","jsx","item","isSelected","displayHours","statusClasses","node","Input"],"mappings":"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"}

package/dist/{index87.js → components/Timeline.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as B } from "react/jsx-runtime";
-import R, { forwardRef as z, useMemo as L } from "react";
-import { Loading as $ } from "./index48.js";
+import O, { forwardRef as z, useMemo as L } from "react";
+import { Loading as $ } from "./Loading.js";
 const k = {
   primary: "text-primary",
   secondary: "text-secondary",
@@ -33,18 +33,18 @@ const k = {
     _index: c = 0,
     _total: p = 1,
     _compact: b = !1,
-    _vertical: _ = !1,
+    _vertical: E = !1,
     _mode: m = "alternate",
     _baseTestId: y,
     ...h
   }, v) => {
-    const f = I ?? (y ? `${y}-item-${c}` : void 0), l = ["timeline-start", x && "timeline-box"].filter(Boolean).join(" "), n = ["timeline-end", w && "timeline-box"].filter(Boolean).join(" "), u = ["timeline-middle", r && k[r]].filter(Boolean).join(" "), s = r ? F[r] : void 0, o = c === 0, E = c === p - 1, O = c % 2 === 0, N = m === "start" || m === "alternate" && !O, g = m === "end" || m === "alternate" && O, t = T ? /* @__PURE__ */ e($, { size: "xs" }) : j;
+    const f = I ?? (y ? `${y}-item-${c}` : void 0), l = ["timeline-start", x && "timeline-box"].filter(Boolean).join(" "), n = ["timeline-end", w && "timeline-box"].filter(Boolean).join(" "), u = ["timeline-middle", r && k[r]].filter(Boolean).join(" "), s = r ? F[r] : void 0, o = c === 0, R = c === p - 1, _ = c % 2 === 0, N = m === "start" || m === "alternate" && !_, g = m === "end" || m === "alternate" && _, t = T ? /* @__PURE__ */ e($, { size: "xs" }) : j;
     return b ? /* @__PURE__ */ B("li", { ref: v, className: d, "data-testid": f, ...h, children: [
       !o && /* @__PURE__ */ e("hr", { className: s }),
       t && /* @__PURE__ */ e("div", { className: u, children: t }),
       a && /* @__PURE__ */ e("div", { className: n, children: a }),
-      !E && /* @__PURE__ */ e("hr", { className: s })
-    ] }) : _ ? /* @__PURE__ */ B("li", { ref: v, className: d, "data-testid": f, ...h, children: [
+      !R && /* @__PURE__ */ e("hr", { className: s })
+    ] }) : E ? /* @__PURE__ */ B("li", { ref: v, className: d, "data-testid": f, ...h, children: [
       !o && /* @__PURE__ */ e("hr", { className: s }),
       N && i && /* @__PURE__ */ e("div", { className: l, children: i }),
       g && !N && a && /* @__PURE__ */ e("div", { className: l, children: a }),
@@ -52,12 +52,12 @@ const k = {
       g && i && !N && /* @__PURE__ */ e("div", { className: n, children: i }),
       (N || !N && !g) && a && /* @__PURE__ */ e("div", { className: n, children: a }),
       !N && g && i && /* @__PURE__ */ e("div", { className: n, children: i }),
-      !E && /* @__PURE__ */ e("hr", { className: s })
+      !R && /* @__PURE__ */ e("hr", { className: s })
     ] }) : g ? /* @__PURE__ */ B("li", { ref: v, className: d, "data-testid": f, ...h, children: [
       i && /* @__PURE__ */ e("div", { className: l, children: i }),
       t && /* @__PURE__ */ e("div", { className: u, children: t }),
       a && /* @__PURE__ */ e("div", { className: n, children: a }),
-      !E && /* @__PURE__ */ e("hr", { className: s })
+      !R && /* @__PURE__ */ e("hr", { className: s })
     ] }) : /* @__PURE__ */ B("li", { ref: v, className: d, "data-testid": f, ...h, children: [
       !o && /* @__PURE__ */ e("hr", { className: s }),
       t && /* @__PURE__ */ e("div", { className: u, children: t }),
@@ -81,7 +81,7 @@ const A = z(
     pending: c,
     pendingIcon: p,
     "data-testid": b = "timeline",
-    "aria-label": _,
+    "aria-label": E,
     ...m
   }, y) => {
     const h = [
@@ -105,7 +105,7 @@ const A = z(
       },
       s.key ?? o
     )) : null, [a]) ?? i;
-    let l = R.Children.toArray(f);
+    let l = O.Children.toArray(f);
     if (I && (l = [...l].reverse()), c) {
       const s = /* @__PURE__ */ e(
         C,
@@ -119,7 +119,7 @@ const A = z(
       );
       l.push(s);
     }
-    const n = l.length, u = l.map((s, o) => R.isValidElement(s) ? R.cloneElement(s, {
+    const n = l.length, u = l.map((s, o) => O.isValidElement(s) ? O.cloneElement(s, {
       _index: o,
       _total: n,
       _compact: r,
@@ -133,7 +133,7 @@ const A = z(
         ref: y,
         className: h,
         "data-testid": b,
-        "aria-label": _,
+        "aria-label": E,
         role: "list",
         ...m,
         children: u
@@ -148,4 +148,4 @@ const V = Object.assign(A, {
 export {
   V as Timeline
 };
-//# sourceMappingURL=index87.js.map
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../src/components/Timeline.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\nimport { Loading } from './Loading'\n\nexport type TimelineMode = 'start' | 'alternate' | 'end'\nexport type TimelineColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n\nexport interface TimelineItemConfig {\n  /** Unique key for the item */\n  key?: React.Key\n  /** Content at start position (left/top) */\n  start?: React.ReactNode\n  /** Content at end position (right/bottom) */\n  end?: React.ReactNode\n  /** Central icon or marker */\n  icon?: React.ReactNode\n  /** Wrap start content in timeline-box */\n  startBox?: boolean\n  /** Wrap end content in timeline-box */\n  endBox?: boolean\n  /** Color of the timeline dot/connector */\n  color?: TimelineColor\n  /** Show loading spinner instead of icon */\n  loading?: boolean\n  /** Additional CSS classes for this item */\n  className?: string\n}\n\nexport interface TimelineProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> {\n  /** Timeline items (compound pattern) */\n  children?: React.ReactNode\n  /** Timeline items (declarative API) */\n  items?: TimelineItemConfig[]\n  /** Vertical layout orientation */\n  vertical?: boolean\n  /** Horizontal layout (default) */\n  horizontal?: boolean\n  /** All items on one side */\n  compact?: boolean\n  /** Snap icon to start instead of center */\n  snapIcon?: boolean\n  /** Item distribution layout */\n  mode?: TimelineMode\n  /** Reverse item order */\n  reverse?: boolean\n  /** Show pending/loading indicator at end */\n  pending?: React.ReactNode\n  /** Custom icon for pending item */\n  pendingIcon?: React.ReactNode\n  /** Test ID for the component */\n  'data-testid'?: string\n  /** Accessible label for the timeline */\n  'aria-label'?: string\n}\n\n// Public props for Timeline.Item (excludes internal props)\nexport interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color'> {\n  /** Content at start position (left/top) */\n  start?: React.ReactNode\n  /** Content at end position (right/bottom) */\n  end?: React.ReactNode\n  /** Central icon or marker */\n  icon?: React.ReactNode\n  /** Wrap start content in timeline-box */\n  startBox?: boolean\n  /** Wrap end content in timeline-box */\n  endBox?: boolean\n  /** Color of the timeline dot/connector */\n  color?: TimelineColor\n  /** Show loading spinner instead of icon */\n  loading?: boolean\n  /** Test ID for this item */\n  'data-testid'?: string\n}\n\n// Internal props injected by Timeline container\ninterface TimelineItemInternalProps extends TimelineItemProps {\n  _index?: number\n  _total?: number\n  _compact?: boolean\n  _vertical?: boolean\n  _mode?: TimelineMode\n  _baseTestId?: string\n}\n\nconst colorClasses: Record<TimelineColor, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  neutral: 'text-neutral',\n}\n\nconst hrColorClasses: Record<TimelineColor, string> = {\n  primary: 'bg-primary',\n  secondary: 'bg-secondary',\n  accent: 'bg-accent',\n  info: 'bg-info',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  neutral: 'bg-neutral',\n}\n\nconst TimelineItem = forwardRef<HTMLLIElement, TimelineItemInternalProps>(\n  (\n    {\n      start,\n      end,\n      icon,\n      startBox = false,\n      endBox = false,\n      color,\n      loading = false,\n      className = '',\n      'data-testid': testId,\n      _index = 0,\n      _total = 1,\n      _compact = false,\n      _vertical = false,\n      _mode = 'alternate',\n      _baseTestId,\n      ...rest\n    },\n    ref\n  ) => {\n    const itemTestId = testId ?? (_baseTestId ? `${_baseTestId}-item-${_index}` : undefined)\n\n    const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n    const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n    const middleClasses = ['timeline-middle', color && colorClasses[color]].filter(Boolean).join(' ')\n    const hrClasses = color ? hrColorClasses[color] : undefined\n\n    const isFirst = _index === 0\n    const isLast = _index === _total - 1\n\n    // Determine content placement based on mode\n    const isEven = _index % 2 === 0\n    const showOnStart = _mode === 'start' || (_mode === 'alternate' && !isEven)\n    const showOnEnd = _mode === 'end' || (_mode === 'alternate' && isEven)\n\n    // Render the icon or loading spinner\n    const iconContent = loading ? (\n      <Loading size=\"xs\" />\n    ) : (\n      icon\n    )\n\n    // Render connectors and content based on layout\n    if (_compact) {\n      // Compact layout: connector, icon, end content, connector\n      return (\n        <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n          {!isFirst && <hr className={hrClasses} />}\n          {iconContent && <div className={middleClasses}>{iconContent}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          {!isLast && <hr className={hrClasses} />}\n        </li>\n      )\n    } else if (_vertical) {\n      // Vertical layout with mode support\n      return (\n        <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n          {!isFirst && <hr className={hrClasses} />}\n          {showOnStart && start && <div className={startClasses}>{start}</div>}\n          {showOnEnd && !showOnStart && end && <div className={startClasses}>{end}</div>}\n          {iconContent && <div className={middleClasses}>{iconContent}</div>}\n          {showOnEnd && start && !showOnStart && <div className={endClasses}>{start}</div>}\n          {(showOnStart || (!showOnStart && !showOnEnd)) && end && <div className={endClasses}>{end}</div>}\n          {!showOnStart && showOnEnd && start && <div className={endClasses}>{start}</div>}\n          {!isLast && <hr className={hrClasses} />}\n        </li>\n      )\n    } else {\n      // Horizontal alternating layout\n      if (showOnEnd) {\n        // Content on end side\n        return (\n          <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n            {start && <div className={startClasses}>{start}</div>}\n            {iconContent && <div className={middleClasses}>{iconContent}</div>}\n            {end && <div className={endClasses}>{end}</div>}\n            {!isLast && <hr className={hrClasses} />}\n          </li>\n        )\n      } else {\n        // Content on start side\n        return (\n          <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n            {!isFirst && <hr className={hrClasses} />}\n            {iconContent && <div className={middleClasses}>{iconContent}</div>}\n            {start && <div className={startClasses}>{start}</div>}\n            {end && <div className={endClasses}>{end}</div>}\n          </li>\n        )\n      }\n    }\n  }\n)\n\nTimelineItem.displayName = 'Timeline.Item'\n\nconst TimelineRoot = forwardRef<HTMLUListElement, TimelineProps>(\n  (\n    {\n      children,\n      items,\n      className = '',\n      vertical = false,\n      horizontal = false,\n      compact = false,\n      snapIcon = false,\n      mode = 'alternate',\n      reverse = false,\n      pending,\n      pendingIcon,\n      'data-testid': testId = 'timeline',\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const classes = [\n      'timeline',\n      vertical && 'timeline-vertical',\n      horizontal && 'timeline-horizontal',\n      compact && 'timeline-compact',\n      snapIcon && 'timeline-snap-icon',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Build items from declarative API if provided\n    const declarativeItems = useMemo(() => {\n      if (!items) return null\n      return items.map((item, index) => (\n        <TimelineItem\n          key={item.key ?? index}\n          start={item.start}\n          end={item.end}\n          icon={item.icon}\n          startBox={item.startBox}\n          endBox={item.endBox}\n          color={item.color}\n          loading={item.loading}\n          className={item.className}\n        />\n      ))\n    }, [items])\n\n    // Get children to render (either declarative or compound)\n    const childrenToRender = declarativeItems ?? children\n\n    // Convert to array and optionally reverse\n    let childArray = React.Children.toArray(childrenToRender)\n    if (reverse) {\n      childArray = [...childArray].reverse()\n    }\n\n    // Add pending item if provided\n    if (pending) {\n      const pendingItem = (\n        <TimelineItem\n          key=\"__pending__\"\n          end={pending}\n          endBox\n          icon={pendingIcon}\n          loading={!pendingIcon}\n        />\n      )\n      childArray.push(pendingItem)\n    }\n\n    const total = childArray.length\n\n    // Inject internal props into each Timeline.Item\n    const childrenWithProps = childArray.map((child, index) => {\n      if (React.isValidElement<TimelineItemInternalProps>(child)) {\n        return React.cloneElement(child, {\n          _index: index,\n          _total: total,\n          _compact: compact,\n          _vertical: vertical,\n          _mode: mode,\n          _baseTestId: testId,\n        })\n      }\n      return child\n    })\n\n    return (\n      <ul\n        ref={ref}\n        className={classes}\n        data-testid={testId}\n        aria-label={ariaLabel}\n        role=\"list\"\n        {...rest}\n      >\n        {childrenWithProps}\n      </ul>\n    )\n  }\n)\n\nTimelineRoot.displayName = 'Timeline'\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["colorClasses","hrColorClasses","TimelineItem","forwardRef","start","end","icon","startBox","endBox","color","loading","className","testId","_index","_total","_compact","_vertical","_mode","_baseTestId","rest","ref","itemTestId","startClasses","endClasses","middleClasses","hrClasses","isFirst","isLast","isEven","showOnStart","showOnEnd","iconContent","jsx","Loading","TimelineRoot","children","items","vertical","horizontal","compact","snapIcon","mode","reverse","pending","pendingIcon","ariaLabel","classes","childrenToRender","useMemo","item","index","childArray","React","pendingItem","total","childrenWithProps","child","Timeline"],"mappings":";;;AAoFA,MAAMA,IAA8C;AAAA,EAClD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEMC,IAAgD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEMC,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,eAAeC;AAAA,IACf,QAAAC,IAAS;AAAA,IACT,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAaT,MAAWM,IAAc,GAAGA,CAAW,SAASL,CAAM,KAAK,SAExES,IAAe,CAAC,kBAAkBf,KAAY,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACtFgB,IAAa,CAAC,gBAAgBf,KAAU,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAChFgB,IAAgB,CAAC,mBAAmBf,KAAST,EAAaS,CAAK,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1FgB,IAAYhB,IAAQR,EAAeQ,CAAK,IAAI,QAE5CiB,IAAUb,MAAW,GACrBc,IAASd,MAAWC,IAAS,GAG7Bc,IAASf,IAAS,MAAM,GACxBgB,IAAcZ,MAAU,WAAYA,MAAU,eAAe,CAACW,GAC9DE,IAAYb,MAAU,SAAUA,MAAU,eAAeW,GAGzDG,IAAcrB,IAClB,gBAAAsB,EAACC,GAAA,EAAQ,MAAK,MAAK,IAEnB3B;AAIF,WAAIS,sBAGC,MAAA,EAAG,KAAAK,GAAU,WAAAT,GAAsB,eAAaU,GAAa,GAAGF,GAC9D,UAAA;AAAA,MAAA,CAACO,KAAW,gBAAAM,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,MACtCM,KAAe,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GAAgB,UAAAO,GAAY;AAAA,MAC3D1B,KAAO,gBAAA2B,EAAC,OAAA,EAAI,WAAWT,GAAa,UAAAlB,GAAI;AAAA,MACxC,CAACsB,KAAU,gBAAAK,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,IAAA,GACxC,IAEOT,sBAGN,MAAA,EAAG,KAAAI,GAAU,WAAAT,GAAsB,eAAaU,GAAa,GAAGF,GAC9D,UAAA;AAAA,MAAA,CAACO,KAAW,gBAAAM,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,MACtCI,KAAezB,KAAS,gBAAA4B,EAAC,OAAA,EAAI,WAAWV,GAAe,UAAAlB,GAAM;AAAA,MAC7D0B,KAAa,CAACD,KAAexB,uBAAQ,OAAA,EAAI,WAAWiB,GAAe,UAAAjB,GAAI;AAAA,MACvE0B,KAAe,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GAAgB,UAAAO,GAAY;AAAA,MAC3DD,KAAa1B,KAAS,CAACyB,uBAAgB,OAAA,EAAI,WAAWN,GAAa,UAAAnB,GAAM;AAAA,OACxEyB,KAAgB,CAACA,KAAe,CAACC,MAAezB,KAAO,gBAAA2B,EAAC,OAAA,EAAI,WAAWT,GAAa,UAAAlB,EAAA,CAAI;AAAA,MACzF,CAACwB,KAAeC,KAAa1B,uBAAU,OAAA,EAAI,WAAWmB,GAAa,UAAAnB,GAAM;AAAA,MACzE,CAACuB,KAAU,gBAAAK,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,IAAA,GACxC,IAIEK,sBAGC,MAAA,EAAG,KAAAV,GAAU,WAAAT,GAAsB,eAAaU,GAAa,GAAGF,GAC9D,UAAA;AAAA,MAAAf,KAAS,gBAAA4B,EAAC,OAAA,EAAI,WAAWV,GAAe,UAAAlB,GAAM;AAAA,MAC9C2B,KAAe,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GAAgB,UAAAO,GAAY;AAAA,MAC3D1B,KAAO,gBAAA2B,EAAC,OAAA,EAAI,WAAWT,GAAa,UAAAlB,GAAI;AAAA,MACxC,CAACsB,KAAU,gBAAAK,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,IAAA,GACxC,sBAKC,MAAA,EAAG,KAAAL,GAAU,WAAAT,GAAsB,eAAaU,GAAa,GAAGF,GAC9D,UAAA;AAAA,MAAA,CAACO,KAAW,gBAAAM,EAAC,MAAA,EAAG,WAAWP,EAAA,CAAW;AAAA,MACtCM,KAAe,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GAAgB,UAAAO,GAAY;AAAA,MAC3D3B,KAAS,gBAAA4B,EAAC,OAAA,EAAI,WAAWV,GAAe,UAAAlB,GAAM;AAAA,MAC9CC,KAAO,gBAAA2B,EAAC,OAAA,EAAI,WAAWT,GAAa,UAAAlB,EAAA,CAAI;AAAA,IAAA,GAC3C;AAAA,EAIR;AACF;AAEAH,EAAa,cAAc;AAE3B,MAAMgC,IAAe/B;AAAA,EACnB,CACE;AAAA,IACE,UAAAgC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAzB,IAAY;AAAA,IACZ,UAAA0B,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAehC,IAAS;AAAA,IACxB,cAAciC;AAAA,IACd,GAAG1B;AAAA,EAAA,GAELC,MACG;AACH,UAAM0B,IAAU;AAAA,MACd;AAAA,MACAT,KAAY;AAAA,MACZC,KAAc;AAAA,MACdC,KAAW;AAAA,MACXC,KAAY;AAAA,MACZ7B;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAqBLoC,IAlBmBC,EAAQ,MAC1BZ,IACEA,EAAM,IAAI,CAACa,GAAMC,MACtB,gBAAAlB;AAAA,MAAC9B;AAAA,MAAA;AAAA,QAEC,OAAO+C,EAAK;AAAA,QACZ,KAAKA,EAAK;AAAA,QACV,MAAMA,EAAK;AAAA,QACX,UAAUA,EAAK;AAAA,QACf,QAAQA,EAAK;AAAA,QACb,OAAOA,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,WAAWA,EAAK;AAAA,MAAA;AAAA,MARXA,EAAK,OAAOC;AAAA,IAAA,CAUpB,IAbkB,MAclB,CAACd,CAAK,CAAC,KAGmCD;AAG7C,QAAIgB,IAAaC,EAAM,SAAS,QAAQL,CAAgB;AAMxD,QALIL,MACFS,IAAa,CAAC,GAAGA,CAAU,EAAE,QAAA,IAI3BR,GAAS;AACX,YAAMU,IACJ,gBAAArB;AAAA,QAAC9B;AAAA,QAAA;AAAA,UAEC,KAAKyC;AAAA,UACL,QAAM;AAAA,UACN,MAAMC;AAAA,UACN,SAAS,CAACA;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA;AAOR,MAAAO,EAAW,KAAKE,CAAW;AAAA,IAC7B;AAEA,UAAMC,IAAQH,EAAW,QAGnBI,IAAoBJ,EAAW,IAAI,CAACK,GAAON,MAC3CE,EAAM,eAA0CI,CAAK,IAChDJ,EAAM,aAAaI,GAAO;AAAA,MAC/B,QAAQN;AAAA,MACR,QAAQI;AAAA,MACR,UAAUf;AAAA,MACV,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,aAAa7B;AAAA,IAAA,CACd,IAEI4C,CACR;AAED,WACE,gBAAAxB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAW0B;AAAA,QACX,eAAalC;AAAA,QACb,cAAYiC;AAAA,QACZ,MAAK;AAAA,QACJ,GAAG1B;AAAA,QAEH,UAAAoC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEArB,EAAa,cAAc;AAEpB,MAAMuB,IAAW,OAAO,OAAOvB,GAAc;AAAA,EAClD,MAAMhC;AACR,CAAC;"}