Cubitt exposes global hooks from two sources:

* `@tilt-legal/cubitt-components/utilities/hooks`: reusable hooks for state, timing, browser, storage, and theme behavior.
* `@tilt-legal/cubitt-components`: component-level hooks such as URL-state hooks.

## Hook Categories [#hook-categories]

<Cards columns="2">
  <Card title="Core Hooks" href="/hooks/core">
    Cubitt-specific hooks for composition and internals.
  </Card>

  <Card title="State Hooks" href="/hooks/state">
    State helpers like toggles, counters, and maps.
  </Card>

  <Card title="Timing Hooks" href="/hooks/timing">
    Debounce, timeout, interval, and resettable timeout hooks.
  </Card>

  <Card title="Browser Hooks" href="/hooks/browser">
    DOM events, media queries, viewport, lifecycle, and observers.
  </Card>

  <Card title="Storage Hooks" href="/hooks/storage">
    Local/session storage and browser utility hooks.
  </Card>

  <Card title="Theme Hooks" href="/hooks/theme">
    Dark mode and ternary theme mode hooks.
  </Card>

  <Card title="URL State Hooks" href="/hooks/url-state">
    Read/write component state in URL parameters.
  </Card>
</Cards>

<Callout type="info">
  URL-state pages are maintained separately in <a href="/hooks/url-state">/hooks/url-state</a>.
</Callout>