asterui 0.12.26 → 0.12.28

package/dist/index81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index81.js","sources":["../src/components/Table.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface FilterConfig {\n  text: string\n  value: string | number | boolean\n}\n\nexport interface ColumnType<T = any> {\n  key: string\n  title: string\n  dataIndex?: string\n  render?: (value: any, 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  filters?: FilterConfig[]\n  onFilter?: (value: string | number | boolean, record: T) => boolean\n  defaultSortOrder?: 'ascend' | 'descend'\n  defaultFilteredValue?: (string | number | boolean)[]\n}\n\nexport interface RowSelection<T = any> {\n  type?: 'checkbox' | 'radio'\n  selectedRowKeys?: React.Key[]\n  onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void\n  getCheckboxProps?: (record: T) => { disabled?: boolean; [key: string]: any }\n}\n\nexport interface PaginationConfig {\n  current?: number\n  pageSize?: number\n  total?: number\n  onChange?: (page: number, pageSize: number) => void\n}\n\nexport interface TableProps<T = any> {\n  columns: ColumnType<T>[]\n  dataSource: T[]\n  rowKey?: string | ((record: T) => string)\n  loading?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  bordered?: boolean\n  hoverable?: boolean\n  striped?: boolean\n  pinRows?: boolean\n  pinCols?: boolean\n  pagination?: false | PaginationConfig\n  rowSelection?: RowSelection<T>\n  className?: string\n  onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>\n}\n\nfunction FilterDropdown({\n  filters,\n  selectedValues,\n  onChange,\n}: {\n  filters: FilterConfig[]\n  selectedValues: (string | number | boolean)[]\n  onChange: (values: (string | number | boolean)[]) => void\n}) {\n  const [isOpen, setIsOpen] = useState(false)\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  return (\n    <div className=\"dropdown dropdown-end\">\n      <button\n        tabIndex={0}\n        className={`btn btn-ghost btn-xs ${selectedValues.length > 0 ? 'text-primary' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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          tabIndex={0}\n          className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10\"\n        >\n          <div className=\"space-y-2\">\n            {filters.map((filter) => (\n              <label key={String(filter.value)} className=\"flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded\">\n                <input\n                  type=\"checkbox\"\n                  className=\"checkbox checkbox-xs\"\n                  checked={selectedValues.includes(filter.value)}\n                  onChange={() => handleToggle(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            className=\"btn btn-ghost btn-xs w-full\"\n            onClick={handleClear}\n          >\n            Clear\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function Table<T extends Record<string, any>>({\n  columns,\n  dataSource,\n  rowKey = 'id',\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  className = '',\n  onRow,\n}: TableProps<T>) {\n  const defaultPageSize = 10\n  const [currentPage, setCurrentPage] = useState(\n    pagination !== false && pagination?.current ? pagination.current : 1\n  )\n  const pageSize = pagination !== false && pagination?.pageSize ? pagination.pageSize : defaultPageSize\n\n  // Sorting state\n  const [sortState, setSortState] = useState<{\n    columnKey: string | null\n    order: 'ascend' | 'descend' | null\n  }>(() => {\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      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  const isPaginationEnabled = pagination !== false\n\n  // Apply filters\n  let filteredData = [...dataSource]\n  Object.entries(filterState).forEach(([columnKey, filterValues]) => {\n    if (filterValues.length > 0) {\n      const column = columns.find((col) => col.key === columnKey)\n      if (column?.onFilter) {\n        filteredData = filteredData.filter((record) =>\n          filterValues.some((value) => column.onFilter!(value, record))\n        )\n      }\n    }\n  })\n\n  // Apply sorting\n  if (sortState.columnKey && sortState.order) {\n    const column = columns.find((col) => col.key === sortState.columnKey)\n    if (column?.sorter) {\n      filteredData.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 < bVal) result = -1\n          if (aVal > bVal) result = 1\n        }\n        return sortState.order === 'ascend' ? result : -result\n      })\n    }\n  }\n\n  const totalPages = Math.ceil(filteredData.length / pageSize)\n  const startIndex = (currentPage - 1) * pageSize\n  const endIndex = startIndex + pageSize\n  const paginatedData = isPaginationEnabled ? filteredData.slice(startIndex, endIndex) : filteredData\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page)\n    if (pagination !== false && pagination?.onChange) {\n      pagination.onChange(page, pageSize)\n    }\n  }\n\n  const handleSort = (columnKey: string) => {\n    setSortState((prev) => {\n      if (prev.columnKey === columnKey) {\n        // Cycle through: ascend -> descend -> null\n        if (prev.order === 'ascend') return { columnKey, order: 'descend' }\n        if (prev.order === 'descend') return { columnKey: null, order: null }\n      }\n      return { columnKey, order: 'ascend' }\n    })\n    setCurrentPage(1) // Reset to first page when sorting\n  }\n\n  const handleFilterChange = (columnKey: string, values: (string | number | boolean)[]) => {\n    setFilterState((prev) => ({\n      ...prev,\n      [columnKey]: values,\n    }))\n    setCurrentPage(1) // Reset to first page when filtering\n  }\n\n  const handleSelectAll = (checked: boolean) => {\n    const newSelectedKeys = checked\n      ? paginatedData.map((record, index) => getRowKey(record, index))\n      : []\n    setSelectedKeys(newSelectedKeys)\n    if (rowSelection?.onChange) {\n      const selectedRecords = checked ? paginatedData : []\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }\n\n  const handleSelectRow = (record: T, index: number, checked: boolean) => {\n    const key = getRowKey(record, index)\n    const newSelectedKeys = checked\n      ? [...selectedKeys, key]\n      : selectedKeys.filter((k) => k !== key)\n    setSelectedKeys(newSelectedKeys)\n    if (rowSelection?.onChange) {\n      const selectedRecords = filteredData.filter((r, i) =>\n        newSelectedKeys.includes(getRowKey(r, i))\n      )\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }\n\n  const getRowKey = (record: T, index: number): string => {\n    if (typeof rowKey === 'function') {\n      return rowKey(record)\n    }\n    return record[rowKey] ?? index.toString()\n  }\n\n  const getCellValue = (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    return column.dataIndex ? record[column.dataIndex] : ''\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 = (columnIndex: number, isHeader = false): { className: string; style?: React.CSSProperties } => {\n    const column = columns[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    // Calculate cumulative width for left-fixed columns\n    if (column.fixed === 'left') {\n      for (let i = 0; i < columnIndex; i++) {\n        if (columns[i].fixed === 'left' && columns[i].width) {\n          const colWidth = columns[i].width!\n          const width = typeof colWidth === 'number'\n            ? colWidth\n            : parseInt(String(colWidth))\n          if (!isNaN(width)) {\n            offset += width\n          }\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      // Add shadow to the rightmost left-fixed column\n      let lastLeftFixedIndex = -1\n      for (let i = columns.length - 1; i >= 0; i--) {\n        if (columns[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    // Calculate cumulative width for right-fixed columns\n    if (column.fixed === 'right') {\n      for (let i = columnIndex + 1; i < columns.length; i++) {\n        if (columns[i].fixed === 'right' && columns[i].width) {\n          const colWidth = columns[i].width!\n          const width = typeof colWidth === 'number'\n            ? colWidth\n            : parseInt(String(colWidth))\n          if (!isNaN(width)) {\n            offset += width\n          }\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      // Add shadow to the leftmost right-fixed column\n      const isFirstRightFixed = columnIndex === columns.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  }\n\n  const tableClasses = [\n    'table',\n    'bg-base-100',\n    size === 'xs' && 'table-xs',\n    size === 'sm' && 'table-sm',\n    size === 'lg' && 'table-lg',\n    striped && 'table-zebra',\n    pinRows && 'table-pin-rows',\n    pinCols && 'table-pin-cols',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Check if any columns are fixed\n  const hasFixedColumns = columns.some((col) => col.fixed)\n\n  const wrapperClasses = [\n    (!pinRows || hasFixedColumns) && '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\">\n        <span className=\"loading loading-spinner loading-lg\"></span>\n      </div>\n    )\n  }\n\n  const isAllSelected = paginatedData.length > 0 && selectedKeys.length === paginatedData.length\n\n  return (\n    <div className=\"space-y-4\">\n      <div className={wrapperClasses}>\n        <table className={tableClasses} style={{ borderCollapse: 'separate', borderSpacing: 0, tableLayout: 'fixed' }}>\n          <thead>\n            <tr>\n              {rowSelection && (\n                <th style={{ width: 50 }} className=\"sticky left-0 z-20 bg-base-100\">\n                  {rowSelection.type !== 'radio' && (\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox checkbox-sm\"\n                      checked={isAllSelected}\n                      onChange={(e) => handleSelectAll(e.target.checked)}\n                    />\n                  )}\n                </th>\n              )}\n              {columns.map((column, columnIndex) => {\n                const fixedStyle = getFixedColumnStyle(columnIndex, true)\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                >\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={column.sorter ? 'cursor-pointer select-none' : ''}\n                      onClick={() => column.sorter && handleSort(column.key)}\n                    >\n                      {column.title}\n                    </span>\n                    {column.sorter && (\n                      <div className=\"flex flex-col\">\n                        <svg\n                          className={`w-3 h-3 ${sortState.columnKey === column.key && sortState.order === '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 ${sortState.columnKey === column.key && sortState.order === '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={filterState[column.key] || []}\n                        onChange={(values) => handleFilterChange(column.key, values)}\n                      />\n                    )}\n                  </div>\n                </th>\n                )\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {paginatedData.map((record, index) => {\n              const rowProps = onRow?.(record, index) || {}\n              const key = getRowKey(record, index)\n              const isSelected = selectedKeys.includes(key)\n              const rowClasses = [\n                hoverable && 'hover:bg-base-300',\n                isSelected && 'bg-primary/10',\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              const checkboxProps = rowSelection?.getCheckboxProps?.(record) || {}\n\n              return (\n                <tr\n                  key={key}\n                  className={rowClasses}\n                  {...rowProps}\n                >\n                  {rowSelection && (\n                    <td className=\"sticky left-0 z-10 bg-base-100\">\n                      <input\n                        type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n                        className={rowSelection.type === 'radio' ? 'radio radio-sm' : 'checkbox checkbox-sm'}\n                        checked={isSelected}\n                        onChange={(e) => handleSelectRow(record, index, e.target.checked)}\n                        {...checkboxProps}\n                      />\n                    </td>\n                  )}\n                  {columns.map((column, columnIndex) => {\n                    const fixedStyle = getFixedColumnStyle(columnIndex, false)\n                    return (\n                    <td\n                      key={column.key}\n                      className={`${getAlignClass(column.align)} ${fixedStyle.className}`}\n                      style={fixedStyle.style}\n                    >\n                      {getCellValue(column, record, index)}\n                    </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {isPaginationEnabled && totalPages > 1 && (\n        <div className=\"flex justify-end\">\n          <div className=\"join\">\n            <button\n              className=\"join-item btn btn-sm\"\n              onClick={() => handlePageChange(currentPage - 1)}\n              disabled={currentPage === 1}\n            >\n              «\n            </button>\n            {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\n              <button\n                key={page}\n                className={`join-item btn btn-sm ${currentPage === page ? 'btn-active' : ''}`}\n                onClick={() => handlePageChange(page)}\n              >\n                {page}\n              </button>\n            ))}\n            <button\n              className=\"join-item btn btn-sm\"\n              onClick={() => handlePageChange(currentPage + 1)}\n              disabled={currentPage === totalPages}\n            >\n              »\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["FilterDropdown","filters","selectedValues","onChange","isOpen","setIsOpen","useState","handleToggle","value","newValues","v","handleClear","jsxs","jsx","filter","Table","columns","dataSource","rowKey","loading","size","bordered","hoverable","striped","pinRows","pinCols","pagination","rowSelection","className","onRow","currentPage","setCurrentPage","pageSize","sortState","setSortState","defaultSortColumn","col","filterState","setFilterState","initial","selectedKeys","setSelectedKeys","isPaginationEnabled","filteredData","columnKey","filterValues","column","record","a","b","result","aVal","bVal","totalPages","startIndex","endIndex","paginatedData","handlePageChange","page","handleSort","prev","handleFilterChange","values","handleSelectAll","checked","newSelectedKeys","index","getRowKey","selectedRecords","handleSelectRow","key","k","r","i","getCellValue","getAlignClass","align","getFixedColumnStyle","columnIndex","isHeader","classes","offset","style","colWidth","width","lastLeftFixedIndex","tableClasses","hasFixedColumns","wrapperClasses","isAllSelected","fixedStyle","rowProps","isSelected","rowClasses","checkboxProps","e","_"],"mappings":"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"}
+{"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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"}

package/dist/index82.js

@@ -1,83 +1,43 @@
-import { jsx as a, jsxs as c, Fragment as o } from "react/jsx-runtime";
-import u, { 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 _({
-  children: s,
-  items: e,
-  activeKey: n,
-  defaultActiveKey: y,
-  onChange: K,
-  variant: b,
-  size: r,
-  position: d = "top",
-  className: p = "",
-  ...C
-}) {
-  const g = u.Children.toArray(s).filter(
-    (t) => u.isValidElement(t) && t.type === x
-  ), l = 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(
-    y || l[0]?.tabKey || ""
-  ), f = 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(" "), m = l.find((t) => t.tabKey === f), h = /* @__PURE__ */ a("div", { role: "tablist", className: P, children: l.map((t) => {
-    const i = f === t.tabKey, T = [
-      "tab",
-      i && "tab-active",
-      t.disabled && "tab-disabled"
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const f = i(
+  ({
+    size: e,
+    color: a,
+    ghost: t = !1,
+    bordered: r = !0,
+    className: s = "",
+    ...x
+  }, o) => {
+    const n = {
+      xs: "textarea-xs",
+      sm: "textarea-sm",
+      md: "textarea-md",
+      lg: "textarea-lg",
+      xl: "textarea-xl"
+    }, l = {
+      neutral: "textarea-neutral",
+      primary: "textarea-primary",
+      secondary: "textarea-secondary",
+      accent: "textarea-accent",
+      info: "textarea-info",
+      success: "textarea-success",
+      warning: "textarea-warning",
+      error: "textarea-error"
+    }, c = [
+      "textarea",
+      "w-full",
+      r && "textarea-bordered",
+      t && "textarea-ghost",
+      e && n[e],
+      a && l[a],
+      s
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c(
-      "button",
-      {
-        role: "tab",
-        className: T,
-        onClick: () => !t.disabled && N(t.tabKey),
-        disabled: t.disabled,
-        "data-state": i ? "active" : "inactive",
-        "aria-selected": i,
-        children: [
-          t.icon && /* @__PURE__ */ a("span", { className: "mr-1", children: t.icon }),
-          t.tab
-        ]
-      },
-      t.tabKey
-    );
-  }) }), v = m && /* @__PURE__ */ a("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: m.children });
-  return /* @__PURE__ */ a("div", { ...C, children: d === "top" ? /* @__PURE__ */ c(o, { children: [
-    h,
-    v
-  ] }) : /* @__PURE__ */ c(o, { children: [
-    v,
-    h
-  ] }) });
-}
-function x({ children: s }) {
-  return /* @__PURE__ */ a(o, { children: s });
-}
-const I = Object.assign(_, {
-  Panel: x
-});
+    return /* @__PURE__ */ m("textarea", { ref: o, className: c, ...x });
+  }
+);
+f.displayName = "Textarea";
 export {
-  I as Tabs
+  f as Textarea
 };
 //# sourceMappingURL=index82.js.map

package/dist/index82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index82.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":"index82.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/index83.js

@@ -1,43 +1,26 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-const f = i(
-  ({
-    size: e,
-    color: a,
-    ghost: t = !1,
-    bordered: r = !0,
-    className: s = "",
-    ...x
-  }, o) => {
-    const n = {
-      xs: "textarea-xs",
-      sm: "textarea-sm",
-      md: "textarea-md",
-      lg: "textarea-lg",
-      xl: "textarea-xl"
-    }, l = {
-      neutral: "textarea-neutral",
-      primary: "textarea-primary",
-      secondary: "textarea-secondary",
-      accent: "textarea-accent",
-      info: "textarea-info",
-      success: "textarea-success",
-      warning: "textarea-warning",
-      error: "textarea-error"
-    }, c = [
-      "textarea",
-      "w-full",
-      r && "textarea-bordered",
-      t && "textarea-ghost",
-      e && n[e],
-      a && l[a],
-      s
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ m("textarea", { ref: o, className: c, ...x });
-  }
-);
-f.displayName = "Textarea";
+import { jsx as t } from "react/jsx-runtime";
+const c = {
+  6e3: "duration-6000",
+  9e3: "duration-9000",
+  12e3: "duration-12000",
+  15e3: "duration-15000",
+  18e3: "duration-18000"
+}, l = ({
+  items: s,
+  duration: e,
+  centered: a = !1,
+  className: n = ""
+}) => {
+  const r = e ? c[e] : "";
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: `text-rotate ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
+      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((i, o) => /* @__PURE__ */ t("span", { children: i }, o)) })
+    }
+  );
+};
 export {
-  f as Textarea
+  l as TextRotate
 };
 //# sourceMappingURL=index83.js.map

package/dist/index83.js.map

@@ -1 +1 @@
-{"version":3,"file":"index83.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;"}
+{"version":3,"file":"index83.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/index84.js

@@ -1,26 +1,210 @@
-import { jsx as t } from "react/jsx-runtime";
-const c = {
-  6e3: "duration-6000",
-  9e3: "duration-9000",
-  12e3: "duration-12000",
-  15e3: "duration-15000",
-  18e3: "duration-18000"
-}, l = ({
-  items: s,
-  duration: e,
-  centered: a = !1,
-  className: n = ""
-}) => {
-  const r = e ? c[e] : "";
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      className: `text-rotate ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
-      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((i, o) => /* @__PURE__ */ t("span", { children: i }, o)) })
-    }
-  );
-};
+import { jsx as n, jsxs as j, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as I, useState as M } from "react";
+const p = {
+  primary: "badge-primary",
+  secondary: "badge-secondary",
+  accent: "badge-accent",
+  neutral: "badge-neutral",
+  info: "badge-info",
+  success: "badge-success",
+  warning: "badge-warning",
+  error: "badge-error",
+  ghost: "badge-ghost"
+}, L = {
+  xs: "badge-xs text-xs",
+  sm: "badge-sm text-sm",
+  md: "badge-md",
+  lg: "badge-lg text-lg",
+  xl: "badge-xl text-xl"
+}, z = {
+  filled: "",
+  outlined: "badge-outline",
+  soft: "badge-soft",
+  dash: "badge-dash"
+}, H = () => /* @__PURE__ */ n(
+  "div",
+  {
+    id: "tag-live-region",
+    role: "status",
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    className: "sr-only",
+    style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", border: 0 }
+  }
+), F = (t) => {
+  const s = document.getElementById("tag-live-region");
+  s && (s.textContent = `${t} removed`, setTimeout(() => {
+    s.textContent = "";
+  }, 1e3));
+}, P = I(
+  ({
+    closable: t = !1,
+    closeIcon: s,
+    onClose: c,
+    color: a,
+    icon: i,
+    size: o = "md",
+    variant: h = "filled",
+    visible: u,
+    disabled: e = !1,
+    href: l,
+    target: v,
+    children: d,
+    className: b = "",
+    "data-testid": f,
+    "aria-label": g,
+    ...y
+  }, C) => {
+    const [B, R] = M(!0), x = u !== void 0, E = x ? u : B, m = f ?? "tag", k = g ?? (typeof d == "string" ? d : "tag"), w = (r) => {
+      r.stopPropagation(), r.preventDefault(), !e && (x || R(!1), F(k), c?.());
+    }, K = (r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), w(r));
+    };
+    if (!E) return null;
+    const S = a && p[a] ? p[a] : "", N = a && !p[a] ? { backgroundColor: a, borderColor: a } : void 0, T = [
+      "badge gap-1 inline-flex items-center",
+      S,
+      L[o],
+      z[h],
+      e && "opacity-50 cursor-not-allowed",
+      l && !e && "cursor-pointer hover:opacity-80",
+      b
+    ].filter(Boolean).join(" "), D = /* @__PURE__ */ j($, { children: [
+      i && /* @__PURE__ */ n("span", { className: "inline-flex", children: i }),
+      d,
+      t && /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: w,
+          onKeyDown: K,
+          disabled: e,
+          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",
+          "aria-label": `Remove ${k}`,
+          "data-testid": `${m}-close`,
+          children: s || /* @__PURE__ */ n(
+            "svg",
+            {
+              className: "w-3 h-3",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] });
+    return l && !e ? /* @__PURE__ */ n(
+      "a",
+      {
+        ref: C,
+        href: l,
+        target: v,
+        className: T,
+        style: N,
+        "data-testid": m,
+        "data-disabled": e || void 0,
+        ...y,
+        children: D
+      }
+    ) : /* @__PURE__ */ n(
+      "span",
+      {
+        ref: C,
+        className: T,
+        style: N,
+        "data-testid": m,
+        "data-disabled": e || void 0,
+        "aria-disabled": e || void 0,
+        ...y,
+        children: D
+      }
+    );
+  }
+);
+P.displayName = "Tag";
+const V = {
+  primary: "badge-primary",
+  secondary: "badge-secondary",
+  accent: "badge-accent",
+  neutral: "badge-neutral",
+  info: "badge-info",
+  success: "badge-success",
+  warning: "badge-warning",
+  error: "badge-error",
+  ghost: "badge-ghost"
+}, W = {
+  primary: "badge-outline hover:badge-primary hover:badge-outline",
+  secondary: "badge-outline hover:badge-secondary hover:badge-outline",
+  accent: "badge-outline hover:badge-accent hover:badge-outline",
+  neutral: "badge-outline hover:badge-neutral hover:badge-outline",
+  info: "badge-outline hover:badge-info hover:badge-outline",
+  success: "badge-outline hover:badge-success hover:badge-outline",
+  warning: "badge-outline hover:badge-warning hover:badge-outline",
+  error: "badge-outline hover:badge-error hover:badge-outline",
+  ghost: "badge-outline hover:badge-ghost hover:badge-outline"
+}, q = I(
+  ({
+    checked: t = !1,
+    onChange: s,
+    icon: c,
+    size: a = "md",
+    color: i = "primary",
+    disabled: o = !1,
+    children: h,
+    className: u = "",
+    "data-testid": e,
+    ...l
+  }, v) => {
+    const d = e ?? "checkable-tag", b = () => {
+      o || s?.(!t);
+    }, f = [
+      "badge gap-1 cursor-pointer transition-colors",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-2",
+      L[a],
+      t ? V[i] : W[i],
+      o && "opacity-50 cursor-not-allowed",
+      u
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "span",
+      {
+        ref: v,
+        className: f,
+        onClick: b,
+        role: "checkbox",
+        "aria-checked": t,
+        "aria-disabled": o || void 0,
+        tabIndex: o ? -1 : 0,
+        onKeyDown: (g) => {
+          o || (g.key === "Enter" || g.key === " ") && (g.preventDefault(), b());
+        },
+        "data-testid": d,
+        "data-state": t ? "checked" : "unchecked",
+        "data-disabled": o || void 0,
+        ...l,
+        children: [
+          c && /* @__PURE__ */ n("span", { className: "inline-flex", children: c }),
+          h
+        ]
+      }
+    );
+  }
+);
+q.displayName = "CheckableTag";
 export {
-  l as TextRotate
+  q as CheckableTag,
+  P as Tag,
+  H as TagLiveRegion
 };
 //# sourceMappingURL=index84.js.map

package/dist/index84.js.map

@@ -1 +1 @@
-{"version":3,"file":"index84.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;"}
+{"version":3,"file":"index84.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":";;AA4CA,MAAMA,IAAuC;AAAA,EAC3C,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT,GAEMC,IAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA6C;AAAA,EACjD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AACR,GAEMC,IAA0B,MAC9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,MAAK;AAAA,IACL,aAAU;AAAA,IACV,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,IAAI,UAAU,UAAU,MAAM,oBAAoB,YAAY,UAAU,QAAQ,EAAA;AAAA,EAAE;AAC5J,GAGIC,IAAqB,CAACC,MAAkB;AAC5C,QAAMC,IAAS,SAAS,eAAe,iBAAiB;AACxD,EAAIA,MACFA,EAAO,cAAc,GAAGD,CAAK,YAC7B,WAAW,MAAM;AACf,IAAAC,EAAO,cAAc;AAAA,EACvB,GAAG,GAAI;AAEX,GAEaC,IAAMC;AAAA,EACjB,CACE;AAAA,IACE,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,SAASC;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAeC;AAAA,IACf,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAI,GACrDC,IAAeb,MAAsB,QACrCc,IAAUD,IAAeb,IAAoBU,GAC7CK,IAAaT,KAAU,OACvBU,IAAWT,MAAc,OAAOH,KAAa,WAAWA,IAAW,QAEnEa,IAAc,CAACC,MAAwB;AAG3C,MAFAA,EAAE,gBAAA,GACFA,EAAE,eAAA,GACE,CAAAjB,MACCY,KACHF,EAAmB,EAAK,GAE1BvB,EAAmB4B,CAAQ,GAC3BrB,IAAA;AAAA,IACF,GAEMwB,IAAqB,CAACD,MAA2B;AACrD,OAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFD,EAAYC,CAAgC;AAAA,IAEhD;AAEA,QAAI,CAACJ,EAAS,QAAO;AAErB,UAAMM,IAAaxB,KAASb,EAAaa,CAAK,IAAIb,EAAaa,CAAK,IAAI,IAClEyB,IACJzB,KAAS,CAACb,EAAaa,CAAK,IAAI,EAAE,iBAAiBA,GAAO,aAAaA,EAAA,IAAU,QAE7E0B,IAAa;AAAA,MACjB;AAAA,MACAF;AAAA,MACApC,EAAYc,CAAI;AAAA,MAChBb,EAAec,CAAO;AAAA,MACtBE,KAAY;AAAA,MACZC,KAAQ,CAACD,KAAY;AAAA,MACrBI;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELkB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA5B,KAAQ,gBAAAV,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAU,GAAK;AAAA,MAC5CO;AAAA,MACAX,KACC,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS8B;AAAA,UACT,WAAWE;AAAA,UACX,UAAAlB;AAAA,UACA,WAAU;AAAA,UACV,cAAY,UAAUe,CAAQ;AAAA,UAC9B,eAAa,GAAGD,CAAU;AAAA,UAEzB,UAAArB,KACC,gBAAAP;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,GAEJ;AAGF,WAAIe,KAAQ,CAACD,IAET,gBAAAd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAsB;AAAA,QACA,MAAAP;AAAA,QACA,QAAAC;AAAA,QACA,WAAWmB;AAAA,QACX,OAAOD;AAAA,QACP,eAAaN;AAAA,QACb,iBAAed,KAAY;AAAA,QAC1B,GAAGO;AAAA,QAEH,UAAAe;AAAA,MAAA;AAAA,IAAA,IAML,gBAAApC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAsB;AAAA,QACA,WAAWa;AAAA,QACX,OAAOD;AAAA,QACP,eAAaN;AAAA,QACb,iBAAed,KAAY;AAAA,QAC3B,iBAAeA,KAAY;AAAA,QAC1B,GAAGO;AAAA,QAEH,UAAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAhC,EAAI,cAAc;AAElB,MAAMmC,IAAgD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT,GAEMC,IAAkD;AAAA,EACtD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAAepC;AAAA,EAC1B,CACE;AAAA,IACE,SAAAqC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,MAAAjC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAF,IAAQ;AAAA,IACR,UAAAK,IAAW;AAAA,IACX,UAAAG;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAeC;AAAA,IACf,GAAGE;AAAA,EAAA,GAELC,MACG;AACH,UAAMM,IAAaT,KAAU,iBAEvByB,IAAc,MAAM;AACxB,MAAI9B,KACJ6B,IAAW,CAACD,CAAO;AAAA,IACrB,GAEMP,IAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACAtC,EAAYc,CAAI;AAAA,MAChB+B,IAAUH,EAAoB9B,CAAK,IAAI+B,EAAsB/B,CAAK;AAAA,MAClEK,KAAY;AAAA,MACZI;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACA,WAAWa;AAAA,QACX,SAASS;AAAA,QACT,MAAK;AAAA,QACL,gBAAcF;AAAA,QACd,iBAAe5B,KAAY;AAAA,QAC3B,UAAUA,IAAW,KAAK;AAAA,QAC1B,WAAW,CAACiB,MAAM;AAChB,UAAIjB,MACAiB,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFa,EAAA;AAAA,QAEJ;AAAA,QACA,eAAahB;AAAA,QACb,cAAYc,IAAU,YAAY;AAAA,QAClC,iBAAe5B,KAAY;AAAA,QAC1B,GAAGO;AAAA,QAEH,UAAA;AAAA,UAAAX,KAAQ,gBAAAV,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAU,GAAK;AAAA,UAC5CO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAwB,EAAa,cAAc;"}