@seekalfred/primitives 0.6.0 → 0.7.3

package/dist/waffle-chart/waffle-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waffle-chart.js","names":[],"sources":["../../src/waffle-chart/waffle-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n} from \"react\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { useCountTo } from \"../lib/count-to.js\";\nimport { mergeRefs } from \"../lib/merge-refs.js\";\nimport { prefersReducedMotion, useIsomorphicLayoutEffect } from \"../lib/motion.js\";\n\n/**\n * WaffleChart: parts of a whole as countable squares. Every cell is one share of\n * the total (a 10 by 10 grid is one cell per percent), filled column by column\n * from the bottom-left corner like a glass filling up.\n *\n * The cells cascade in once the chart is a third in view. New data hands cells\n * to categories while moving as few as possible: each cell that changes category\n * travels to its new place (dipping as it flies) and changes colour on the same\n * stagger. Hovering a cell, a legend row or arrowing through the grid lifts that\n * category and dims the rest; the legend shares count to their new values.\n * Neutral categories differ in shape as well as lightness (square, round,\n * framed), so colour is never the only channel.\n *\n * Plain CSS transitions place the cells, with nothing measured: a cell's place is\n * two unitless numbers and its size comes from the width of the grid.\n */\nexport interface WaffleCategory {\n  /** Stable identity. Cells keep following their category when the data changes, so a new dataset flows instead of repainting. */\n  key: string;\n  /** Name in the legend, the tooltip and the data table. */\n  label: string;\n  /** Raw amount. Shares are computed from the total; negatives count as zero. */\n  value: number;\n  /** Any CSS colour. Defaults to chart-1 for the accent, chart-2 to chart-4 for the next three, then neutral steps. */\n  color?: string;\n}\n\nexport interface WaffleChartProps {\n  /** Categories in fill order. The first fills from the bottom-left corner, column by column. */\n  data: WaffleCategory[];\n  /** What the whole is, such as \"Electricity generation, 2023\". Names the chart for assistive technology. */\n  label: string;\n  /** Unit after each raw value in the tooltip and table, such as \"TWh\". */\n  unit?: string;\n  formatValue?: (value: number, category: WaffleCategory) => string;\n  /** @default 10 */\n  rows?: number;\n  /** rows times columns cells make the whole; 10 by 10 is one cell per percent. @default 10 */\n  columns?: number;\n  /** The category painted in chart-1. Pass null to keep every category on its own step. Defaults to the first category. */\n  accentKey?: string | null;\n  /** Controlled pinned category. Others dim while one is pinned. */\n  activeKey?: string | null;\n  defaultActiveKey?: string | null;\n  onActiveChange?: (key: string | null) => void;\n  /** The category list beside or below the grid, with shares that count to their new value. @default true */\n  legend?: boolean;\n  /** Decimal places for shares. @default 0 */\n  decimals?: number;\n  /** @default \"No data\" */\n  emptyLabel?: string;\n  /** Extra classes for the root. Merged last. */\n  className?: string;\n}\n\ntype Cell = { id: number; key: string | null; slot: number };\ntype Reading = { key: string; slot: number } | null;\n\n/** Space between cells, in pixels; the same number is in the waffle-chart-grid utility. */\nconst GAP = 3;\n/** Lightness steps for categories past the four series colours; they alternate so neighbours differ. */\nconst SHADES = [40, 20, 30, 14];\n/** The colour-free second channel. */\nconst SHAPES = [\"square\", \"round\", \"framed\"] as const;\nconst clamp = (value: number, low: number, high: number) => Math.min(high, Math.max(low, value));\nconst GROUPED = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 1 });\n\n/** Whole cells per category by largest remainder, so the counts always add up to the grid. */\nfunction allocate(data: WaffleCategory[], total: number, cells: number): number[] {\n  if (total <= 0) return data.map(() => 0);\n  const exact = data.map((item) => (Math.max(0, item.value) / total) * cells);\n  const counts = exact.map(Math.floor);\n  let left = cells - counts.reduce((sum, count) => sum + count, 0);\n  const order = exact.map((value, index) => ({ index, rest: value - Math.floor(value) })).sort((a, b) => b.rest - a.rest);\n  for (let k = 0; left > 0 && k < order.length; k++, left--) counts[order[k]!.index]!++;\n  return counts;\n}\n\n/**\n * Hands cells to categories while moving as few as possible: each category keeps the cells it already had,\n * surplus cells join the categories that grew, and every block takes its cells in their previous order so paths never cross.\n */\nfunction reassign(previous: Cell[], data: WaffleCategory[], counts: number[]): Cell[] {\n  const bySlot = [...previous].sort((a, b) => a.slot - b.slot);\n  const kept = new Map<string, Cell[]>();\n  const pool: Cell[] = [];\n  const want = new Map(data.map((item, index) => [item.key, counts[index]]));\n  for (const cell of bySlot) {\n    const list = cell.key !== null ? (kept.get(cell.key) ?? []) : [];\n    if (cell.key !== null && list.length < (want.get(cell.key) ?? 0)) {\n      list.push(cell);\n      kept.set(cell.key, list);\n    } else pool.push(cell);\n  }\n  const next: Cell[] = [];\n  let slot = 0;\n  data.forEach((item, index) => {\n    const own = kept.get(item.key) ?? [];\n    while (own.length < counts[index]! && pool.length) own.push(pool.shift()!);\n    own.sort((a, b) => a.slot - b.slot).forEach((cell) => next.push({ id: cell.id, key: item.key, slot: slot++ }));\n  });\n  pool.forEach((cell) => next.push({ id: cell.id, key: null, slot: slot++ }));\n  return next.sort((a, b) => a.id - b.id);\n}\n\n/** A share that counts to its new value and holds its width with tabular figures. */\nfunction Share({ value, decimals }: { value: number; decimals: number }) {\n  const scale = 10 ** decimals;\n  const shown = useCountTo(Math.round(value * scale));\n  return <>{(shown / scale).toFixed(decimals)}%</>;\n}\n\nexport const WaffleChart = forwardRef<HTMLElement, WaffleChartProps>(function WaffleChart(\n  {\n    data,\n    label,\n    unit = \"\",\n    formatValue,\n    rows = 10,\n    columns = 10,\n    accentKey,\n    activeKey,\n    defaultActiveKey = null,\n    onActiveChange,\n    legend = true,\n    decimals = 0,\n    emptyLabel = \"No data\",\n    className,\n  },\n  ref,\n) {\n  const figure = useRef<HTMLElement | null>(null);\n  const refs = useMemo(() => mergeRefs(ref, figure), [ref]);\n  const board = useRef<HTMLDivElement>(null);\n  const grid = useRef<HTMLDivElement>(null);\n  const tip = useRef<HTMLDivElement>(null);\n  const count = Math.max(1, rows * columns);\n  const total = data.reduce((sum, item) => sum + Math.max(0, item.value), 0);\n  const empty = !data.length || total <= 0;\n  const accent = accentKey === undefined ? (data[0]?.key ?? null) : accentKey;\n\n  // Cells are persistent objects; each data change hands them to categories again, so they travel instead of repainting.\n  const signature = `${count}|${data.map((item) => `${item.key}:${item.value}`).join(\",\")}`;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const counts = useMemo(() => allocate(data, total, count), [signature]);\n  const [layout, setLayout] = useState(() => ({\n    cells: reassign(Array.from({ length: count }, (_, id) => ({ id, key: null, slot: id })), data, counts),\n    moved: new Set<number>(),\n    version: 0,\n  }));\n  const [seen, setSeen] = useState(signature);\n  if (seen !== signature) {\n    setSeen(signature);\n    const base = Array.from({ length: count }, (_, id) => layout.cells[id] ?? { id, key: null, slot: id });\n    const next = reassign(base, data, counts);\n    setLayout({\n      cells: next,\n      moved: new Set(next.filter((cell) => base[cell.id]!.slot !== cell.slot || base[cell.id]!.key !== cell.key).map((cell) => cell.id)),\n      version: layout.version + 1,\n    });\n  }\n  const { cells, moved, version } = layout;\n\n  // The cells cascade in once a third of the chart is in view.\n  const [shown, setShown] = useState(false);\n  useEffect(() => {\n    const node = figure.current;\n    if (!node || prefersReducedMotion() || typeof IntersectionObserver === \"undefined\") {\n      setShown(true);\n      return;\n    }\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return;\n        observer.disconnect();\n        setShown(true);\n      },\n      { threshold: 0.35 },\n    );\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, []);\n\n  const [ownPinned, setOwnPinned] = useState<string | null>(defaultActiveKey);\n  const pinned = activeKey !== undefined ? activeKey : ownPinned;\n  const pin = (key: string | null) => {\n    if (activeKey === undefined) setOwnPinned(key);\n    onActiveChange?.(key);\n  };\n  const [reading, setReading] = useState<Reading>(null);\n  const [preview, setPreview] = useState<string | null>(null);\n  const focusKey = reading?.key ?? preview ?? pinned;\n  const active = focusKey && data.some((item) => item.key === focusKey) ? focusKey : null;\n\n  const rank = (key: string | null) => data.filter((entry) => entry.key !== accent).findIndex((entry) => entry.key === key);\n  const colorOf = (key: string | null) => {\n    const item = data.find((entry) => entry.key === key);\n    if (!item) return \"transparent\";\n    if (item.color) return item.color;\n    if (key === accent) return \"var(--color-chart-1)\";\n    const at = rank(key);\n    return at < 3\n      ? `var(--color-chart-${at + 2})`\n      : `color-mix(in oklab, var(--color-foreground) ${SHADES[(at - 3) % SHADES.length]}%, var(--color-surface))`;\n  };\n  const shapeOf = (key: string | null) => (key === null || key === accent || rank(key) < 0 ? \"square\" : SHAPES[rank(key) % SHAPES.length]);\n\n  // Column by column from the bottom-left corner. A cell's place is two numbers; CSS turns them into pixels.\n  const place = (slot: number) => ({ x: Math.floor(slot / rows), y: rows - 1 - (slot % rows) });\n  const filled = cells.filter((cell) => cell.key !== null).length;\n  const bubble = reading ? (data.find((item) => item.key === reading.key) ?? null) : null;\n\n  // The tooltip sits above the cell it describes and stays inside the chart; it glides between cells once showing.\n  const shownBefore = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    const node = tip.current;\n    const box = grid.current?.getBoundingClientRect();\n    const host = board.current?.getBoundingClientRect();\n    if (!reading || !node || !box?.width || !host) {\n      shownBefore.current = false;\n      return;\n    }\n    const side = (box.width - GAP * (columns - 1)) / columns;\n    const { x, y } = place(reading.slot);\n    const cx = box.left - host.left + x * (side + GAP) + side / 2;\n    const cy = box.top - host.top + y * (side + GAP);\n    const tw = node.offsetWidth;\n    const th = node.offsetHeight;\n    let top = cy - th - 10;\n    if (top < 0) top = cy + side + 10;\n    if (!shownBefore.current) node.style.transition = \"none\";\n    node.style.translate = `${clamp(cx - tw / 2, 0, Math.max(0, host.width - tw))}px ${clamp(top, 0, Math.max(0, host.height - th))}px`;\n    if (!shownBefore.current) {\n      void node.offsetWidth;\n      node.style.transition = \"\";\n    }\n    shownBefore.current = true;\n  });\n\n  const slotAt = (clientX: number, clientY: number) => {\n    const box = grid.current?.getBoundingClientRect();\n    if (!box?.width) return null;\n    const side = (box.width - GAP * (columns - 1)) / columns;\n    const col = clamp(Math.floor((clientX - box.left) / (side + GAP)), 0, columns - 1);\n    const row = clamp(Math.floor((clientY - box.top) / (side + GAP)), 0, rows - 1);\n    return col * rows + (rows - 1 - row);\n  };\n  const readingAt = (slot: number | null): Reading => {\n    if (slot === null) return null;\n    const cell = cells.find((item) => item.slot === slot);\n    return cell?.key ? { key: cell.key, slot } : null;\n  };\n  const show = (next: Reading) => setReading((now) => (now?.slot === next?.slot ? now : next));\n  const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (event.pointerType === \"mouse\" || event.buttons) show(readingAt(slotAt(event.clientX, event.clientY)));\n  };\n  const onPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    if (event.pointerType !== \"mouse\") event.currentTarget.setPointerCapture?.(event.pointerId);\n    show(readingAt(slotAt(event.clientX, event.clientY)));\n  };\n\n  // Arrows walk the grid cell by cell; Page keys jump between categories.\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (empty) return;\n    if (event.key === \"Escape\" && reading) {\n      event.preventDefault();\n      setReading(null);\n      return;\n    }\n    const at = reading?.slot ?? 0;\n    const col = Math.floor(at / rows);\n    const row = at % rows;\n    const blocks = counts\n      .map((size, index) => ({ start: counts.slice(0, index).reduce((sum, value) => sum + value, 0), size }))\n      .filter((block) => block.size > 0);\n    const block = Math.max(0, blocks.findIndex((item) => at >= item.start && at < item.start + item.size));\n    const moves: Record<string, () => number> = {\n      ArrowUp: () => col * rows + Math.min(rows - 1, row + 1),\n      ArrowDown: () => col * rows + Math.max(0, row - 1),\n      ArrowRight: () => Math.min(columns - 1, col + 1) * rows + row,\n      ArrowLeft: () => Math.max(0, col - 1) * rows + row,\n      PageDown: () => blocks[Math.min(blocks.length - 1, block + 1)]!.start,\n      PageUp: () => (at > blocks[block]!.start ? blocks[block]!.start : blocks[Math.max(0, block - 1)]!.start),\n      Home: () => 0,\n      End: () => filled - 1,\n    };\n    const move = moves[event.key];\n    if (!move) return;\n    event.preventDefault();\n    show(readingAt(clamp(reading ? move() : 0, 0, Math.max(0, filled - 1))));\n  };\n\n  const suffix = unit ? ` ${unit}` : \"\";\n  const format = (value: number, item: WaffleCategory) => `${formatValue ? formatValue(value, item) : GROUPED.format(value)}${suffix}`;\n  const share = (item: WaffleCategory) => (total > 0 ? (Math.max(0, item.value) / total) * 100 : 0);\n  const describe = (item: WaffleCategory) => `${item.label}, ${share(item).toFixed(decimals)}%, ${format(item.value, item)}`;\n  const summary = empty\n    ? `${label}. ${emptyLabel}.`\n    : `${label}. ${data.map((item) => `${item.label} ${share(item).toFixed(decimals)}%`).join(\", \")}.`;\n\n  return (\n    <figure\n      ref={refs}\n      data-slot=\"waffle-chart\"\n      aria-label={label}\n      data-legend={legend || undefined}\n      data-scrubbing={reading !== null || undefined}\n      className={cn(\"waffle-chart box-border font-sans text-foreground\", className)}\n    >\n      <div ref={board} className=\"relative min-w-0\">\n        <div\n          ref={grid}\n          data-slot=\"waffle-chart-grid\"\n          data-active={active ? \"\" : undefined}\n          role={empty ? undefined : \"slider\"}\n          tabIndex={empty ? undefined : 0}\n          aria-label={empty ? undefined : `${label}, explore cells`}\n          aria-valuemin={empty ? undefined : 1}\n          aria-valuemax={empty ? undefined : Math.max(1, filled)}\n          aria-valuenow={empty ? undefined : (reading?.slot ?? 0) + 1}\n          aria-valuetext={empty ? undefined : bubble ? describe(bubble) : summary}\n          aria-hidden={empty || undefined}\n          className=\"waffle-chart-grid\"\n          style={{ \"--c\": columns, \"--r\": rows } as CSSProperties}\n          onPointerMove={onPointerMove}\n          onPointerDown={onPointerDown}\n          onPointerUp={(event) => {\n            if (event.pointerType !== \"mouse\") setReading(null);\n          }}\n          onPointerCancel={() => setReading(null)}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") setReading(null);\n          }}\n          onKeyDown={onKeyDown}\n          onBlur={() => setReading(null)}\n          onFocus={(event) => {\n            if (event.currentTarget.matches(\":focus-visible\") && !empty) setReading((now) => now ?? readingAt(0));\n          }}\n        >\n          {cells.map((cell) => {\n            const { x, y } = place(cell.slot);\n            return (\n              <span\n                key={cell.id}\n                aria-hidden=\"true\"\n                data-cell={cell.slot}\n                data-shown={shown || undefined}\n                data-on={(cell.key !== null && cell.key === active) || undefined}\n                data-cursor={reading?.slot === cell.slot || undefined}\n                data-empty={cell.key === null || undefined}\n                data-shape={shapeOf(cell.key)}\n                data-hop={moved.has(cell.id) && shown ? (version % 2 ? \"a\" : \"b\") : undefined}\n                className=\"waffle-chart-cell\"\n                style={\n                  {\n                    \"--x\": x,\n                    \"--y\": y,\n                    \"--series\": colorOf(cell.key),\n                    \"--delay\": `${Math.round((cell.slot / count) * 320)}ms`,\n                  } as CSSProperties\n                }\n              />\n            );\n          })}\n        </div>\n        {empty ? null : (\n          <div ref={tip} aria-hidden=\"true\" data-slot=\"waffle-chart-tooltip\" className=\"line-chart-tooltip\">\n            <p className=\"m-0 flex min-w-0 items-center gap-2 text-sm\">\n              <span data-shape={shapeOf(bubble?.key ?? null)} style={{ \"--series\": colorOf(bubble?.key ?? null) } as CSSProperties} className=\"chart-key-swatch\" />\n              <span className=\"min-w-0 flex-1 truncate text-text-secondary\">{bubble?.label ?? \"\"}</span>\n              <span className=\"ms-2 flex-none font-medium tabular-nums\">{bubble ? `${share(bubble).toFixed(decimals)}%` : \"\"}</span>\n            </p>\n            <p className=\"m-0 ms-4.5 whitespace-nowrap text-xs tabular-nums text-muted-foreground\">{bubble ? format(bubble.value, bubble) : \"\"}</p>\n          </div>\n        )}\n        {empty ? <p className=\"m-0 grid min-h-40 place-items-center text-sm text-muted-foreground\">{emptyLabel}</p> : null}\n      </div>\n      {legend && !empty ? (\n        <ul aria-label={`${label}, categories`} onPointerLeave={() => setPreview(null)} className=\"waffle-chart-legend\">\n          {data.map((item) => (\n            <li key={item.key}>\n              <button\n                type=\"button\"\n                aria-pressed={pinned === item.key}\n                data-on={active === item.key || undefined}\n                data-dim={(active !== null && active !== item.key) || undefined}\n                className=\"chart-key\"\n                onClick={() => pin(pinned === item.key ? null : item.key)}\n                onPointerEnter={(event) => {\n                  if (event.pointerType === \"mouse\") setPreview(item.key);\n                }}\n                onFocus={(event) => {\n                  if (event.currentTarget.matches(\":focus-visible\")) setPreview(item.key);\n                }}\n                onBlur={() => setPreview(null)}\n              >\n                <span aria-hidden=\"true\" data-shape={shapeOf(item.key)} style={{ \"--series\": colorOf(item.key) } as CSSProperties} className=\"chart-key-swatch\" />\n                <span className=\"min-w-0 truncate\">{item.label}</span>\n                <span aria-hidden=\"true\" className=\"min-w-13 text-end text-base font-medium tabular-nums text-foreground\">\n                  <Share value={share(item)} decimals={decimals} />\n                </span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      <p className=\"sr-only\">{summary}</p>\n      <p className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {bubble ? describe(bubble) : \"\"}\n      </p>\n      {empty ? null : (\n        <div className=\"sr-only\">\n          <table>\n            <caption>{label}</caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">Category</th>\n                <th scope=\"col\">Value</th>\n                <th scope=\"col\">Share</th>\n                <th scope=\"col\">Cells</th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((item, index) => (\n                <tr key={item.key}>\n                  <th scope=\"row\">{item.label}</th>\n                  <td>{format(item.value, item)}</td>\n                  <td>{share(item).toFixed(decimals)}%</td>\n                  <td>{counts[index]}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </figure>\n  );\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seekalfred/primitives",
-  "version": "0.6.0",
+  "version": "0.7.3",
   "type": "module",
   "license": "MIT",
   "description": "Accessible, styled primitives built on React Aria Components.",
@@ -32,6 +32,10 @@
       "types": "./dist/action-button/index.d.ts",
       "default": "./dist/action-button/index.js"
     },
+    "./activity-heatmap": {
+      "types": "./dist/activity-heatmap/index.d.ts",
+      "default": "./dist/activity-heatmap/index.js"
+    },
     "./alert": {
       "types": "./dist/alert/index.d.ts",
       "default": "./dist/alert/index.js"
@@ -40,6 +44,14 @@
       "types": "./dist/alert-dialog/index.d.ts",
       "default": "./dist/alert-dialog/index.js"
     },
+    "./announcement-bar": {
+      "types": "./dist/announcement-bar/index.d.ts",
+      "default": "./dist/announcement-bar/index.js"
+    },
+    "./animated-counter": {
+      "types": "./dist/animated-counter/index.d.ts",
+      "default": "./dist/animated-counter/index.js"
+    },
     "./avatar": {
       "types": "./dist/avatar/index.d.ts",
       "default": "./dist/avatar/index.js"
@@ -48,10 +60,18 @@
       "types": "./dist/badge/index.d.ts",
       "default": "./dist/badge/index.js"
     },
+    "./bar-chart": {
+      "types": "./dist/bar-chart/index.d.ts",
+      "default": "./dist/bar-chart/index.js"
+    },
     "./breadcrumb": {
       "types": "./dist/breadcrumb/index.d.ts",
       "default": "./dist/breadcrumb/index.js"
     },
+    "./brush-chart": {
+      "types": "./dist/brush-chart/index.d.ts",
+      "default": "./dist/brush-chart/index.js"
+    },
     "./button": {
       "types": "./dist/button/index.d.ts",
       "default": "./dist/button/index.js"
@@ -68,10 +88,22 @@
       "types": "./dist/card/index.d.ts",
       "default": "./dist/card/index.js"
     },
+    "./card-stack": {
+      "types": "./dist/card-stack/index.d.ts",
+      "default": "./dist/card-stack/index.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel/index.d.ts",
+      "default": "./dist/carousel/index.js"
+    },
     "./checkbox": {
       "types": "./dist/checkbox/index.d.ts",
       "default": "./dist/checkbox/index.js"
     },
+    "./chip-group": {
+      "types": "./dist/chip-group/index.d.ts",
+      "default": "./dist/chip-group/index.js"
+    },
     "./confirm-morph": {
       "types": "./dist/confirm-morph/index.d.ts",
       "default": "./dist/confirm-morph/index.js"
@@ -80,6 +112,10 @@
       "types": "./dist/copy-button/index.d.ts",
       "default": "./dist/copy-button/index.js"
     },
+    "./countdown": {
+      "types": "./dist/countdown/index.d.ts",
+      "default": "./dist/countdown/index.js"
+    },
     "./date-picker": {
       "types": "./dist/date-picker/index.d.ts",
       "default": "./dist/date-picker/index.js"
@@ -88,6 +124,10 @@
       "types": "./dist/dialog/index.d.ts",
       "default": "./dist/dialog/index.js"
     },
+    "./donut-chart": {
+      "types": "./dist/donut-chart/index.d.ts",
+      "default": "./dist/donut-chart/index.js"
+    },
     "./empty-state": {
       "types": "./dist/empty-state/index.d.ts",
       "default": "./dist/empty-state/index.js"
@@ -112,6 +152,14 @@
       "types": "./dist/floating-button-group/index.d.ts",
       "default": "./dist/floating-button-group/index.js"
     },
+    "./in-view-title": {
+      "types": "./dist/in-view-title/index.d.ts",
+      "default": "./dist/in-view-title/index.js"
+    },
+    "./gauge": {
+      "types": "./dist/gauge/index.d.ts",
+      "default": "./dist/gauge/index.js"
+    },
     "./input": {
       "types": "./dist/input/index.d.ts",
       "default": "./dist/input/index.js"
@@ -120,10 +168,38 @@
       "types": "./dist/label/index.d.ts",
       "default": "./dist/label/index.js"
     },
+    "./line-chart": {
+      "types": "./dist/line-chart/index.d.ts",
+      "default": "./dist/line-chart/index.js"
+    },
+    "./mention-input": {
+      "types": "./dist/mention-input/index.d.ts",
+      "default": "./dist/mention-input/index.js"
+    },
     "./menu": {
       "types": "./dist/menu/index.d.ts",
       "default": "./dist/menu/index.js"
     },
+    "./money-input": {
+      "types": "./dist/money-input/index.d.ts",
+      "default": "./dist/money-input/index.js"
+    },
+    "./morph-select": {
+      "types": "./dist/morph-select/index.d.ts",
+      "default": "./dist/morph-select/index.js"
+    },
+    "./multi-select": {
+      "types": "./dist/multi-select/index.d.ts",
+      "default": "./dist/multi-select/index.js"
+    },
+    "./number-field": {
+      "types": "./dist/number-field/index.d.ts",
+      "default": "./dist/number-field/index.js"
+    },
+    "./onboarding-checklist": {
+      "types": "./dist/onboarding-checklist/index.d.ts",
+      "default": "./dist/onboarding-checklist/index.js"
+    },
     "./page-header": {
       "types": "./dist/page-header/index.d.ts",
       "default": "./dist/page-header/index.js"
@@ -136,6 +212,10 @@
       "types": "./dist/password-strength/index.d.ts",
       "default": "./dist/password-strength/index.js"
     },
+    "./phone-input": {
+      "types": "./dist/phone-input/index.d.ts",
+      "default": "./dist/phone-input/index.js"
+    },
     "./popover": {
       "types": "./dist/popover/index.d.ts",
       "default": "./dist/popover/index.js"
@@ -148,10 +228,26 @@
       "types": "./dist/radio-group/index.d.ts",
       "default": "./dist/radio-group/index.js"
     },
+    "./ridgeline": {
+      "types": "./dist/ridgeline/index.d.ts",
+      "default": "./dist/ridgeline/index.js"
+    },
+    "./reactions": {
+      "types": "./dist/reactions/index.d.ts",
+      "default": "./dist/reactions/index.js"
+    },
+    "./rich-text-editor": {
+      "types": "./dist/rich-text-editor/index.d.ts",
+      "default": "./dist/rich-text-editor/index.js"
+    },
     "./scroll-area": {
       "types": "./dist/scroll-area/index.d.ts",
       "default": "./dist/scroll-area/index.js"
     },
+    "./scrub-input": {
+      "types": "./dist/scrub-input/index.d.ts",
+      "default": "./dist/scrub-input/index.js"
+    },
     "./search-field": {
       "types": "./dist/search-field/index.d.ts",
       "default": "./dist/search-field/index.js"
@@ -168,6 +264,10 @@
       "types": "./dist/sheet/index.d.ts",
       "default": "./dist/sheet/index.js"
     },
+    "./shortcut-recorder": {
+      "types": "./dist/shortcut-recorder/index.d.ts",
+      "default": "./dist/shortcut-recorder/index.js"
+    },
     "./side-nav": {
       "types": "./dist/side-nav/index.d.ts",
       "default": "./dist/side-nav/index.js"
@@ -180,18 +280,42 @@
       "types": "./dist/slider/index.d.ts",
       "default": "./dist/slider/index.js"
     },
+    "./slope-chart": {
+      "types": "./dist/slope-chart/index.d.ts",
+      "default": "./dist/slope-chart/index.js"
+    },
     "./spinner": {
       "types": "./dist/spinner/index.d.ts",
       "default": "./dist/spinner/index.js"
     },
+    "./split-bar": {
+      "types": "./dist/split-bar/index.d.ts",
+      "default": "./dist/split-bar/index.js"
+    },
     "./split-button": {
       "types": "./dist/split-button/index.d.ts",
       "default": "./dist/split-button/index.js"
     },
+    "./sparkline": {
+      "types": "./dist/sparkline/index.d.ts",
+      "default": "./dist/sparkline/index.js"
+    },
     "./stat-card": {
       "types": "./dist/stat-card/index.d.ts",
       "default": "./dist/stat-card/index.js"
     },
+    "./stepper": {
+      "types": "./dist/stepper/index.d.ts",
+      "default": "./dist/stepper/index.js"
+    },
+    "./streamgraph": {
+      "types": "./dist/streamgraph/index.d.ts",
+      "default": "./dist/streamgraph/index.js"
+    },
+    "./swipe-actions": {
+      "types": "./dist/swipe-actions/index.d.ts",
+      "default": "./dist/swipe-actions/index.js"
+    },
     "./switch": {
       "types": "./dist/switch/index.d.ts",
       "default": "./dist/switch/index.js"
@@ -204,6 +328,22 @@
       "types": "./dist/tabs/index.d.ts",
       "default": "./dist/tabs/index.js"
     },
+    "./text-shimmer": {
+      "types": "./dist/text-shimmer/index.d.ts",
+      "default": "./dist/text-shimmer/index.js"
+    },
+    "./tag-input": {
+      "types": "./dist/tag-input/index.d.ts",
+      "default": "./dist/tag-input/index.js"
+    },
+    "./text-morph": {
+      "types": "./dist/text-morph/index.d.ts",
+      "default": "./dist/text-morph/index.js"
+    },
+    "./text-reveal": {
+      "types": "./dist/text-reveal/index.d.ts",
+      "default": "./dist/text-reveal/index.js"
+    },
     "./textarea": {
       "types": "./dist/textarea/index.d.ts",
       "default": "./dist/textarea/index.js"
@@ -224,6 +364,18 @@
       "types": "./dist/tooltip/index.d.ts",
       "default": "./dist/tooltip/index.js"
     },
+    "./treemap": {
+      "types": "./dist/treemap/index.d.ts",
+      "default": "./dist/treemap/index.js"
+    },
+    "./waffle-chart": {
+      "types": "./dist/waffle-chart/index.d.ts",
+      "default": "./dist/waffle-chart/index.js"
+    },
+    "./usage-meter": {
+      "types": "./dist/usage-meter/index.d.ts",
+      "default": "./dist/usage-meter/index.js"
+    },
     "./package.json": "./package.json",
     "./styles.css": "./dist/styles.css"
   },
@@ -234,15 +386,25 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@seekalfred/tokens": "^0.6.0",
+    "@lexical/code": "0.52.0",
+    "@lexical/history": "0.52.0",
+    "@lexical/html": "0.52.0",
+    "@lexical/link": "0.52.0",
+    "@lexical/list": "0.52.0",
+    "@lexical/markdown": "0.52.0",
+    "@lexical/rich-text": "0.52.0",
+    "@lexical/selection": "0.52.0",
+    "@lexical/utils": "0.52.0",
+    "@seekalfred/tokens": "^0.7.3",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
+    "lexical": "0.52.0",
     "tailwind-merge": "3.6.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",
     "@internationalized/date": "3.12.4",
-    "@seekalfred/styles": "^0.6.0",
+    "@seekalfred/styles": "^0.7.3",
     "@seekalfred/tsconfig": "0.0.0",
     "@size-limit/preset-small-lib": "13.0.3",
     "@storybook/react-vite": "10.6.0",