@ansh-ui/react 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/chunk-5CFQFMP5.js +178 -0
- package/dist/chunk-5CFQFMP5.js.map +1 -0
- package/dist/chunk-6VRF7X5C.cjs +164 -0
- package/dist/chunk-6VRF7X5C.cjs.map +1 -0
- package/dist/chunk-AVPEA5PB.cjs +718 -0
- package/dist/chunk-AVPEA5PB.cjs.map +1 -0
- package/dist/chunk-C32LKF23.cjs +198 -0
- package/dist/chunk-C32LKF23.cjs.map +1 -0
- package/dist/chunk-C5JG6TMM.cjs +1200 -0
- package/dist/chunk-C5JG6TMM.cjs.map +1 -0
- package/dist/chunk-DATBU46V.cjs +614 -0
- package/dist/chunk-DATBU46V.cjs.map +1 -0
- package/dist/chunk-EGG4CP7C.js +320 -0
- package/dist/chunk-EGG4CP7C.js.map +1 -0
- package/dist/chunk-H34OXXJU.js +55 -0
- package/dist/chunk-H34OXXJU.js.map +1 -0
- package/dist/chunk-HO2YSF5O.js +187 -0
- package/dist/chunk-HO2YSF5O.js.map +1 -0
- package/dist/chunk-HPGCILO4.js +760 -0
- package/dist/chunk-HPGCILO4.js.map +1 -0
- package/dist/chunk-IBXLC5IE.js +154 -0
- package/dist/chunk-IBXLC5IE.js.map +1 -0
- package/dist/chunk-LDCZQP3R.js +1185 -0
- package/dist/chunk-LDCZQP3R.js.map +1 -0
- package/dist/chunk-LXCIXR5T.js +27 -0
- package/dist/chunk-LXCIXR5T.js.map +1 -0
- package/dist/chunk-O2PX54KX.js +94 -0
- package/dist/chunk-O2PX54KX.js.map +1 -0
- package/dist/chunk-OHBWBXLO.cjs +101 -0
- package/dist/chunk-OHBWBXLO.cjs.map +1 -0
- package/dist/chunk-OJN5JBNP.cjs +776 -0
- package/dist/chunk-OJN5JBNP.cjs.map +1 -0
- package/dist/chunk-OLTS6G5M.js +606 -0
- package/dist/chunk-OLTS6G5M.js.map +1 -0
- package/dist/chunk-PO5DU3FU.cjs +29 -0
- package/dist/chunk-PO5DU3FU.cjs.map +1 -0
- package/dist/chunk-QO3E7TJS.js +2940 -0
- package/dist/chunk-QO3E7TJS.js.map +1 -0
- package/dist/chunk-RHTLNSVW.cjs +2976 -0
- package/dist/chunk-RHTLNSVW.cjs.map +1 -0
- package/dist/chunk-SFU5EPSN.cjs +61 -0
- package/dist/chunk-SFU5EPSN.cjs.map +1 -0
- package/dist/chunk-T4AK2KLM.js +699 -0
- package/dist/chunk-T4AK2KLM.js.map +1 -0
- package/dist/chunk-WGYNCSTP.cjs +333 -0
- package/dist/chunk-WGYNCSTP.cjs.map +1 -0
- package/dist/chunk-XEP6P7E6.js +279 -0
- package/dist/chunk-XEP6P7E6.js.map +1 -0
- package/dist/chunk-XMXECSQO.cjs +286 -0
- package/dist/chunk-XMXECSQO.cjs.map +1 -0
- package/dist/chunk-ZWAFLHC2.cjs +181 -0
- package/dist/chunk-ZWAFLHC2.cjs.map +1 -0
- package/dist/data.cjs +71 -0
- package/dist/data.cjs.map +1 -0
- package/dist/data.d.cts +316 -0
- package/dist/data.d.ts +316 -0
- package/dist/data.js +6 -0
- package/dist/data.js.map +1 -0
- package/dist/form.cjs +153 -0
- package/dist/form.cjs.map +1 -0
- package/dist/form.d.cts +660 -0
- package/dist/form.d.ts +660 -0
- package/dist/form.js +8 -0
- package/dist/form.js.map +1 -0
- package/dist/index.cjs +1641 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +552 -0
- package/dist/index.d.ts +552 -0
- package/dist/index.js +956 -0
- package/dist/index.js.map +1 -0
- package/dist/layout.cjs +68 -0
- package/dist/layout.cjs.map +1 -0
- package/dist/layout.d.cts +169 -0
- package/dist/layout.d.ts +169 -0
- package/dist/layout.js +7 -0
- package/dist/layout.js.map +1 -0
- package/dist/motion-CQmCq6_k.d.ts +395 -0
- package/dist/motion-CSX4g2N8.d.cts +395 -0
- package/dist/motion.cjs +79 -0
- package/dist/motion.cjs.map +1 -0
- package/dist/motion.d.cts +4 -0
- package/dist/motion.d.ts +4 -0
- package/dist/motion.js +6 -0
- package/dist/motion.js.map +1 -0
- package/dist/navigation.cjs +48 -0
- package/dist/navigation.cjs.map +1 -0
- package/dist/navigation.d.cts +210 -0
- package/dist/navigation.d.ts +210 -0
- package/dist/navigation.js +7 -0
- package/dist/navigation.js.map +1 -0
- package/dist/overlay.cjs +69 -0
- package/dist/overlay.cjs.map +1 -0
- package/dist/overlay.d.cts +330 -0
- package/dist/overlay.d.ts +330 -0
- package/dist/overlay.js +8 -0
- package/dist/overlay.js.map +1 -0
- package/dist/position-DVScKcaa.d.cts +66 -0
- package/dist/position-DVScKcaa.d.ts +66 -0
- package/dist/primitives.cjs +162 -0
- package/dist/primitives.cjs.map +1 -0
- package/dist/primitives.d.cts +294 -0
- package/dist/primitives.d.ts +294 -0
- package/dist/primitives.js +9 -0
- package/dist/primitives.js.map +1 -0
- package/dist/sidebar-D-PafAXw.d.cts +71 -0
- package/dist/sidebar-D-PafAXw.d.ts +71 -0
- package/dist/styles.css +5575 -0
- package/dist/use-observers-B9qtimrk.d.cts +99 -0
- package/dist/use-observers-B9qtimrk.d.ts +99 -0
- package/package.json +92 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/data/table.tsx","../src/components/data/display.tsx","../src/components/data/progress.tsx"],"names":["_","jsxs","jsx","useMemo"],"mappings":"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","file":"chunk-HPGCILO4.js","sourcesContent":["import { type ReactNode, useCallback, useMemo } from 'react'\nimport { cx } from '../../primitives/compose'\nimport { useControllableState } from '../../primitives/use-controllable-state'\n\n/**\n * Tables.\n *\n * A real `<table>` with `<th scope>`, not a grid of divs. The semantics are the entire point: a\n * screen reader announces \"Column 3 of 7, Status, row 12\" only if the markup says so. Every\n * div-based table reimplements navigation badly or not at all, and the CSS argument for divs\n * disappeared when `display: contents` and `position: sticky` landed.\n *\n * `DataTable` adds sorting, selection and pagination on top. It stays deliberately short of a full\n * data grid — no virtualisation, no column resizing, no pinned regions. Those need a different\n * architecture (windowing, measured columns), and half-implementing them produces a component that\n * breaks at exactly the scale it was added for.\n */\n\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface SortState {\n columnId: string\n direction: SortDirection\n}\n\nexport interface Column<T> {\n id: string\n header: ReactNode\n /** Render the cell. Receives the row and its index. */\n cell: (row: T, index: number) => ReactNode\n /** Allow sorting by this column. */\n sortable?: boolean\n /**\n * Value used for the default comparator. Without it a sortable column falls back to comparing\n * rendered output, which sorts \"10\" before \"9\".\n */\n sortValue?: (row: T) => string | number | Date | null | undefined\n align?: 'start' | 'center' | 'end'\n /** Any CSS width — `'12rem'`, `'25%'`, `'minmax(8rem, 1fr)'`. */\n width?: string\n /** Hide below this breakpoint. Uses the token breakpoints. */\n hideBelow?: 'sm' | 'md' | 'lg'\n /** Short label announced instead of a complex header. */\n ariaLabel?: string\n}\n\nexport interface DataTableProps<T> {\n data: readonly T[]\n columns: ReadonlyArray<Column<T>>\n /** Stable row identity. Required — array index breaks selection the moment rows reorder. */\n getRowId: (row: T) => string\n /** Describes the table for screen readers. Rendered as a visually hidden `<caption>`. */\n caption: string\n /** Row checkboxes plus a header select-all. */\n selectable?: boolean\n selected?: readonly string[]\n onSelectedChange?: (ids: readonly string[]) => void\n sort?: SortState | null\n defaultSort?: SortState | null\n onSortChange?: (sort: SortState | null) => void\n /** Rows per page. Omit to render everything. */\n pageSize?: number\n page?: number\n onPageChange?: (page: number) => void\n /** Show skeleton rows. */\n loading?: boolean\n /** Rendered in place of the body when there are no rows. */\n emptyState?: ReactNode\n onRowClick?: (row: T) => void\n /** Keep the header visible while the body scrolls. */\n stickyHeader?: boolean\n density?: 'comfortable' | 'compact'\n /** Zebra striping. Off by default — borders read as cleaner at density. */\n striped?: boolean\n className?: string\n /** Per-row extra class, for status highlighting. */\n rowClassName?: (row: T) => string | undefined\n}\n\n/** Default comparator: numbers and dates numerically, strings by locale. */\nfunction compare(a: unknown, b: unknown): number {\n if (a == null && b == null) return 0\n // Nulls sort last in both directions — an empty cell is not \"smallest\", it's absent, and\n // flipping the sort should not fill the top of the table with blanks.\n if (a == null) return 1\n if (b == null) return -1\n\n if (typeof a === 'number' && typeof b === 'number') return a - b\n if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime()\n // `localeCompare` with `numeric` so \"Item 2\" precedes \"Item 10\".\n return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: 'base' })\n}\n\nexport function DataTable<T>({\n data,\n columns,\n getRowId,\n caption,\n selectable = false,\n selected,\n onSelectedChange,\n sort,\n defaultSort = null,\n onSortChange,\n pageSize,\n page,\n onPageChange,\n loading = false,\n emptyState,\n onRowClick,\n stickyHeader = false,\n density = 'comfortable',\n striped = false,\n className,\n rowClassName,\n}: DataTableProps<T>) {\n const [sortState, setSortState] = useControllableState<SortState | null>({\n value: sort,\n defaultValue: defaultSort,\n onChange: onSortChange,\n })\n const [selection, setSelection] = useControllableState<readonly string[]>({\n value: selected,\n defaultValue: [],\n onChange: onSelectedChange,\n })\n const [currentPage, setCurrentPage] = useControllableState<number>({\n value: page,\n defaultValue: 0,\n onChange: onPageChange,\n })\n\n const sorted = useMemo(() => {\n if (!sortState) return data\n const column = columns.find((c) => c.id === sortState.columnId)\n if (!column?.sortValue) return data\n\n // Copied before sorting: mutating the caller's array in place is a bug that surfaces as\n // \"my list reorders when I open the table\".\n const rows = [...data]\n rows.sort((a, b) => {\n const result = compare(column.sortValue!(a), column.sortValue!(b))\n return sortState.direction === 'asc' ? result : -result\n })\n return rows\n }, [data, columns, sortState])\n\n const pageCount = pageSize ? Math.max(1, Math.ceil(sorted.length / pageSize)) : 1\n const safePage = Math.min(currentPage, pageCount - 1)\n const visible = pageSize\n ? sorted.slice(safePage * pageSize, safePage * pageSize + pageSize)\n : sorted\n\n const visibleIds = useMemo(() => visible.map(getRowId), [visible, getRowId])\n const selectedSet = useMemo(() => new Set(selection), [selection])\n\n const allVisibleSelected =\n visibleIds.length > 0 && visibleIds.every((rowId) => selectedSet.has(rowId))\n const someVisibleSelected = visibleIds.some((rowId) => selectedSet.has(rowId))\n\n const toggleAll = useCallback(() => {\n if (allVisibleSelected) {\n // Only clears the current page. Wiping selections on other pages would silently discard\n // work when someone selects across pages then unticks the header.\n setSelection(selection.filter((rowId) => !visibleIds.includes(rowId)))\n } else {\n setSelection([...new Set([...selection, ...visibleIds])])\n }\n }, [allVisibleSelected, selection, visibleIds, setSelection])\n\n const toggleRow = useCallback(\n (rowId: string) => {\n setSelection(\n selectedSet.has(rowId) ? selection.filter((v) => v !== rowId) : [...selection, rowId],\n )\n },\n [selection, selectedSet, setSelection],\n )\n\n const onSort = (column: Column<T>) => {\n if (!column.sortable) return\n // asc → desc → none. The third state matters: without it there is no way back to the data's\n // natural order, which is often \"most recent first\" from the server.\n if (sortState?.columnId !== column.id) {\n setSortState({ columnId: column.id, direction: 'asc' })\n } else if (sortState.direction === 'asc') {\n setSortState({ columnId: column.id, direction: 'desc' })\n } else {\n setSortState(null)\n }\n }\n\n const columnCount = columns.length + (selectable ? 1 : 0)\n\n return (\n <div className={cx('ansh-table-wrap', stickyHeader && 'ansh-table-wrap--sticky', className)}>\n <table\n className={cx('ansh-table', `ansh-table--${density}`, striped && 'ansh-table--striped')}\n >\n <caption className=\"ansh-visually-hidden\">\n {caption}\n {sortState\n ? `, sorted by ${columns.find((c) => c.id === sortState.columnId)?.id} ${sortState.direction === 'asc' ? 'ascending' : 'descending'}`\n : ''}\n </caption>\n\n <thead className=\"ansh-table__head\">\n <tr>\n {selectable ? (\n <th scope=\"col\" className=\"ansh-table__cell ansh-table__cell--check\">\n <input\n type=\"checkbox\"\n className=\"ansh-table__checkbox\"\n checked={allVisibleSelected}\n // Mixed state when only some rows are ticked — announced as \"partially\n // checked\" rather than lying about the state.\n ref={(node) => {\n if (node) node.indeterminate = !allVisibleSelected && someVisibleSelected\n }}\n aria-label={allVisibleSelected ? 'Deselect all rows' : 'Select all rows'}\n onChange={toggleAll}\n />\n </th>\n ) : null}\n\n {columns.map((column) => {\n const isSorted = sortState?.columnId === column.id\n return (\n <th\n key={column.id}\n scope=\"col\"\n className={cx(\n 'ansh-table__cell',\n 'ansh-table__cell--head',\n column.align && `ansh-table__cell--${column.align}`,\n column.hideBelow && `ansh-hide-below-${column.hideBelow}`,\n )}\n style={column.width ? { width: column.width } : undefined}\n // `aria-sort` on the header is what makes a screen reader announce the sort\n // state; the arrow glyph alone conveys nothing.\n aria-sort={\n isSorted\n ? sortState!.direction === 'asc'\n ? 'ascending'\n : 'descending'\n : undefined\n }\n >\n {column.sortable ? (\n <button\n type=\"button\"\n className=\"ansh-table__sort ansh-focusable\"\n onClick={() => onSort(column)}\n aria-label={\n column.ariaLabel\n ? `Sort by ${column.ariaLabel}`\n : typeof column.header === 'string'\n ? `Sort by ${column.header}`\n : 'Sort column'\n }\n >\n <span>{column.header}</span>\n <span\n className={cx('ansh-table__arrow', isSorted && 'ansh-table__arrow--on')}\n aria-hidden=\"true\"\n data-direction={isSorted ? sortState!.direction : 'none'}\n >\n <svg viewBox=\"0 0 10 12\" width=\"10\" height=\"12\">\n <path\n d=\"M5 1v10M2 4l3-3 3 3M2 8l3 3 3-3\"\n stroke=\"currentColor\"\n strokeWidth=\"1.4\"\n fill=\"none\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </span>\n </button>\n ) : (\n column.header\n )}\n </th>\n )\n })}\n </tr>\n </thead>\n\n <tbody>\n {loading ? (\n Array.from({ length: pageSize ?? 5 }, (_, rowIndex) => (\n <tr key={`skeleton-${rowIndex}`} className=\"ansh-table__row\">\n {Array.from({ length: columnCount }, (_, cellIndex) => (\n <td key={cellIndex} className=\"ansh-table__cell\">\n <span\n className=\"ansh-skeleton\"\n style={{ width: `${50 + ((cellIndex * 37) % 40)}%`, height: '1em' }}\n />\n </td>\n ))}\n </tr>\n ))\n ) : visible.length === 0 ? (\n <tr>\n <td colSpan={columnCount} className=\"ansh-table__empty\">\n {emptyState ?? 'No results'}\n </td>\n </tr>\n ) : (\n visible.map((row, index) => {\n const rowId = getRowId(row)\n const isSelected = selectedSet.has(rowId)\n\n return (\n <tr\n key={rowId}\n className={cx(\n 'ansh-table__row',\n isSelected && 'ansh-table__row--selected',\n onRowClick && 'ansh-table__row--clickable',\n rowClassName?.(row),\n )}\n aria-selected={selectable ? isSelected : undefined}\n {...(onRowClick\n ? {\n onClick: (event: React.MouseEvent) => {\n // A click that started on a control inside the row belongs to that\n // control — opening a detail view because someone ticked a checkbox is\n // the classic clickable-row bug.\n const target = event.target as HTMLElement\n if (target.closest('button, a, input, select, textarea')) return\n onRowClick(row)\n },\n }\n : null)}\n >\n {selectable ? (\n <td className=\"ansh-table__cell ansh-table__cell--check\">\n <input\n type=\"checkbox\"\n className=\"ansh-table__checkbox\"\n checked={isSelected}\n aria-label={`Select row ${index + 1}`}\n onChange={() => toggleRow(rowId)}\n />\n </td>\n ) : null}\n\n {columns.map((column) => (\n <td\n key={column.id}\n className={cx(\n 'ansh-table__cell',\n column.align && `ansh-table__cell--${column.align}`,\n column.hideBelow && `ansh-hide-below-${column.hideBelow}`,\n )}\n >\n {column.cell(row, index)}\n </td>\n ))}\n </tr>\n )\n })\n )}\n </tbody>\n </table>\n\n {/* Selection count and page changes announced without stealing focus. */}\n <span className=\"ansh-visually-hidden\" role=\"status\" aria-live=\"polite\">\n {selectable && selection.length > 0 ? `${selection.length} selected` : ''}\n </span>\n\n {pageSize && pageCount > 1 ? (\n <Pagination\n page={safePage}\n pageCount={pageCount}\n onPageChange={setCurrentPage}\n total={sorted.length}\n pageSize={pageSize}\n />\n ) : null}\n </div>\n )\n}\n\nexport interface PaginationProps {\n /** Zero-based. */\n page: number\n pageCount: number\n onPageChange: (page: number) => void\n /** Total row count, for the \"1–20 of 340\" summary. */\n total?: number\n pageSize?: number\n /** Page buttons either side of the current one. Default `1`. */\n siblings?: number\n className?: string\n}\n\n/**\n * Page navigation.\n *\n * `<nav>` with an ordered list, because that is what a pager is — a list of links to positions in a\n * sequence. The current page is marked `aria-current=\"page\"`, which is how a screen reader user\n * knows where they are without counting buttons.\n *\n * The ellipsis is `aria-hidden`; announcing \"ellipsis\" between page 3 and page 12 conveys nothing\n * that the numbers don't already.\n */\nexport function Pagination({\n page,\n pageCount,\n onPageChange,\n total,\n pageSize,\n siblings = 1,\n className,\n}: PaginationProps) {\n const pages = useMemo(() => {\n const result: Array<number | 'gap'> = []\n const first = 0\n const last = pageCount - 1\n\n for (let index = first; index <= last; index++) {\n const nearCurrent = Math.abs(index - page) <= siblings\n const isEdge = index === first || index === last\n if (nearCurrent || isEdge) {\n result.push(index)\n } else if (result[result.length - 1] !== 'gap') {\n result.push('gap')\n }\n }\n return result\n }, [page, pageCount, siblings])\n\n const from = pageSize ? page * pageSize + 1 : null\n const to = pageSize && total ? Math.min((page + 1) * pageSize, total) : null\n\n return (\n <nav className={cx('ansh-pagination', className)} aria-label=\"Pagination\">\n {from !== null && to !== null ? (\n <p className=\"ansh-pagination__summary\">\n {from}–{to} of {total}\n </p>\n ) : null}\n\n <ol className=\"ansh-pagination__list\">\n <li>\n <button\n type=\"button\"\n className=\"ansh-pagination__button ansh-focusable\"\n disabled={page === 0}\n aria-label=\"Previous page\"\n onClick={() => onPageChange(page - 1)}\n >\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" aria-hidden=\"true\">\n <path\n d=\"M7.5 2.5L4 6l3.5 3.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n fill=\"none\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </button>\n </li>\n\n {pages.map((entry, index) =>\n entry === 'gap' ? (\n <li key={`gap-${index}`} aria-hidden=\"true\" className=\"ansh-pagination__gap\">\n …\n </li>\n ) : (\n <li key={entry}>\n <button\n type=\"button\"\n className={cx(\n 'ansh-pagination__button',\n entry === page && 'ansh-pagination__button--current',\n 'ansh-focusable',\n )}\n aria-current={entry === page ? 'page' : undefined}\n aria-label={`Page ${entry + 1}`}\n onClick={() => onPageChange(entry)}\n >\n {entry + 1}\n </button>\n </li>\n ),\n )}\n\n <li>\n <button\n type=\"button\"\n className=\"ansh-pagination__button ansh-focusable\"\n disabled={page >= pageCount - 1}\n aria-label=\"Next page\"\n onClick={() => onPageChange(page + 1)}\n >\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" aria-hidden=\"true\">\n <path\n d=\"M4.5 2.5L8 6l-3.5 3.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n fill=\"none\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </button>\n </li>\n </ol>\n </nav>\n )\n}\n\n/** A plain styled table, for content that isn't driven by data props. */\nexport function Table({\n caption,\n density = 'comfortable',\n striped = false,\n className,\n children,\n}: {\n caption?: string\n density?: 'comfortable' | 'compact'\n striped?: boolean\n className?: string\n children: ReactNode\n}) {\n return (\n <div className={cx('ansh-table-wrap', className)}>\n <table\n className={cx('ansh-table', `ansh-table--${density}`, striped && 'ansh-table--striped')}\n >\n {caption ? <caption className=\"ansh-visually-hidden\">{caption}</caption> : null}\n {children}\n </table>\n </div>\n )\n}\n","import { type HTMLAttributes, type ReactNode, useMemo, useState } from 'react'\nimport { parseColor, pickReadable, toHex } from '@ansh-ui/core'\nimport { cx } from '../../primitives/compose'\n\n/**\n * Small display components.\n *\n * Individually trivial, collectively most of what an application screen is made of. The care here\n * goes into the details that get skipped: a badge whose meaning isn't carried by colour alone, an\n * avatar whose fallback initials are readable against a generated background, an empty state that\n * says what to do next rather than just \"no data\".\n */\n\n// --- Badge ----------------------------------------------------------------\n\nexport type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info'\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n tone?: BadgeTone\n variant?: 'soft' | 'solid' | 'outline'\n size?: 'sm' | 'md'\n /** Leading dot. Useful for statuses where the label is short. */\n dot?: boolean\n icon?: ReactNode\n children: ReactNode\n}\n\n/**\n * A status label.\n *\n * Every badge carries its meaning in **text**, not just colour. A red badge reading \"Failed\" works\n * for everyone; a red dot alone works for nobody using a screen reader and for the ~4% of the\n * population with a colour vision deficiency. The `dot` is decorative reinforcement.\n */\nexport function Badge({\n tone = 'neutral',\n variant = 'soft',\n size = 'md',\n dot = false,\n icon,\n className,\n children,\n ...rest\n}: BadgeProps) {\n return (\n <span\n className={cx(\n 'ansh-badge',\n `ansh-badge--${tone}`,\n `ansh-badge--${variant}`,\n `ansh-badge--${size}`,\n className,\n )}\n {...rest}\n >\n {dot ? <span className=\"ansh-badge__dot\" aria-hidden=\"true\" /> : null}\n {icon ? <span className=\"ansh-badge__icon\">{icon}</span> : null}\n {children}\n </span>\n )\n}\n\n// --- Avatar ---------------------------------------------------------------\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n src?: string\n /** The person's name. Used for the alt text and to derive the fallback initials. */\n name: string\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n shape?: 'circle' | 'square'\n /** Presence indicator. */\n status?: 'online' | 'offline' | 'busy' | 'away'\n}\n\n/** First letters of the first and last words — \"Ada Lovelace\" → \"AL\". */\nfunction initials(name: string): string {\n const words = name.trim().split(/\\s+/).filter(Boolean)\n if (words.length === 0) return '?'\n if (words.length === 1) return words[0]!.slice(0, 2).toUpperCase()\n return (words[0]![0]! + words[words.length - 1]![0]!).toUpperCase()\n}\n\n/** Stable hash so the same name always gets the same colour. */\nfunction hash(text: string): number {\n let value = 0\n for (let i = 0; i < text.length; i++) {\n value = (value * 31 + text.charCodeAt(i)) | 0\n }\n return Math.abs(value)\n}\n\nexport function Avatar({\n src,\n name,\n size = 'md',\n shape = 'circle',\n status,\n className,\n ...rest\n}: AvatarProps) {\n const [failed, setFailed] = useState(false)\n\n // The fallback colour is derived from the name, then the *text* colour is chosen for contrast\n // against it. Picking a random background and hardcoding white text is how you get illegible\n // initials on a pale hue — and it is the most common avatar bug there is.\n const { background, foreground } = useMemo(() => {\n // OKLCH rather than HSL for the generated hue: at fixed HSL lightness the yellows come out\n // far brighter than the blues, so a set of avatars looks uneven. Fixed OKLCH lightness is\n // perceptually even across the whole hue circle, which is the entire reason to use it here.\n const hue = hash(name) % 360\n const backgroundHex = toHex(parseColor(`oklch(72% 0.13 ${hue})`))\n return {\n background: backgroundHex,\n foreground: toHex(pickReadable(backgroundHex, '#ffffff', '#101828')),\n }\n }, [name])\n\n const showImage = src && !failed\n\n return (\n <span\n className={cx('ansh-avatar', `ansh-avatar--${size}`, `ansh-avatar--${shape}`, className)}\n {...rest}\n >\n {showImage ? (\n <img\n src={src}\n alt={name}\n className=\"ansh-avatar__image\"\n // Falling back on error rather than showing a broken-image icon, which is what a bare\n // `<img>` does when a CDN URL expires.\n onError={() => setFailed(true)}\n />\n ) : (\n <span\n className=\"ansh-avatar__fallback\"\n style={{ background, color: foreground }}\n aria-hidden=\"true\"\n >\n {initials(name)}\n </span>\n )}\n\n {/* The name is always available to assistive technology, even when the initials are shown\n as decorative. */}\n {!showImage ? <span className=\"ansh-visually-hidden\">{name}</span> : null}\n\n {status ? (\n <span className={cx('ansh-avatar__status', `ansh-avatar__status--${status}`)}>\n <span className=\"ansh-visually-hidden\">{status}</span>\n </span>\n ) : null}\n </span>\n )\n}\n\nexport interface AvatarGroupProps {\n /** Maximum shown before collapsing into a \"+N\" chip. Default `4`. */\n max?: number\n size?: AvatarProps['size']\n className?: string\n children: ReactNode\n}\n\n/** Overlapping avatars with an overflow count. */\nexport function AvatarGroup({ max = 4, size, className, children }: AvatarGroupProps) {\n const items = Array.isArray(children) ? children : [children]\n const shown = items.slice(0, max)\n const overflow = items.length - shown.length\n\n return (\n <span className={cx('ansh-avatar-group', size && `ansh-avatar-group--${size}`, className)}>\n {shown}\n {overflow > 0 ? (\n <span\n className={cx(\n 'ansh-avatar',\n size && `ansh-avatar--${size}`,\n 'ansh-avatar--circle',\n 'ansh-avatar--more',\n )}\n >\n <span className=\"ansh-avatar__fallback\" aria-hidden=\"true\">\n +{overflow}\n </span>\n <span className=\"ansh-visually-hidden\">and {overflow} more</span>\n </span>\n ) : null}\n </span>\n )\n}\n\n// --- Kbd ------------------------------------------------------------------\n\n/**\n * A keyboard key.\n *\n * Splits on `+` so `<Kbd>⌘+K</Kbd>` renders two keys with a separator, and the separator is\n * `aria-hidden` — a screen reader should say \"command K\", not \"command plus K\".\n */\nexport function Kbd({ children, className }: { children: string; className?: string }) {\n const keys = children.split('+').map((key) => key.trim())\n return (\n <span className={cx('ansh-kbd-group', className)}>\n {keys.map((key, index) => (\n <span key={`${key}-${index}`}>\n {index > 0 ? (\n <span className=\"ansh-kbd__plus\" aria-hidden=\"true\">\n +\n </span>\n ) : null}\n <kbd className=\"ansh-kbd\">{key}</kbd>\n </span>\n ))}\n </span>\n )\n}\n\n// --- Stat -----------------------------------------------------------------\n\nexport interface StatProps {\n label: ReactNode\n value: ReactNode\n /** Change since the previous period. Sign decides the direction and colour. */\n delta?: number\n /** How the delta reads — `'2.4%'` or `'+18 users'`. Defaults to the number with a sign. */\n deltaLabel?: string\n /** For metrics where down is good, like churn or latency. */\n invertDelta?: boolean\n hint?: ReactNode\n icon?: ReactNode\n className?: string\n}\n\n/**\n * A single metric — the building block of every dashboard.\n *\n * The delta's direction is shown by an arrow *and* a sign *and* a colour. Three redundant signals\n * because this is the number people scan fastest and misreading it has consequences.\n */\nexport function Stat({\n label,\n value,\n delta,\n deltaLabel,\n invertDelta = false,\n hint,\n icon,\n className,\n}: StatProps) {\n const positive = delta !== undefined && delta > 0\n const negative = delta !== undefined && delta < 0\n const good = invertDelta ? negative : positive\n\n return (\n <div className={cx('ansh-stat', className)}>\n <div className=\"ansh-stat__head\">\n <span className=\"ansh-stat__label\">{label}</span>\n {icon ? <span className=\"ansh-stat__icon\">{icon}</span> : null}\n </div>\n\n <div className=\"ansh-stat__value\">{value}</div>\n\n {delta !== undefined ? (\n <div\n className={cx(\n 'ansh-stat__delta',\n delta !== 0 && (good ? 'ansh-stat__delta--good' : 'ansh-stat__delta--bad'),\n )}\n >\n <span className=\"ansh-stat__arrow\" aria-hidden=\"true\">\n {positive ? '↑' : negative ? '↓' : '→'}\n </span>\n <span>{deltaLabel ?? `${delta > 0 ? '+' : ''}${delta}%`}</span>\n {hint ? <span className=\"ansh-stat__hint\">{hint}</span> : null}\n </div>\n ) : hint ? (\n <div className=\"ansh-stat__hint\">{hint}</div>\n ) : null}\n </div>\n )\n}\n\n// --- Empty state ----------------------------------------------------------\n\nexport interface EmptyStateProps {\n title: ReactNode\n description?: ReactNode\n icon?: ReactNode\n /** The action that resolves the emptiness — \"Create your first invoice\". */\n action?: ReactNode\n size?: 'sm' | 'md'\n className?: string\n}\n\n/**\n * The \"nothing here yet\" panel.\n *\n * Always offers the next step. An empty state that only says \"No results\" leaves the user to work\n * out whether the filter is wrong, the data hasn't loaded, or they need to create something — and\n * that ambiguity is where people abandon a screen.\n */\nexport function EmptyState({\n title,\n description,\n icon,\n action,\n size = 'md',\n className,\n}: EmptyStateProps) {\n return (\n <div className={cx('ansh-empty', `ansh-empty--${size}`, className)}>\n {icon ? (\n <span className=\"ansh-empty__icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n <p className=\"ansh-empty__title\">{title}</p>\n {description ? <p className=\"ansh-empty__description\">{description}</p> : null}\n {action ? <div className=\"ansh-empty__action\">{action}</div> : null}\n </div>\n )\n}\n\n// --- Description list -----------------------------------------------------\n\nexport interface DescriptionListProps {\n items: ReadonlyArray<{ term: ReactNode; description: ReactNode }>\n /** Side-by-side rather than stacked. Default `'horizontal'` on wide screens. */\n orientation?: 'horizontal' | 'vertical'\n className?: string\n}\n\n/**\n * Key–value pairs — the detail panel of every record in a CRM.\n *\n * A real `<dl>`/`<dt>`/`<dd>`, which is what makes a screen reader pair each label with its value\n * instead of reading twenty unconnected strings.\n */\nexport function DescriptionList({\n items,\n orientation = 'horizontal',\n className,\n}: DescriptionListProps) {\n return (\n <dl className={cx('ansh-dl', `ansh-dl--${orientation}`, className)}>\n {items.map((item, index) => (\n <div className=\"ansh-dl__row\" key={index}>\n <dt className=\"ansh-dl__term\">{item.term}</dt>\n <dd className=\"ansh-dl__description\">{item.description}</dd>\n </div>\n ))}\n </dl>\n )\n}\n\n// --- Timeline -------------------------------------------------------------\n\nexport interface TimelineItem {\n id: string\n title: ReactNode\n description?: ReactNode\n /** Rendered as-is; pass an already-formatted string or a `<time>` element. */\n timestamp?: ReactNode\n icon?: ReactNode\n tone?: BadgeTone\n}\n\n/**\n * A chronological feed — audit logs, order history, activity streams.\n *\n * An ordered list, because the order carries meaning. The connecting line is drawn with a\n * pseudo-element on the list item rather than a real element, so it can't be selected, read, or\n * land in a copy-paste of the page.\n */\nexport function Timeline({\n items,\n className,\n}: {\n items: readonly TimelineItem[]\n className?: string\n}) {\n return (\n <ol className={cx('ansh-timeline', className)}>\n {items.map((item) => (\n <li\n key={item.id}\n className={cx('ansh-timeline__item', item.tone && `ansh-timeline__item--${item.tone}`)}\n >\n <span className=\"ansh-timeline__marker\" aria-hidden=\"true\">\n {item.icon}\n </span>\n <div className=\"ansh-timeline__body\">\n <div className=\"ansh-timeline__head\">\n <span className=\"ansh-timeline__title\">{item.title}</span>\n {item.timestamp ? (\n <span className=\"ansh-timeline__time\">{item.timestamp}</span>\n ) : null}\n </div>\n {item.description ? (\n <p className=\"ansh-timeline__description\">{item.description}</p>\n ) : null}\n </div>\n </li>\n ))}\n </ol>\n )\n}\n\n// --- Code block -----------------------------------------------------------\n\nexport interface CodeBlockProps {\n code: string\n language?: string\n /** Show a copy button. Default `true`. */\n copyable?: boolean\n /** Show line numbers. */\n lineNumbers?: boolean\n /** Filename or title shown in the header bar. */\n filename?: string\n className?: string\n}\n\n/**\n * A code block with a copy button.\n *\n * No syntax highlighter. Shipping one means a tokeniser and a theme in the bundle of every app that\n * displays a snippet — for a component library, that cost lands on consumers who may never render\n * code at all. Highlighting is better done at build time, or with a highlighter the app already has.\n */\nexport function CodeBlock({\n code,\n language = 'tsx',\n copyable = true,\n lineNumbers = false,\n filename,\n className,\n}: CodeBlockProps) {\n const [copied, setCopied] = useState(false)\n const lines = useMemo(() => code.split('\\n'), [code])\n\n const copy = async () => {\n try {\n await navigator.clipboard.writeText(code)\n setCopied(true)\n setTimeout(() => setCopied(false), 1600)\n } catch {\n // Clipboard access is refused on insecure origins and under some permission policies. The\n // code is selectable either way, so failing quietly beats an error dialog.\n }\n }\n\n return (\n <div className={cx('ansh-code', className)}>\n {filename || copyable ? (\n <div className=\"ansh-code__bar\">\n <span className=\"ansh-code__filename\">{filename ?? language}</span>\n {copyable ? (\n <button type=\"button\" className=\"ansh-code__copy ansh-focusable\" onClick={copy}>\n {copied ? 'Copied' : 'Copy'}\n <span className=\"ansh-visually-hidden\"> code to clipboard</span>\n </button>\n ) : null}\n </div>\n ) : null}\n\n <pre className={cx('ansh-code__pre', lineNumbers && 'ansh-code__pre--numbered')}>\n <code className={`language-${language}`}>\n {lineNumbers\n ? lines.map((line, index) => (\n <span className=\"ansh-code__line\" key={index}>\n <span className=\"ansh-code__lineno\" aria-hidden=\"true\">\n {index + 1}\n </span>\n {line}\n {'\\n'}\n </span>\n ))\n : code}\n </code>\n </pre>\n </div>\n )\n}\n","import { type ReactNode } from 'react'\nimport { cx } from '../../primitives/compose'\n\n/**\n * Progress indicators.\n *\n * The distinction that matters and is usually missed: **progress** is work advancing toward\n * completion (`role=\"progressbar\"`), a **meter** is a static measurement within a range\n * (`role=\"meter\"` — disk usage, a score, a quota). Announcing a disk-usage bar as progress tells a\n * screen-reader user that something is loading, which it isn't.\n */\n\nexport interface ProgressProps {\n /** `0`–`max`. Omit for an indeterminate bar. */\n value?: number\n max?: number\n size?: 'sm' | 'md' | 'lg'\n tone?: 'accent' | 'success' | 'warning' | 'danger'\n /** Accessible name — \"Upload progress\", not \"Progress\". */\n label: string\n /** Show the label and percentage above the bar. */\n showLabel?: boolean\n /** Override the announced/displayed text. */\n formatValue?: (value: number, max: number) => string\n className?: string\n}\n\nexport function Progress({\n value,\n max = 100,\n size = 'md',\n tone = 'accent',\n label,\n showLabel = false,\n formatValue,\n className,\n}: ProgressProps) {\n const indeterminate = value === undefined\n const clamped = indeterminate ? 0 : Math.min(Math.max(value, 0), max)\n const percent = (clamped / max) * 100\n const text = formatValue ? formatValue(clamped, max) : `${Math.round(percent)}%`\n\n return (\n <div\n className={cx('ansh-progress', `ansh-progress--${size}`, `ansh-progress--${tone}`, className)}\n >\n {showLabel ? (\n <div className=\"ansh-progress__labels\">\n <span className=\"ansh-progress__label\">{label}</span>\n {!indeterminate ? <span className=\"ansh-progress__value\">{text}</span> : null}\n </div>\n ) : null}\n\n <div\n className={cx(\n 'ansh-progress__track',\n indeterminate && 'ansh-progress__track--indeterminate',\n )}\n role=\"progressbar\"\n aria-label={label}\n // An indeterminate progressbar omits `aria-valuenow` entirely. Setting it to 0 would be\n // announced as \"0 percent\", implying stalled work rather than unknown duration.\n {...(indeterminate\n ? null\n : {\n 'aria-valuenow': clamped,\n 'aria-valuemin': 0,\n 'aria-valuemax': max,\n 'aria-valuetext': text,\n })}\n >\n <div\n className=\"ansh-progress__fill\"\n style={indeterminate ? undefined : { width: `${percent}%` }}\n />\n </div>\n </div>\n )\n}\n\nexport interface CircularProgressProps extends Omit<ProgressProps, 'size'> {\n /** Diameter in px. Default `48`. */\n size?: number\n /** Ring thickness in px. Default `4`. */\n thickness?: number\n /** Content in the middle — usually the percentage. */\n children?: ReactNode\n}\n\n/**\n * A ring progress indicator.\n *\n * Drawn with `stroke-dasharray` on an SVG circle rather than with conic gradients, so the ends can\n * be rounded and the ring animates smoothly at any size. The circle is rotated -90° so 0% starts at\n * the top, which is where everyone expects it.\n */\nexport function CircularProgress({\n value,\n max = 100,\n size = 48,\n thickness = 4,\n tone = 'accent',\n label,\n formatValue,\n className,\n children,\n}: CircularProgressProps) {\n const indeterminate = value === undefined\n const clamped = indeterminate ? 25 : Math.min(Math.max(value, 0), max)\n const fraction = clamped / max\n\n const radius = (size - thickness) / 2\n const circumference = 2 * Math.PI * radius\n const text = formatValue ? formatValue(clamped, max) : `${Math.round(fraction * 100)}%`\n\n return (\n <div\n className={cx(\n 'ansh-ring',\n `ansh-ring--${tone}`,\n indeterminate && 'ansh-ring--indeterminate',\n className,\n )}\n style={{ width: size, height: size }}\n role=\"progressbar\"\n aria-label={label}\n {...(indeterminate\n ? null\n : {\n 'aria-valuenow': clamped,\n 'aria-valuemin': 0,\n 'aria-valuemax': max,\n 'aria-valuetext': text,\n })}\n >\n <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} aria-hidden=\"true\">\n <circle\n className=\"ansh-ring__track\"\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n strokeWidth={thickness}\n />\n <circle\n className=\"ansh-ring__fill\"\n cx={size / 2}\n cy={size / 2}\n r={radius}\n fill=\"none\"\n strokeWidth={thickness}\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={circumference * (1 - fraction)}\n transform={`rotate(-90 ${size / 2} ${size / 2})`}\n />\n </svg>\n {children ? <span className=\"ansh-ring__content\">{children}</span> : null}\n </div>\n )\n}\n\nexport interface MeterProps {\n value: number\n min?: number\n max?: number\n /** Thresholds that colour the bar — below `low` is danger, above `high` is success. */\n low?: number\n high?: number\n /** Flip the colours, for metrics where high is bad (disk usage, error rate). */\n inverted?: boolean\n label: string\n showValue?: boolean\n formatValue?: (value: number) => string\n className?: string\n}\n\n/**\n * A measurement within a known range — quota, score, capacity.\n *\n * `role=\"meter\"`, not `progressbar`. Colour follows the thresholds, but the numeric value is always\n * rendered too, so the state is never conveyed by colour alone.\n */\nexport function Meter({\n value,\n min = 0,\n max = 100,\n low,\n high,\n inverted = false,\n label,\n showValue = true,\n formatValue,\n className,\n}: MeterProps) {\n const clamped = Math.min(Math.max(value, min), max)\n const percent = ((clamped - min) / (max - min)) * 100\n\n let tone: 'danger' | 'warning' | 'success' = 'success'\n if (low !== undefined && clamped < low) tone = inverted ? 'success' : 'danger'\n else if (high !== undefined && clamped > high) tone = inverted ? 'danger' : 'success'\n else if (low !== undefined || high !== undefined) tone = 'warning'\n\n const text = formatValue ? formatValue(clamped) : String(clamped)\n\n return (\n <div className={cx('ansh-meter', `ansh-meter--${tone}`, className)}>\n <div className=\"ansh-progress__labels\">\n <span className=\"ansh-progress__label\">{label}</span>\n {showValue ? <span className=\"ansh-progress__value\">{text}</span> : null}\n </div>\n <div\n className=\"ansh-progress__track\"\n role=\"meter\"\n aria-label={label}\n aria-valuenow={clamped}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuetext={text}\n >\n <div className=\"ansh-progress__fill\" style={{ width: `${percent}%` }} />\n </div>\n </div>\n )\n}\n"]}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { useRef, useEffect, useState, useCallback } from 'react';
|
|
2
|
+
import { getTicker, observeIntersection, observeResize, trackScroll, trackContainerScroll, trackPointer, onReducedMotionChange } from '@ansh-ui/core';
|
|
3
|
+
|
|
4
|
+
// src/hooks/use-observers.ts
|
|
5
|
+
function useTicker(callback, options = {}) {
|
|
6
|
+
const callbackRef = useRef(callback);
|
|
7
|
+
callbackRef.current = callback;
|
|
8
|
+
const { phase = "write", priority = 0, enabled = true } = options;
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!enabled) return;
|
|
11
|
+
const ticker = getTicker();
|
|
12
|
+
return ticker.add((state) => callbackRef.current(state), { phase, priority, name: "useTicker" });
|
|
13
|
+
}, [phase, priority, enabled]);
|
|
14
|
+
}
|
|
15
|
+
function useInView(options = {}) {
|
|
16
|
+
const ref = useRef(null);
|
|
17
|
+
const [inView, setInView] = useState(false);
|
|
18
|
+
const { threshold = 0, rootMargin = "0px", once = false, root = null } = options;
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
const element = ref.current;
|
|
21
|
+
if (!element) return;
|
|
22
|
+
let released = false;
|
|
23
|
+
const stop = observeIntersection(
|
|
24
|
+
element,
|
|
25
|
+
(entry) => {
|
|
26
|
+
setInView(entry.isIntersecting);
|
|
27
|
+
if (entry.isIntersecting && once && !released) {
|
|
28
|
+
released = true;
|
|
29
|
+
queueMicrotask(() => stop());
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
{ threshold, rootMargin, root }
|
|
33
|
+
);
|
|
34
|
+
return () => {
|
|
35
|
+
released = true;
|
|
36
|
+
stop();
|
|
37
|
+
};
|
|
38
|
+
}, [threshold, rootMargin, once, root]);
|
|
39
|
+
return [ref, inView];
|
|
40
|
+
}
|
|
41
|
+
function useElementSize() {
|
|
42
|
+
const ref = useRef(null);
|
|
43
|
+
const [size, setSize] = useState({ width: 0, height: 0 });
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
const element = ref.current;
|
|
46
|
+
if (!element) return;
|
|
47
|
+
return observeResize(element, ({ width, height }) => {
|
|
48
|
+
setSize(
|
|
49
|
+
(previous) => previous.width === width && previous.height === height ? previous : { width, height }
|
|
50
|
+
);
|
|
51
|
+
});
|
|
52
|
+
}, []);
|
|
53
|
+
return [ref, size];
|
|
54
|
+
}
|
|
55
|
+
function useScrollProgress(options = {}) {
|
|
56
|
+
const ref = useRef(null);
|
|
57
|
+
const progressRef = useRef({
|
|
58
|
+
progress: 0,
|
|
59
|
+
velocity: 0,
|
|
60
|
+
scroll: 0,
|
|
61
|
+
direction: 0,
|
|
62
|
+
inView: false
|
|
63
|
+
});
|
|
64
|
+
const onChangeRef = useRef(options.onChange);
|
|
65
|
+
onChangeRef.current = options.onChange;
|
|
66
|
+
const { axis = "y", container = null } = options;
|
|
67
|
+
const offsetKey = JSON.stringify(options.offset ?? null);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
const element = ref.current;
|
|
70
|
+
if (!element) return;
|
|
71
|
+
return trackScroll(
|
|
72
|
+
element,
|
|
73
|
+
(progress) => {
|
|
74
|
+
progressRef.current = progress;
|
|
75
|
+
onChangeRef.current?.(progress);
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
axis,
|
|
79
|
+
container,
|
|
80
|
+
...options.offset ? { offset: options.offset } : {}
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}, [axis, container, offsetKey]);
|
|
84
|
+
return [ref, progressRef];
|
|
85
|
+
}
|
|
86
|
+
function useWindowScroll(onChange, options = {}) {
|
|
87
|
+
const stateRef = useRef({ progress: 0, scroll: 0, velocity: 0, max: 1 });
|
|
88
|
+
const onChangeRef = useRef(onChange);
|
|
89
|
+
onChangeRef.current = onChange;
|
|
90
|
+
const { axis = "y", container = null } = options;
|
|
91
|
+
useEffect(
|
|
92
|
+
() => trackContainerScroll(
|
|
93
|
+
(info) => {
|
|
94
|
+
stateRef.current = info;
|
|
95
|
+
onChangeRef.current?.(info);
|
|
96
|
+
},
|
|
97
|
+
{ axis, container }
|
|
98
|
+
),
|
|
99
|
+
[axis, container]
|
|
100
|
+
);
|
|
101
|
+
return stateRef;
|
|
102
|
+
}
|
|
103
|
+
function usePointer(options = {}) {
|
|
104
|
+
const ref = useRef(null);
|
|
105
|
+
const stateRef = useRef(null);
|
|
106
|
+
const { smoothing, trackOutside = false, enabled = true } = options;
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
const element = ref.current;
|
|
109
|
+
if (!element || !enabled) return;
|
|
110
|
+
const tracker = trackPointer(element, {
|
|
111
|
+
...smoothing !== void 0 ? { smoothing } : {},
|
|
112
|
+
trackOutside
|
|
113
|
+
});
|
|
114
|
+
stateRef.current = tracker.state;
|
|
115
|
+
return () => {
|
|
116
|
+
tracker.destroy();
|
|
117
|
+
stateRef.current = null;
|
|
118
|
+
};
|
|
119
|
+
}, [smoothing, trackOutside, enabled]);
|
|
120
|
+
return [ref, stateRef];
|
|
121
|
+
}
|
|
122
|
+
function useReducedMotion() {
|
|
123
|
+
const [reduced, setReduced] = useState(false);
|
|
124
|
+
useEffect(() => onReducedMotionChange(setReduced), []);
|
|
125
|
+
return reduced;
|
|
126
|
+
}
|
|
127
|
+
function useFrameBudget(enabled = true) {
|
|
128
|
+
const [report, setReport] = useState(null);
|
|
129
|
+
useEffect(() => {
|
|
130
|
+
if (!enabled) return;
|
|
131
|
+
const ticker = getTicker();
|
|
132
|
+
let last = 0;
|
|
133
|
+
return ticker.onBudget((next) => {
|
|
134
|
+
const now = performance.now();
|
|
135
|
+
if (now - last < 250) return;
|
|
136
|
+
last = now;
|
|
137
|
+
setReport(next);
|
|
138
|
+
});
|
|
139
|
+
}, [enabled]);
|
|
140
|
+
return report;
|
|
141
|
+
}
|
|
142
|
+
function useMergedRef(...refs) {
|
|
143
|
+
return useCallback((node) => {
|
|
144
|
+
for (const ref of refs) {
|
|
145
|
+
if (!ref) continue;
|
|
146
|
+
if (typeof ref === "function") ref(node);
|
|
147
|
+
else ref.current = node;
|
|
148
|
+
}
|
|
149
|
+
}, refs);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
export { useElementSize, useFrameBudget, useInView, useMergedRef, usePointer, useReducedMotion, useScrollProgress, useTicker, useWindowScroll };
|
|
153
|
+
//# sourceMappingURL=chunk-IBXLC5IE.js.map
|
|
154
|
+
//# sourceMappingURL=chunk-IBXLC5IE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/hooks/use-observers.ts"],"names":[],"mappings":"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","file":"chunk-IBXLC5IE.js","sourcesContent":["import { type RefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n type BudgetReport,\n type FrameState,\n type PointerState,\n type ScrollProgress,\n type ScrollTrackOptions,\n getTicker,\n observeIntersection,\n observeResize,\n onReducedMotionChange,\n trackContainerScroll,\n trackPointer,\n trackScroll,\n} from '@ansh-ui/core'\n\n/**\n * Subscribe to the shared ticker.\n *\n * The callback is held in a ref and never re-subscribes, so a component that closes over changing\n * props doesn't tear down and rebuild its subscription on every render. That matters: resubscribing\n * changes execution order within the phase, which can visibly reorder dependent animations.\n */\nexport function useTicker(\n callback: (state: FrameState) => void,\n options: {\n phase?: 'read' | 'compute' | 'write' | 'post'\n priority?: number\n enabled?: boolean\n } = {},\n): void {\n const callbackRef = useRef(callback)\n callbackRef.current = callback\n\n const { phase = 'write', priority = 0, enabled = true } = options\n\n useEffect(() => {\n if (!enabled) return\n const ticker = getTicker()\n return ticker.add((state) => callbackRef.current(state), { phase, priority, name: 'useTicker' })\n }, [phase, priority, enabled])\n}\n\nexport interface InViewOptions {\n /** Fraction visible before triggering, in `[0, 1]`. Default `0`. */\n threshold?: number\n /** Extra margin around the root. Default `'0px'`. */\n rootMargin?: string\n /** Stop observing after the first intersection. Default `false`. */\n once?: boolean\n root?: Element | null\n}\n\n/**\n * Is the element in the viewport?\n *\n * Uses the pooled observer, so a page with 200 scroll-revealed elements creates one\n * `IntersectionObserver` rather than 200.\n */\nexport function useInView<El extends Element = HTMLDivElement>(\n options: InViewOptions = {},\n): [RefObject<El | null>, boolean] {\n const ref = useRef<El | null>(null)\n const [inView, setInView] = useState(false)\n\n const { threshold = 0, rootMargin = '0px', once = false, root = null } = options\n\n useEffect(() => {\n const element = ref.current\n if (!element) return\n\n let released = false\n const stop = observeIntersection(\n element,\n (entry) => {\n setInView(entry.isIntersecting)\n if (entry.isIntersecting && once && !released) {\n released = true\n // Release inside a microtask: unsubscribing from within the observer callback would\n // mutate the pool's callback set while it is being iterated.\n queueMicrotask(() => stop())\n }\n },\n { threshold, rootMargin, root },\n )\n\n return () => {\n released = true\n stop()\n }\n }, [threshold, rootMargin, once, root])\n\n return [ref, inView]\n}\n\n/**\n * Track an element's size.\n *\n * Returns state rather than a MotionValue because size changes at interaction rate, not frame\n * rate, so a re-render per change is appropriate and far more ergonomic.\n */\nexport function useElementSize<El extends Element = HTMLDivElement>(): [\n RefObject<El | null>,\n { width: number; height: number },\n] {\n const ref = useRef<El | null>(null)\n const [size, setSize] = useState({ width: 0, height: 0 })\n\n useEffect(() => {\n const element = ref.current\n if (!element) return\n return observeResize(element, ({ width, height }) => {\n // Guard against redundant renders: ResizeObserver fires on sub-pixel changes during\n // animation, and setting identical state still costs a render pass in React 18.\n setSize((previous) =>\n previous.width === width && previous.height === height ? previous : { width, height },\n )\n })\n }, [])\n\n return [ref, size]\n}\n\n/**\n * Track an element's scroll progress through the viewport.\n *\n * The returned progress is a **ref**, not state, deliberately — scroll progress changes every\n * frame, and rendering on each change would make scrolling janky. Read `progress.current` inside a\n * `useTicker` callback, or pass the `onChange` callback and write to the DOM directly.\n */\nexport function useScrollProgress<El extends HTMLElement = HTMLDivElement>(\n options: ScrollTrackOptions & { onChange?: (progress: ScrollProgress) => void } = {},\n): [RefObject<El | null>, RefObject<ScrollProgress>] {\n const ref = useRef<El | null>(null)\n const progressRef = useRef<ScrollProgress>({\n progress: 0,\n velocity: 0,\n scroll: 0,\n direction: 0,\n inView: false,\n })\n\n const onChangeRef = useRef(options.onChange)\n onChangeRef.current = options.onChange\n\n const { axis = 'y', container = null } = options\n const offsetKey = JSON.stringify(options.offset ?? null)\n\n useEffect(() => {\n const element = ref.current\n if (!element) return\n\n return trackScroll(\n element,\n (progress) => {\n progressRef.current = progress\n onChangeRef.current?.(progress)\n },\n {\n axis,\n container,\n ...(options.offset ? { offset: options.offset } : {}),\n },\n )\n // `offsetKey` stands in for the offset object, which is usually an inline literal and would\n // otherwise change identity on every render.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [axis, container, offsetKey])\n\n return [ref, progressRef]\n}\n\n/** Track the window's (or a container's) overall scroll progress. */\nexport function useWindowScroll(\n onChange?: (info: { progress: number; scroll: number; velocity: number; max: number }) => void,\n options: { axis?: 'y' | 'x'; container?: HTMLElement | null } = {},\n): RefObject<{ progress: number; scroll: number; velocity: number; max: number }> {\n const stateRef = useRef({ progress: 0, scroll: 0, velocity: 0, max: 1 })\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const { axis = 'y', container = null } = options\n\n useEffect(\n () =>\n trackContainerScroll(\n (info) => {\n stateRef.current = info\n onChangeRef.current?.(info)\n },\n { axis, container },\n ),\n [axis, container],\n )\n\n return stateRef\n}\n\n/**\n * Track pointer position over an element.\n *\n * Returns a ref to the live state object, which is mutated in place by the tracker. Reading it\n * inside a `useTicker` callback is the intended use; it deliberately does not trigger renders.\n */\nexport function usePointer<El extends HTMLElement = HTMLDivElement>(\n options: { smoothing?: number; trackOutside?: boolean; enabled?: boolean } = {},\n): [RefObject<El | null>, RefObject<Readonly<PointerState> | null>] {\n const ref = useRef<El | null>(null)\n const stateRef = useRef<Readonly<PointerState> | null>(null)\n\n const { smoothing, trackOutside = false, enabled = true } = options\n\n useEffect(() => {\n const element = ref.current\n if (!element || !enabled) return\n\n const tracker = trackPointer(element, {\n ...(smoothing !== undefined ? { smoothing } : {}),\n trackOutside,\n })\n stateRef.current = tracker.state\n\n return () => {\n tracker.destroy()\n stateRef.current = null\n }\n }, [smoothing, trackOutside, enabled])\n\n return [ref, stateRef]\n}\n\n/**\n * Does the user prefer reduced motion?\n *\n * Returns `false` during SSR and on the first client render, then updates. That ordering is\n * deliberate: returning the real value during SSR is impossible (the server cannot know), and\n * returning it on the first client render would be a hydration mismatch.\n */\nexport function useReducedMotion(): boolean {\n const [reduced, setReduced] = useState(false)\n useEffect(() => onReducedMotionChange(setReduced), [])\n return reduced\n}\n\n/**\n * Live frame-budget telemetry — FPS, frame cost percentiles, and the adaptive quality scalar.\n *\n * Intended for a development overlay. Subscribing causes a re-render every frame, so this must not\n * ship in production render paths; the `enabled` flag exists so it can be gated on `NODE_ENV`.\n */\nexport function useFrameBudget(enabled = true): BudgetReport | null {\n const [report, setReport] = useState<BudgetReport | null>(null)\n\n useEffect(() => {\n if (!enabled) return\n const ticker = getTicker()\n // Sample at ~4 Hz rather than per frame. A number that changes 60 times a second is\n // unreadable, and rendering it 60 times a second distorts the very measurement being shown.\n let last = 0\n return ticker.onBudget((next) => {\n const now = performance.now()\n if (now - last < 250) return\n last = now\n setReport(next)\n })\n }, [enabled])\n\n return report\n}\n\n/** Merge several refs into one callback ref, for components that both forward and use a ref. */\nexport function useMergedRef<T>(\n ...refs: Array<React.Ref<T> | undefined | null>\n): (node: T | null) => void {\n return useCallback((node: T | null) => {\n for (const ref of refs) {\n if (!ref) continue\n if (typeof ref === 'function') ref(node)\n else (ref as React.MutableRefObject<T | null>).current = node\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs)\n}\n"]}
|