@persona/design-system 0.10.4 → 0.10.5

package/dist/lib/selectHelper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectHelper.mjs","names":[],"sources":["../../lib/selectHelper.ts"],"sourcesContent":["import { act, fireEvent, screen } from '@testing-library/react';\n\n/**\n * Click a PDS Select (Radix UI) option using fireEvent.click inside act().\n *\n * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires\n * pointer events that set pointerTypeRef to \"mouse\", routing selection through onPointerUp\n * instead of onClick — and that path doesn't flush React state within act() due to focus()\n * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click\n * bypasses all of this cleanly.\n */\nexport const clickSelectItem = async (name: RegExp | string) => {\n  await act(async () => {\n    fireEvent.click(screen.getByRole('option', { name }));\n  });\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,kBAAkB,OAAO,SAA0B;AAC9D,OAAM,IAAI,YAAY;AACpB,YAAU,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,CAAC,CAAC;GACrD"}
+{"version":3,"file":"selectHelper.mjs","names":[],"sources":["../../src/lib/selectHelper.ts"],"sourcesContent":["import { act, fireEvent, screen } from '@testing-library/react';\n\n/**\n * Click a PDS Select (Radix UI) option using fireEvent.click inside act().\n *\n * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires\n * pointer events that set pointerTypeRef to \"mouse\", routing selection through onPointerUp\n * instead of onClick — and that path doesn't flush React state within act() due to focus()\n * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click\n * bypasses all of this cleanly.\n */\nexport const clickSelectItem = async (name: RegExp | string) => {\n  await act(async () => {\n    fireEvent.click(screen.getByRole('option', { name }));\n  });\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,kBAAkB,OAAO,SAA0B;AAC9D,OAAM,IAAI,YAAY;AACpB,YAAU,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,CAAC,CAAC;GACrD"}

package/dist/lib/semanticColor.d.mts

@@ -1,2 +1,2 @@
-import { a as semanticTokens, i as semanticOnly, n as SemanticFallback, r as semanticColor, t as MaybeSemanticTheme } from "../semanticColor-CmGmGRj8.mjs";
+import { a as semanticTokens, i as semanticOnly, n as SemanticFallback, r as semanticColor, t as MaybeSemanticTheme } from "../semanticColor-Bxufk3ZO.mjs";
 export { MaybeSemanticTheme, SemanticFallback, semanticColor, semanticOnly, semanticTokens };

package/dist/lib/semanticColor.mjs

@@ -1,4 +1,4 @@
-//#region lib/semanticColor.ts
+//#region src/lib/semanticColor.ts
 /**
 * Reads a semantic token, falling back to `legacy` when the theme has no semantic namespace.
 * `legacy` must be the component's pre-migration expression (not a generic default) so themes

package/dist/lib/semanticColor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"semanticColor.mjs","names":[],"sources":["../../lib/semanticColor.ts"],"sourcesContent":["import type { CssColor } from 'design-system/lib/color';\nimport type { CssPercentage, SemanticTokens } from 'design-system/variables/semantic';\n\n/** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */\nexport interface MaybeSemanticTheme {\n  semantic?: SemanticTokens;\n}\n\n/** Colour tokens also accept a computed `CssColor` fallback; percentage tokens only their own type. */\nexport type SemanticFallback<K extends keyof SemanticTokens> =\n  | SemanticTokens[K]\n  | (SemanticTokens[K] extends CssPercentage ? never : CssColor);\n\n/**\n * Reads a semantic token, falling back to `legacy` when the theme has no semantic namespace.\n * `legacy` must be the component's pre-migration expression (not a generic default) so themes\n * without semantic tokens keep rendering exactly as before. It is evaluated by the caller, so a\n * component Relay renders must pass a constant: Relay's theme has no `theme.color` either.\n * `theme` may be `undefined` (`useTheme()` outside a provider).\n */\nexport const semanticColor = <K extends keyof SemanticTokens>(\n  theme: MaybeSemanticTheme | undefined,\n  token: K,\n  legacy: SemanticFallback<K>,\n): SemanticFallback<K> => theme?.semantic?.[token] ?? legacy;\n\n/** For palettes derived from several tokens; callers must branch and keep the legacy path intact. */\nexport const semanticTokens = (theme: MaybeSemanticTheme | undefined): SemanticTokens | undefined =>\n  theme?.semantic;\n\n/** Interpolation for declarations that exist only under semantic theming; emits nothing otherwise. */\nexport const semanticOnly =\n  <T>(build: (tokens: SemanticTokens) => T) =>\n  ({ theme }: { theme?: MaybeSemanticTheme }): T | undefined =>\n    theme?.semantic ? build(theme.semantic) : undefined;\n"],"mappings":";;;;;;;;AAoBA,MAAa,iBACX,OACA,OACA,WACwB,OAAO,WAAW,UAAU;;AAGtD,MAAa,kBAAkB,UAC7B,OAAO;;AAGT,MAAa,gBACP,WACH,EAAE,YACD,OAAO,WAAW,MAAM,MAAM,SAAS,GAAG,KAAA"}
+{"version":3,"file":"semanticColor.mjs","names":[],"sources":["../../src/lib/semanticColor.ts"],"sourcesContent":["import type { CssColor } from 'design-system/lib/color';\nimport type { CssPercentage, SemanticTokens } from 'design-system/variables/semantic';\n\n/** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */\nexport interface MaybeSemanticTheme {\n  semantic?: SemanticTokens;\n}\n\n/** Colour tokens also accept a computed `CssColor` fallback; percentage tokens only their own type. */\nexport type SemanticFallback<K extends keyof SemanticTokens> =\n  | SemanticTokens[K]\n  | (SemanticTokens[K] extends CssPercentage ? never : CssColor);\n\n/**\n * Reads a semantic token, falling back to `legacy` when the theme has no semantic namespace.\n * `legacy` must be the component's pre-migration expression (not a generic default) so themes\n * without semantic tokens keep rendering exactly as before. It is evaluated by the caller, so a\n * component Relay renders must pass a constant: Relay's theme has no `theme.color` either.\n * `theme` may be `undefined` (`useTheme()` outside a provider).\n */\nexport const semanticColor = <K extends keyof SemanticTokens>(\n  theme: MaybeSemanticTheme | undefined,\n  token: K,\n  legacy: SemanticFallback<K>,\n): SemanticFallback<K> => theme?.semantic?.[token] ?? legacy;\n\n/** For palettes derived from several tokens; callers must branch and keep the legacy path intact. */\nexport const semanticTokens = (theme: MaybeSemanticTheme | undefined): SemanticTokens | undefined =>\n  theme?.semantic;\n\n/** Interpolation for declarations that exist only under semantic theming; emits nothing otherwise. */\nexport const semanticOnly =\n  <T>(build: (tokens: SemanticTokens) => T) =>\n  ({ theme }: { theme?: MaybeSemanticTheme }): T | undefined =>\n    theme?.semantic ? build(theme.semantic) : undefined;\n"],"mappings":";;;;;;;;AAoBA,MAAa,iBACX,OACA,OACA,WACwB,OAAO,WAAW,UAAU;;AAGtD,MAAa,kBAAkB,UAC7B,OAAO;;AAGT,MAAa,gBACP,WACH,EAAE,YACD,OAAO,WAAW,MAAM,MAAM,SAAS,GAAG,KAAA"}

package/dist/lib/snakifyPath.d.mts

@@ -1,4 +1,4 @@
-//#region lib/snakifyPath.d.ts
+//#region src/lib/snakifyPath.d.ts
 declare const snakify: (toSnake: string) => string;
 //#endregion
 export { snakify };

package/dist/lib/snakifyPath.mjs

@@ -1,4 +1,4 @@
-//#region lib/snakifyPath.ts
+//#region src/lib/snakifyPath.ts
 const ISO_8601_PATTERN = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:[+-]\d{2}:\d{2}|Z)?/;
 const containsISO8601 = (value) => ISO_8601_PATTERN.test(value);
 const snakify = (toSnake) => {

package/dist/lib/snakifyPath.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"snakifyPath.mjs","names":[],"sources":["../../lib/snakifyPath.ts"],"sourcesContent":["const ISO_8601_PATTERN = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:[+-]\\d{2}:\\d{2}|Z)?/;\n\nconst containsISO8601 = (value: string) => ISO_8601_PATTERN.test(value);\n\nexport const snakify = (toSnake: string) => {\n  if (!toSnake) {\n    return toSnake;\n  }\n\n  return toSnake\n    .split('.')\n    .map((segment) => (containsISO8601(segment) ? segment : segment.replace(/-/g, '_')))\n    .join('.');\n};\n"],"mappings":";AAAA,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB,UAAkB,iBAAiB,KAAK,MAAM;AAEvE,MAAa,WAAW,YAAoB;AAC1C,KAAI,CAAC,QACH,QAAO;AAGT,QAAO,QACJ,MAAM,IAAI,CACV,KAAK,YAAa,gBAAgB,QAAQ,GAAG,UAAU,QAAQ,QAAQ,MAAM,IAAI,CAAE,CACnF,KAAK,IAAI"}
+{"version":3,"file":"snakifyPath.mjs","names":[],"sources":["../../src/lib/snakifyPath.ts"],"sourcesContent":["const ISO_8601_PATTERN = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:[+-]\\d{2}:\\d{2}|Z)?/;\n\nconst containsISO8601 = (value: string) => ISO_8601_PATTERN.test(value);\n\nexport const snakify = (toSnake: string) => {\n  if (!toSnake) {\n    return toSnake;\n  }\n\n  return toSnake\n    .split('.')\n    .map((segment) => (containsISO8601(segment) ? segment : segment.replace(/-/g, '_')))\n    .join('.');\n};\n"],"mappings":";AAAA,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB,UAAkB,iBAAiB,KAAK,MAAM;AAEvE,MAAa,WAAW,YAAoB;AAC1C,KAAI,CAAC,QACH,QAAO;AAGT,QAAO,QACJ,MAAM,IAAI,CACV,KAAK,YAAa,gBAAgB,QAAQ,GAAG,UAAU,QAAQ,QAAQ,MAAM,IAAI,CAAE,CACnF,KAAK,IAAI"}

package/dist/lib/useChain.d.mts

@@ -1,2 +1,2 @@
-import { n as useChain, r as useChainSchema, t as chainRootsFromSchemaProperties } from "../useChain-DXkKKe-J.mjs";
+import { n as useChain, r as useChainSchema, t as chainRootsFromSchemaProperties } from "../useChain-7ztbfujM.mjs";
 export { chainRootsFromSchemaProperties, useChain as default, useChainSchema };

package/dist/lib/useChain.mjs

@@ -1,2 +1,2 @@
-import { n as useChain, r as useChainSchema, t as chainRootsFromSchemaProperties } from "../useChain-Cu4KDfFk.mjs";
+import { n as useChain, r as useChainSchema, t as chainRootsFromSchemaProperties } from "../useChain-D1aNsdvn.mjs";
 export { chainRootsFromSchemaProperties, useChain as default, useChainSchema };

package/dist/lib/useControlled.d.mts

@@ -1,4 +1,4 @@
-//#region lib/useControlled.d.ts
+//#region src/lib/useControlled.d.ts
 /**
  * Hook to allow components that can be controlled and uncontrolled to get and set state.
  *

package/dist/lib/useControlled.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from "react";
-//#region lib/useControlled.ts
+//#region src/lib/useControlled.ts
 /**
 * Hook to allow components that can be controlled and uncontrolled to get and set state.
 *

package/dist/lib/useControlled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useControlled.mjs","names":[],"sources":["../../lib/useControlled.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\n/**\n * Hook to allow components that can be controlled and uncontrolled to get and set state.\n *\n * Inspired by MUI's neat controlled util\n * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js\n */\nexport default function useControlled<T>({\n  controlledValue,\n  default: defaultProp,\n}: {\n  controlledValue?: T;\n  default: T;\n}) {\n  const { current: isControlled } = useRef(controlledValue !== undefined);\n  const [valueState, setValue] = useState<T | undefined>(defaultProp);\n  const value = isControlled ? controlledValue : valueState;\n\n  const setValueIfUncontrolled = useCallback((newValue: T | undefined) => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  return [value, setValueIfUncontrolled] as const;\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,cAAiB,EACvC,iBACA,SAAS,eAIR;CACD,MAAM,EAAE,SAAS,iBAAiB,OAAO,oBAAoB,KAAA,EAAU;CACvE,MAAM,CAAC,YAAY,YAAY,SAAwB,YAAY;AASnE,QAAO,CARO,eAAe,kBAAkB,YAEhB,aAAa,aAA4B;AACtE,MAAI,CAAC,aACH,UAAS,SAAS;IAEnB,EAAE,CAEgC,CAAC"}
+{"version":3,"file":"useControlled.mjs","names":[],"sources":["../../src/lib/useControlled.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\n/**\n * Hook to allow components that can be controlled and uncontrolled to get and set state.\n *\n * Inspired by MUI's neat controlled util\n * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js\n */\nexport default function useControlled<T>({\n  controlledValue,\n  default: defaultProp,\n}: {\n  controlledValue?: T;\n  default: T;\n}) {\n  const { current: isControlled } = useRef(controlledValue !== undefined);\n  const [valueState, setValue] = useState<T | undefined>(defaultProp);\n  const value = isControlled ? controlledValue : valueState;\n\n  const setValueIfUncontrolled = useCallback((newValue: T | undefined) => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  return [value, setValueIfUncontrolled] as const;\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,cAAiB,EACvC,iBACA,SAAS,eAIR;CACD,MAAM,EAAE,SAAS,iBAAiB,OAAO,oBAAoB,KAAA,EAAU;CACvE,MAAM,CAAC,YAAY,YAAY,SAAwB,YAAY;AASnE,QAAO,CARO,eAAe,kBAAkB,YAEhB,aAAa,aAA4B;AACtE,MAAI,CAAC,aACH,UAAS,SAAS;IAEnB,EAAE,CAEgC,CAAC"}

package/dist/lib/useEmbeddedSurface.d.mts

@@ -1,4 +1,4 @@
-//#region lib/useEmbeddedSurface.d.ts
+//#region src/lib/useEmbeddedSurface.d.ts
 /**
  * How long the overlay stays paused waiting for an acknowledgement. It has to outlast the host's
  * animation lead so a slow acknowledgement still gets used rather than raced by this fallback.

package/dist/lib/useEmbeddedSurface.mjs

@@ -1,7 +1,7 @@
 import { EMBEDDED_SURFACE_CHANNEL, coerceChildboundEnvelope } from "./embeddedSurfaceProtocol.mjs";
 import { getEmbeddedSurfaceTransport, subscribeEmbeddedSurfaceTransportChanges } from "./embeddedSurfaceRegistry.mjs";
 import { useEffect, useState } from "react";
-//#region lib/useEmbeddedSurface.ts
+//#region src/lib/useEmbeddedSurface.ts
 const SURFACE_REANNOUNCE_INTERVAL_MS = 2e3;
 const HELLO_ROTATION_THRESHOLD = 2;
 /**

package/dist/lib/useEmbeddedSurface.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEmbeddedSurface.mjs","names":[],"sources":["../../lib/useEmbeddedSurface.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  EMBEDDED_SURFACE_PROTOCOL_VERSION,\n  EMBEDDED_SURFACE_CHANNEL,\n  coerceChildboundEnvelope,\n  type EmbeddedSurfacePayloads,\n} from 'design-system/lib/embeddedSurfaceProtocol';\nimport {\n  getEmbeddedSurfaceTransport,\n  subscribeEmbeddedSurfaceTransportChanges,\n  type EmbeddedSurfaceTransport,\n} from 'design-system/lib/embeddedSurfaceRegistry';\n\nconst SURFACE_REANNOUNCE_INTERVAL_MS = 2000;\nconst HELLO_ROTATION_THRESHOLD = 2;\n/**\n * How long the overlay stays paused waiting for an acknowledgement. It has to outlast the host's\n * animation lead so a slow acknowledgement still gets used rather than raced by this fallback.\n */\nexport const EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS = 80;\n\nlet fallbackId = 0;\ntype SurfaceSession = {\n  connectionId: string;\n  surfaces: Set<string>;\n  leaseTimer?: number;\n  unsubscribe?: () => void;\n  unansweredHellos: number;\n  epoch?: string;\n  /** Acknowledged surfaces, keyed to the shared wall-clock instant their animation starts at. */\n  acknowledgedAt: Map<string, number>;\n  acknowledgementListeners: Map<string, Set<(startAt: number) => void>>;\n};\nconst sessions = new WeakMap<EmbeddedSurfaceTransport, SurfaceSession>();\n\nconst mintId = (prefix: string): string => {\n  const randomUUID =\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\n      ? crypto.randomUUID()\n      : undefined;\n  if (randomUUID) {\n    return `${prefix}-${randomUUID}`;\n  }\n  fallbackId += 1;\n  return `${prefix}-${fallbackId.toString(36)}`;\n};\n\nconst getSession = (transport: EmbeddedSurfaceTransport) => {\n  const current = sessions.get(transport);\n  if (current) {\n    return current;\n  }\n  const session: SurfaceSession = {\n    connectionId: mintId('connection'),\n    surfaces: new Set<string>(),\n    unansweredHellos: 0,\n    acknowledgedAt: new Map<string, number>(),\n    acknowledgementListeners: new Map<string, Set<(startAt: number) => void>>(),\n  };\n  sessions.set(transport, session);\n  return session;\n};\n\nconst send = (\n  transport: EmbeddedSurfaceTransport,\n  session: SurfaceSession,\n  kind: 'hello' | 'surfaceSnapshot',\n  payload: EmbeddedSurfacePayloads['hello'] | EmbeddedSurfacePayloads['surfaceSnapshot'],\n) => {\n  transport.send({\n    channel: EMBEDDED_SURFACE_CHANNEL,\n    version: EMBEDDED_SURFACE_PROTOCOL_VERSION,\n    connectionId: session.connectionId,\n    kind,\n    payload,\n  });\n};\n\nconst sendSnapshot = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.epoch == null) {\n    return;\n  }\n  send(transport, session, 'surfaceSnapshot', {\n    epoch: session.epoch,\n    surfaces: Array.from(session.surfaces, (surfaceId) => ({ surfaceId })),\n    awaitsAck: true,\n  });\n};\n\nconst rotateConnection = (session: SurfaceSession) => {\n  // The host may have retired this connectionId in its LRU, so hellos stay dropped\n  // until a fresh connectionId is minted.\n  session.connectionId = mintId('connection');\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n};\n\nconst acknowledgeSurface = (session: SurfaceSession, surfaceId: string, startAt: number) => {\n  if (session.acknowledgedAt.has(surfaceId)) {\n    return;\n  }\n  session.acknowledgedAt.set(surfaceId, startAt);\n  session.acknowledgementListeners.get(surfaceId)?.forEach((listener) => listener(startAt));\n};\n\nconst startSurfaceLease = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.leaseTimer != null) {\n    return;\n  }\n  // Re-announces active surfaces to renew the host's lease. If the child stops\n  // running, announcements cease and the host releases shell effects after timeout.\n  session.leaseTimer = window.setInterval(() => {\n    session.unansweredHellos += 1;\n    if (session.unansweredHellos >= HELLO_ROTATION_THRESHOLD) {\n      rotateConnection(session);\n    }\n    send(transport, session, 'hello', {});\n    sendSnapshot(transport, session);\n  }, SURFACE_REANNOUNCE_INTERVAL_MS);\n};\n\nconst stopSurfaceLease = (session: SurfaceSession) => {\n  if (session.leaseTimer == null) {\n    return;\n  }\n  window.clearInterval(session.leaseTimer);\n  session.leaseTimer = undefined;\n};\n\nconst activateSession = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.unsubscribe != null) {\n    return;\n  }\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n  session.unsubscribe = transport.subscribe((message) => {\n    const childbound = coerceChildboundEnvelope(message);\n    if (!childbound || childbound.connectionId !== session.connectionId) {\n      return;\n    }\n    session.unansweredHellos = 0;\n    if (childbound.kind === 'welcome') {\n      if (session.epoch !== childbound.payload.epoch) {\n        session.acknowledgedAt.clear();\n      }\n      session.epoch = childbound.payload.epoch;\n      sendSnapshot(transport, session);\n      return;\n    }\n    if (childbound.payload.epoch !== session.epoch) {\n      return;\n    }\n    if (childbound.kind !== 'surfaceAck') {\n      return;\n    }\n    childbound.payload.surfaces.forEach(({ surfaceId }) => {\n      acknowledgeSurface(session, surfaceId, childbound.payload.startAt);\n    });\n  });\n  send(transport, session, 'hello', {});\n};\n\nconst deactivateSession = (session: SurfaceSession) => {\n  session.unsubscribe?.();\n  session.unsubscribe = undefined;\n  stopSurfaceLease(session);\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n};\n\nconst useEmbeddedSurfaceTransport = (): EmbeddedSurfaceTransport | null => {\n  const [transport, setTransport] = useState<EmbeddedSurfaceTransport | null>(\n    getEmbeddedSurfaceTransport,\n  );\n\n  useEffect(() => {\n    const unsubscribe = subscribeEmbeddedSurfaceTransportChanges(() => {\n      setTransport(getEmbeddedSurfaceTransport());\n    });\n    // A transport can register between render and this effect, and the registry only\n    // notifies on change, so reconcile once the subscription is installed.\n    setTransport(getEmbeddedSurfaceTransport());\n    return unsubscribe;\n  }, []);\n\n  return transport;\n};\n\n/** Mints an id for a surface whose registration and host gate live in separate components. */\nexport const useEmbeddedSurfaceId = (): string => {\n  const [surfaceId] = useState(() => mintId('surface'));\n  return surfaceId;\n};\n\n/**\n * Announces the surface to the host for as long as the caller is mounted. Callers must render\n * only while their overlay is on screen: the host dims the shell around every announced surface,\n * and holding the announcement through React Aria's exit animation is what keeps the two halves\n * of the dim disappearing together.\n */\nexport default function useEmbeddedSurface(surfaceId?: string): void {\n  const transport = useEmbeddedSurfaceTransport();\n  const fallbackSurfaceId = useEmbeddedSurfaceId();\n  const ownSurfaceId = surfaceId ?? fallbackSurfaceId;\n\n  useEffect(() => {\n    if (!transport) {\n      return;\n    }\n    const session = getSession(transport);\n    activateSession(transport, session);\n    session.surfaces.add(ownSurfaceId);\n    if (session.surfaces.size === 1) {\n      startSurfaceLease(transport, session);\n    }\n    if (session.epoch != null) {\n      sendSnapshot(transport, session);\n    }\n\n    return () => {\n      session.surfaces.delete(ownSurfaceId);\n      session.acknowledgedAt.delete(ownSurfaceId);\n      if (session.surfaces.size === 0) {\n        if (session.epoch != null) {\n          sendSnapshot(transport, session);\n        }\n        deactivateSession(session);\n      } else {\n        sendSnapshot(transport, session);\n      }\n    };\n  }, [ownSurfaceId, transport]);\n\n  useEffect(() => {\n    if (!transport) {\n      return;\n    }\n    let active = true;\n    let pendingAnimationFrame: number | null = null;\n    const handleFocusOut = (event: FocusEvent) => {\n      if (event.relatedTarget != null) {\n        return;\n      }\n      event.stopImmediatePropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n      const target = event.target;\n      if (pendingAnimationFrame != null) {\n        cancelAnimationFrame(pendingAnimationFrame);\n      }\n      pendingAnimationFrame = requestAnimationFrame(() => {\n        pendingAnimationFrame = null;\n        if (!active || !target.isConnected) {\n          return;\n        }\n        if (\n          document.hasFocus() &&\n          (document.activeElement == null || document.activeElement === document.body)\n        ) {\n          target.focus();\n        }\n      });\n    };\n    document.addEventListener('focusout', handleFocusOut, true);\n    return () => {\n      active = false;\n      if (pendingAnimationFrame != null) {\n        cancelAnimationFrame(pendingAnimationFrame);\n      }\n      document.removeEventListener('focusout', handleFocusOut, true);\n    };\n  }, [transport]);\n}\n\nexport type EmbeddedSurfaceGate = {\n  /** False while the overlay must hold its opening animation paused on its first frame. */\n  ready: boolean;\n  /**\n   * CSS `animation-delay` that lands the overlay's animation on the host's shared start instant.\n   * Negative when the acknowledgement arrived after that instant, so the animation joins in\n   * progress rather than starting late.\n   */\n  animationDelayMs: number;\n};\n\nconst PENDING_GATE: EmbeddedSurfaceGate = { ready: false, animationDelayMs: 0 };\nconst RELEASED_GATE: EmbeddedSurfaceGate = { ready: true, animationDelayMs: 0 };\n// A start instant further out than the no-ack fallback would have waited is not a schedule worth\n// honouring; with fill-mode `both` an unbounded positive delay holds the overlay hidden.\nconst releasedGateAt = (startAt: number): EmbeddedSurfaceGate => ({\n  ready: true,\n  animationDelayMs: Math.min(startAt - Date.now(), EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS),\n});\n\n/**\n * Holds the surface's opening animation until the host acknowledges it, then reports the delay that\n * aligns the animation with the host's shared start instant. Lives outside the overlay so the gate\n * can hold the child's animation from its very first frame, before the overlay content mounts and\n * announces.\n */\nexport const useEmbeddedSurfaceGate = (surfaceId: string, isOpen: boolean): EmbeddedSurfaceGate => {\n  const transport = useEmbeddedSurfaceTransport();\n  const [gate, setGate] = useState(() =>\n    getEmbeddedSurfaceTransport() == null ? RELEASED_GATE : PENDING_GATE,\n  );\n  // The gate stays mounted while closed, so a previous cycle left the surface released. Flip back\n  // to pending during the opening render: an effect would land after the browser has painted a\n  // frame of the entrance animation. Closing leaves the gate untouched so the overlay's animation\n  // declaration is stable while React Aria watches it for an exit animation.\n  const [wasOpen, setWasOpen] = useState(isOpen);\n  if (wasOpen !== isOpen) {\n    setWasOpen(isOpen);\n    if (isOpen && transport != null) {\n      setGate(PENDING_GATE);\n    }\n  }\n\n  useEffect(() => {\n    if (!transport) {\n      setGate(RELEASED_GATE);\n      return;\n    }\n    if (!isOpen) {\n      return;\n    }\n    const session = getSession(transport);\n    const acknowledgedStartAt = session.acknowledgedAt.get(surfaceId);\n    if (acknowledgedStartAt != null) {\n      setGate(releasedGateAt(acknowledgedStartAt));\n      return;\n    }\n\n    const listeners =\n      session.acknowledgementListeners.get(surfaceId) ?? new Set<(startAt: number) => void>();\n    const unsubscribe = () => {\n      listeners.delete(release);\n      if (listeners.size === 0) {\n        session.acknowledgementListeners.delete(surfaceId);\n      }\n    };\n    // A host that never acknowledges (an older dashboard, or none at all) must not leave the\n    // overlay paused at opacity 0. Once released either way, the animation is running and a later\n    // acknowledgement must not reschedule it.\n    const fallback = window.setTimeout(() => {\n      unsubscribe();\n      setGate(RELEASED_GATE);\n    }, EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS);\n    const release = (startAt: number) => {\n      window.clearTimeout(fallback);\n      unsubscribe();\n      setGate(releasedGateAt(startAt));\n    };\n    listeners.add(release);\n    session.acknowledgementListeners.set(surfaceId, listeners);\n\n    return () => {\n      window.clearTimeout(fallback);\n      unsubscribe();\n    };\n  }, [isOpen, surfaceId, transport]);\n\n  return gate;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useEmbeddedSurface.mjs","names":[],"sources":["../../src/lib/useEmbeddedSurface.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  EMBEDDED_SURFACE_PROTOCOL_VERSION,\n  EMBEDDED_SURFACE_CHANNEL,\n  coerceChildboundEnvelope,\n  type EmbeddedSurfacePayloads,\n} from 'design-system/lib/embeddedSurfaceProtocol';\nimport {\n  getEmbeddedSurfaceTransport,\n  subscribeEmbeddedSurfaceTransportChanges,\n  type EmbeddedSurfaceTransport,\n} from 'design-system/lib/embeddedSurfaceRegistry';\n\nconst SURFACE_REANNOUNCE_INTERVAL_MS = 2000;\nconst HELLO_ROTATION_THRESHOLD = 2;\n/**\n * How long the overlay stays paused waiting for an acknowledgement. It has to outlast the host's\n * animation lead so a slow acknowledgement still gets used rather than raced by this fallback.\n */\nexport const EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS = 80;\n\nlet fallbackId = 0;\ntype SurfaceSession = {\n  connectionId: string;\n  surfaces: Set<string>;\n  leaseTimer?: number;\n  unsubscribe?: () => void;\n  unansweredHellos: number;\n  epoch?: string;\n  /** Acknowledged surfaces, keyed to the shared wall-clock instant their animation starts at. */\n  acknowledgedAt: Map<string, number>;\n  acknowledgementListeners: Map<string, Set<(startAt: number) => void>>;\n};\nconst sessions = new WeakMap<EmbeddedSurfaceTransport, SurfaceSession>();\n\nconst mintId = (prefix: string): string => {\n  const randomUUID =\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\n      ? crypto.randomUUID()\n      : undefined;\n  if (randomUUID) {\n    return `${prefix}-${randomUUID}`;\n  }\n  fallbackId += 1;\n  return `${prefix}-${fallbackId.toString(36)}`;\n};\n\nconst getSession = (transport: EmbeddedSurfaceTransport) => {\n  const current = sessions.get(transport);\n  if (current) {\n    return current;\n  }\n  const session: SurfaceSession = {\n    connectionId: mintId('connection'),\n    surfaces: new Set<string>(),\n    unansweredHellos: 0,\n    acknowledgedAt: new Map<string, number>(),\n    acknowledgementListeners: new Map<string, Set<(startAt: number) => void>>(),\n  };\n  sessions.set(transport, session);\n  return session;\n};\n\nconst send = (\n  transport: EmbeddedSurfaceTransport,\n  session: SurfaceSession,\n  kind: 'hello' | 'surfaceSnapshot',\n  payload: EmbeddedSurfacePayloads['hello'] | EmbeddedSurfacePayloads['surfaceSnapshot'],\n) => {\n  transport.send({\n    channel: EMBEDDED_SURFACE_CHANNEL,\n    version: EMBEDDED_SURFACE_PROTOCOL_VERSION,\n    connectionId: session.connectionId,\n    kind,\n    payload,\n  });\n};\n\nconst sendSnapshot = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.epoch == null) {\n    return;\n  }\n  send(transport, session, 'surfaceSnapshot', {\n    epoch: session.epoch,\n    surfaces: Array.from(session.surfaces, (surfaceId) => ({ surfaceId })),\n    awaitsAck: true,\n  });\n};\n\nconst rotateConnection = (session: SurfaceSession) => {\n  // The host may have retired this connectionId in its LRU, so hellos stay dropped\n  // until a fresh connectionId is minted.\n  session.connectionId = mintId('connection');\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n};\n\nconst acknowledgeSurface = (session: SurfaceSession, surfaceId: string, startAt: number) => {\n  if (session.acknowledgedAt.has(surfaceId)) {\n    return;\n  }\n  session.acknowledgedAt.set(surfaceId, startAt);\n  session.acknowledgementListeners.get(surfaceId)?.forEach((listener) => listener(startAt));\n};\n\nconst startSurfaceLease = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.leaseTimer != null) {\n    return;\n  }\n  // Re-announces active surfaces to renew the host's lease. If the child stops\n  // running, announcements cease and the host releases shell effects after timeout.\n  session.leaseTimer = window.setInterval(() => {\n    session.unansweredHellos += 1;\n    if (session.unansweredHellos >= HELLO_ROTATION_THRESHOLD) {\n      rotateConnection(session);\n    }\n    send(transport, session, 'hello', {});\n    sendSnapshot(transport, session);\n  }, SURFACE_REANNOUNCE_INTERVAL_MS);\n};\n\nconst stopSurfaceLease = (session: SurfaceSession) => {\n  if (session.leaseTimer == null) {\n    return;\n  }\n  window.clearInterval(session.leaseTimer);\n  session.leaseTimer = undefined;\n};\n\nconst activateSession = (transport: EmbeddedSurfaceTransport, session: SurfaceSession) => {\n  if (session.unsubscribe != null) {\n    return;\n  }\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n  session.unsubscribe = transport.subscribe((message) => {\n    const childbound = coerceChildboundEnvelope(message);\n    if (!childbound || childbound.connectionId !== session.connectionId) {\n      return;\n    }\n    session.unansweredHellos = 0;\n    if (childbound.kind === 'welcome') {\n      if (session.epoch !== childbound.payload.epoch) {\n        session.acknowledgedAt.clear();\n      }\n      session.epoch = childbound.payload.epoch;\n      sendSnapshot(transport, session);\n      return;\n    }\n    if (childbound.payload.epoch !== session.epoch) {\n      return;\n    }\n    if (childbound.kind !== 'surfaceAck') {\n      return;\n    }\n    childbound.payload.surfaces.forEach(({ surfaceId }) => {\n      acknowledgeSurface(session, surfaceId, childbound.payload.startAt);\n    });\n  });\n  send(transport, session, 'hello', {});\n};\n\nconst deactivateSession = (session: SurfaceSession) => {\n  session.unsubscribe?.();\n  session.unsubscribe = undefined;\n  stopSurfaceLease(session);\n  session.epoch = undefined;\n  session.acknowledgedAt.clear();\n  session.unansweredHellos = 0;\n};\n\nconst useEmbeddedSurfaceTransport = (): EmbeddedSurfaceTransport | null => {\n  const [transport, setTransport] = useState<EmbeddedSurfaceTransport | null>(\n    getEmbeddedSurfaceTransport,\n  );\n\n  useEffect(() => {\n    const unsubscribe = subscribeEmbeddedSurfaceTransportChanges(() => {\n      setTransport(getEmbeddedSurfaceTransport());\n    });\n    // A transport can register between render and this effect, and the registry only\n    // notifies on change, so reconcile once the subscription is installed.\n    setTransport(getEmbeddedSurfaceTransport());\n    return unsubscribe;\n  }, []);\n\n  return transport;\n};\n\n/** Mints an id for a surface whose registration and host gate live in separate components. */\nexport const useEmbeddedSurfaceId = (): string => {\n  const [surfaceId] = useState(() => mintId('surface'));\n  return surfaceId;\n};\n\n/**\n * Announces the surface to the host for as long as the caller is mounted. Callers must render\n * only while their overlay is on screen: the host dims the shell around every announced surface,\n * and holding the announcement through React Aria's exit animation is what keeps the two halves\n * of the dim disappearing together.\n */\nexport default function useEmbeddedSurface(surfaceId?: string): void {\n  const transport = useEmbeddedSurfaceTransport();\n  const fallbackSurfaceId = useEmbeddedSurfaceId();\n  const ownSurfaceId = surfaceId ?? fallbackSurfaceId;\n\n  useEffect(() => {\n    if (!transport) {\n      return;\n    }\n    const session = getSession(transport);\n    activateSession(transport, session);\n    session.surfaces.add(ownSurfaceId);\n    if (session.surfaces.size === 1) {\n      startSurfaceLease(transport, session);\n    }\n    if (session.epoch != null) {\n      sendSnapshot(transport, session);\n    }\n\n    return () => {\n      session.surfaces.delete(ownSurfaceId);\n      session.acknowledgedAt.delete(ownSurfaceId);\n      if (session.surfaces.size === 0) {\n        if (session.epoch != null) {\n          sendSnapshot(transport, session);\n        }\n        deactivateSession(session);\n      } else {\n        sendSnapshot(transport, session);\n      }\n    };\n  }, [ownSurfaceId, transport]);\n\n  useEffect(() => {\n    if (!transport) {\n      return;\n    }\n    let active = true;\n    let pendingAnimationFrame: number | null = null;\n    const handleFocusOut = (event: FocusEvent) => {\n      if (event.relatedTarget != null) {\n        return;\n      }\n      event.stopImmediatePropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n      const target = event.target;\n      if (pendingAnimationFrame != null) {\n        cancelAnimationFrame(pendingAnimationFrame);\n      }\n      pendingAnimationFrame = requestAnimationFrame(() => {\n        pendingAnimationFrame = null;\n        if (!active || !target.isConnected) {\n          return;\n        }\n        if (\n          document.hasFocus() &&\n          (document.activeElement == null || document.activeElement === document.body)\n        ) {\n          target.focus();\n        }\n      });\n    };\n    document.addEventListener('focusout', handleFocusOut, true);\n    return () => {\n      active = false;\n      if (pendingAnimationFrame != null) {\n        cancelAnimationFrame(pendingAnimationFrame);\n      }\n      document.removeEventListener('focusout', handleFocusOut, true);\n    };\n  }, [transport]);\n}\n\nexport type EmbeddedSurfaceGate = {\n  /** False while the overlay must hold its opening animation paused on its first frame. */\n  ready: boolean;\n  /**\n   * CSS `animation-delay` that lands the overlay's animation on the host's shared start instant.\n   * Negative when the acknowledgement arrived after that instant, so the animation joins in\n   * progress rather than starting late.\n   */\n  animationDelayMs: number;\n};\n\nconst PENDING_GATE: EmbeddedSurfaceGate = { ready: false, animationDelayMs: 0 };\nconst RELEASED_GATE: EmbeddedSurfaceGate = { ready: true, animationDelayMs: 0 };\n// A start instant further out than the no-ack fallback would have waited is not a schedule worth\n// honouring; with fill-mode `both` an unbounded positive delay holds the overlay hidden.\nconst releasedGateAt = (startAt: number): EmbeddedSurfaceGate => ({\n  ready: true,\n  animationDelayMs: Math.min(startAt - Date.now(), EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS),\n});\n\n/**\n * Holds the surface's opening animation until the host acknowledges it, then reports the delay that\n * aligns the animation with the host's shared start instant. Lives outside the overlay so the gate\n * can hold the child's animation from its very first frame, before the overlay content mounts and\n * announces.\n */\nexport const useEmbeddedSurfaceGate = (surfaceId: string, isOpen: boolean): EmbeddedSurfaceGate => {\n  const transport = useEmbeddedSurfaceTransport();\n  const [gate, setGate] = useState(() =>\n    getEmbeddedSurfaceTransport() == null ? RELEASED_GATE : PENDING_GATE,\n  );\n  // The gate stays mounted while closed, so a previous cycle left the surface released. Flip back\n  // to pending during the opening render: an effect would land after the browser has painted a\n  // frame of the entrance animation. Closing leaves the gate untouched so the overlay's animation\n  // declaration is stable while React Aria watches it for an exit animation.\n  const [wasOpen, setWasOpen] = useState(isOpen);\n  if (wasOpen !== isOpen) {\n    setWasOpen(isOpen);\n    if (isOpen && transport != null) {\n      setGate(PENDING_GATE);\n    }\n  }\n\n  useEffect(() => {\n    if (!transport) {\n      setGate(RELEASED_GATE);\n      return;\n    }\n    if (!isOpen) {\n      return;\n    }\n    const session = getSession(transport);\n    const acknowledgedStartAt = session.acknowledgedAt.get(surfaceId);\n    if (acknowledgedStartAt != null) {\n      setGate(releasedGateAt(acknowledgedStartAt));\n      return;\n    }\n\n    const listeners =\n      session.acknowledgementListeners.get(surfaceId) ?? new Set<(startAt: number) => void>();\n    const unsubscribe = () => {\n      listeners.delete(release);\n      if (listeners.size === 0) {\n        session.acknowledgementListeners.delete(surfaceId);\n      }\n    };\n    // A host that never acknowledges (an older dashboard, or none at all) must not leave the\n    // overlay paused at opacity 0. Once released either way, the animation is running and a later\n    // acknowledgement must not reschedule it.\n    const fallback = window.setTimeout(() => {\n      unsubscribe();\n      setGate(RELEASED_GATE);\n    }, EMBEDDED_SURFACE_HOST_ACK_TIMEOUT_MS);\n    const release = (startAt: number) => {\n      window.clearTimeout(fallback);\n      unsubscribe();\n      setGate(releasedGateAt(startAt));\n    };\n    listeners.add(release);\n    session.acknowledgementListeners.set(surfaceId, listeners);\n\n    return () => {\n      window.clearTimeout(fallback);\n      unsubscribe();\n    };\n  }, [isOpen, surfaceId, transport]);\n\n  return gate;\n};\n"],"mappings":";;;;AAcA,MAAM,iCAAiC;AACvC,MAAM,2BAA2B;;;;;AAKjC,MAAa,uCAAuC;AAEpD,IAAI,aAAa;AAYjB,MAAM,2BAAW,IAAI,SAAmD;AAExE,MAAM,UAAU,WAA2B;CACzC,MAAM,aACJ,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,aAC1D,OAAO,YAAY,GACnB,KAAA;AACN,KAAI,WACF,QAAO,GAAG,OAAO,GAAG;AAEtB,eAAc;AACd,QAAO,GAAG,OAAO,GAAG,WAAW,SAAS,GAAG;;AAG7C,MAAM,cAAc,cAAwC;CAC1D,MAAM,UAAU,SAAS,IAAI,UAAU;AACvC,KAAI,QACF,QAAO;CAET,MAAM,UAA0B;EAC9B,cAAc,OAAO,aAAa;EAClC,0BAAU,IAAI,KAAa;EAC3B,kBAAkB;EAClB,gCAAgB,IAAI,KAAqB;EACzC,0CAA0B,IAAI,KAA6C;EAC5E;AACD,UAAS,IAAI,WAAW,QAAQ;AAChC,QAAO;;AAGT,MAAM,QACJ,WACA,SACA,MACA,YACG;AACH,WAAU,KAAK;EACb,SAAS;EACT,SAAA;EACA,cAAc,QAAQ;EACtB;EACA;EACD,CAAC;;AAGJ,MAAM,gBAAgB,WAAqC,YAA4B;AACrF,KAAI,QAAQ,SAAS,KACnB;AAEF,MAAK,WAAW,SAAS,mBAAmB;EAC1C,OAAO,QAAQ;EACf,UAAU,MAAM,KAAK,QAAQ,WAAW,eAAe,EAAE,WAAW,EAAE;EACtE,WAAW;EACZ,CAAC;;AAGJ,MAAM,oBAAoB,YAA4B;AAGpD,SAAQ,eAAe,OAAO,aAAa;AAC3C,SAAQ,QAAQ,KAAA;AAChB,SAAQ,eAAe,OAAO;AAC9B,SAAQ,mBAAmB;;AAG7B,MAAM,sBAAsB,SAAyB,WAAmB,YAAoB;AAC1F,KAAI,QAAQ,eAAe,IAAI,UAAU,CACvC;AAEF,SAAQ,eAAe,IAAI,WAAW,QAAQ;AAC9C,SAAQ,yBAAyB,IAAI,UAAU,EAAE,SAAS,aAAa,SAAS,QAAQ,CAAC;;AAG3F,MAAM,qBAAqB,WAAqC,YAA4B;AAC1F,KAAI,QAAQ,cAAc,KACxB;AAIF,SAAQ,aAAa,OAAO,kBAAkB;AAC5C,UAAQ,oBAAoB;AAC5B,MAAI,QAAQ,oBAAoB,yBAC9B,kBAAiB,QAAQ;AAE3B,OAAK,WAAW,SAAS,SAAS,EAAE,CAAC;AACrC,eAAa,WAAW,QAAQ;IAC/B,+BAA+B;;AAGpC,MAAM,oBAAoB,YAA4B;AACpD,KAAI,QAAQ,cAAc,KACxB;AAEF,QAAO,cAAc,QAAQ,WAAW;AACxC,SAAQ,aAAa,KAAA;;AAGvB,MAAM,mBAAmB,WAAqC,YAA4B;AACxF,KAAI,QAAQ,eAAe,KACzB;AAEF,SAAQ,QAAQ,KAAA;AAChB,SAAQ,eAAe,OAAO;AAC9B,SAAQ,mBAAmB;AAC3B,SAAQ,cAAc,UAAU,WAAW,YAAY;EACrD,MAAM,aAAa,yBAAyB,QAAQ;AACpD,MAAI,CAAC,cAAc,WAAW,iBAAiB,QAAQ,aACrD;AAEF,UAAQ,mBAAmB;AAC3B,MAAI,WAAW,SAAS,WAAW;AACjC,OAAI,QAAQ,UAAU,WAAW,QAAQ,MACvC,SAAQ,eAAe,OAAO;AAEhC,WAAQ,QAAQ,WAAW,QAAQ;AACnC,gBAAa,WAAW,QAAQ;AAChC;;AAEF,MAAI,WAAW,QAAQ,UAAU,QAAQ,MACvC;AAEF,MAAI,WAAW,SAAS,aACtB;AAEF,aAAW,QAAQ,SAAS,SAAS,EAAE,gBAAgB;AACrD,sBAAmB,SAAS,WAAW,WAAW,QAAQ,QAAQ;IAClE;GACF;AACF,MAAK,WAAW,SAAS,SAAS,EAAE,CAAC;;AAGvC,MAAM,qBAAqB,YAA4B;AACrD,SAAQ,eAAe;AACvB,SAAQ,cAAc,KAAA;AACtB,kBAAiB,QAAQ;AACzB,SAAQ,QAAQ,KAAA;AAChB,SAAQ,eAAe,OAAO;AAC9B,SAAQ,mBAAmB;;AAG7B,MAAM,oCAAqE;CACzE,MAAM,CAAC,WAAW,gBAAgB,SAChC,4BACD;AAED,iBAAgB;EACd,MAAM,cAAc,+CAA+C;AACjE,gBAAa,6BAA6B,CAAC;IAC3C;AAGF,eAAa,6BAA6B,CAAC;AAC3C,SAAO;IACN,EAAE,CAAC;AAEN,QAAO;;;AAIT,MAAa,6BAAqC;CAChD,MAAM,CAAC,aAAa,eAAe,OAAO,UAAU,CAAC;AACrD,QAAO;;;;;;;;AAST,SAAwB,mBAAmB,WAA0B;CACnE,MAAM,YAAY,6BAA6B;CAC/C,MAAM,oBAAoB,sBAAsB;CAChD,MAAM,eAAe,aAAa;AAElC,iBAAgB;AACd,MAAI,CAAC,UACH;EAEF,MAAM,UAAU,WAAW,UAAU;AACrC,kBAAgB,WAAW,QAAQ;AACnC,UAAQ,SAAS,IAAI,aAAa;AAClC,MAAI,QAAQ,SAAS,SAAS,EAC5B,mBAAkB,WAAW,QAAQ;AAEvC,MAAI,QAAQ,SAAS,KACnB,cAAa,WAAW,QAAQ;AAGlC,eAAa;AACX,WAAQ,SAAS,OAAO,aAAa;AACrC,WAAQ,eAAe,OAAO,aAAa;AAC3C,OAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,QAAI,QAAQ,SAAS,KACnB,cAAa,WAAW,QAAQ;AAElC,sBAAkB,QAAQ;SAE1B,cAAa,WAAW,QAAQ;;IAGnC,CAAC,cAAc,UAAU,CAAC;AAE7B,iBAAgB;AACd,MAAI,CAAC,UACH;EAEF,IAAI,SAAS;EACb,IAAI,wBAAuC;EAC3C,MAAM,kBAAkB,UAAsB;AAC5C,OAAI,MAAM,iBAAiB,KACzB;AAEF,SAAM,0BAA0B;AAChC,OAAI,EAAE,MAAM,kBAAkB,aAC5B;GAEF,MAAM,SAAS,MAAM;AACrB,OAAI,yBAAyB,KAC3B,sBAAqB,sBAAsB;AAE7C,2BAAwB,4BAA4B;AAClD,4BAAwB;AACxB,QAAI,CAAC,UAAU,CAAC,OAAO,YACrB;AAEF,QACE,SAAS,UAAU,KAClB,SAAS,iBAAiB,QAAQ,SAAS,kBAAkB,SAAS,MAEvE,QAAO,OAAO;KAEhB;;AAEJ,WAAS,iBAAiB,YAAY,gBAAgB,KAAK;AAC3D,eAAa;AACX,YAAS;AACT,OAAI,yBAAyB,KAC3B,sBAAqB,sBAAsB;AAE7C,YAAS,oBAAoB,YAAY,gBAAgB,KAAK;;IAE/D,CAAC,UAAU,CAAC;;AAcjB,MAAM,eAAoC;CAAE,OAAO;CAAO,kBAAkB;CAAG;AAC/E,MAAM,gBAAqC;CAAE,OAAO;CAAM,kBAAkB;CAAG;AAG/E,MAAM,kBAAkB,aAA0C;CAChE,OAAO;CACP,kBAAkB,KAAK,IAAI,UAAU,KAAK,KAAK,EAAA,GAAuC;CACvF;;;;;;;AAQD,MAAa,0BAA0B,WAAmB,WAAyC;CACjG,MAAM,YAAY,6BAA6B;CAC/C,MAAM,CAAC,MAAM,WAAW,eACtB,6BAA6B,IAAI,OAAO,gBAAgB,aACzD;CAKD,MAAM,CAAC,SAAS,cAAc,SAAS,OAAO;AAC9C,KAAI,YAAY,QAAQ;AACtB,aAAW,OAAO;AAClB,MAAI,UAAU,aAAa,KACzB,SAAQ,aAAa;;AAIzB,iBAAgB;AACd,MAAI,CAAC,WAAW;AACd,WAAQ,cAAc;AACtB;;AAEF,MAAI,CAAC,OACH;EAEF,MAAM,UAAU,WAAW,UAAU;EACrC,MAAM,sBAAsB,QAAQ,eAAe,IAAI,UAAU;AACjE,MAAI,uBAAuB,MAAM;AAC/B,WAAQ,eAAe,oBAAoB,CAAC;AAC5C;;EAGF,MAAM,YACJ,QAAQ,yBAAyB,IAAI,UAAU,oBAAI,IAAI,KAAgC;EACzF,MAAM,oBAAoB;AACxB,aAAU,OAAO,QAAQ;AACzB,OAAI,UAAU,SAAS,EACrB,SAAQ,yBAAyB,OAAO,UAAU;;EAMtD,MAAM,WAAW,OAAO,iBAAiB;AACvC,gBAAa;AACb,WAAQ,cAAc;QACgB;EACxC,MAAM,WAAW,YAAoB;AACnC,UAAO,aAAa,SAAS;AAC7B,gBAAa;AACb,WAAQ,eAAe,QAAQ,CAAC;;AAElC,YAAU,IAAI,QAAQ;AACtB,UAAQ,yBAAyB,IAAI,WAAW,UAAU;AAE1D,eAAa;AACX,UAAO,aAAa,SAAS;AAC7B,gBAAa;;IAEd;EAAC;EAAQ;EAAW;EAAU,CAAC;AAElC,QAAO"}

package/dist/lib/useIsOverflow.d.mts

@@ -1,6 +1,6 @@
 import { RefObject } from "react";
 
-//#region lib/useIsOverflow.d.ts
+//#region src/lib/useIsOverflow.d.ts
 declare const useIsOverflow: <T extends HTMLElement>(ref: RefObject<T>) => {
   isOverflowWidth: boolean;
   isOverflowHeight: boolean;

package/dist/lib/useIsOverflow.mjs

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useMemo, useState } from "react";
-//#region lib/useIsOverflow.ts
+//#region src/lib/useIsOverflow.ts
 const INITIAL_STATE = {
 	isOverflowWidth: false,
 	isOverflowHeight: false

package/dist/lib/useIsOverflow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsOverflow.mjs","names":[],"sources":["../../lib/useIsOverflow.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useMemo, useState } from 'react';\n\ntype OverflowState = {\n  isOverflowWidth: boolean;\n  isOverflowHeight: boolean;\n};\n\nconst INITIAL_STATE: OverflowState = { isOverflowWidth: false, isOverflowHeight: false };\n\nconst subscribers = new WeakMap<Element, (state: OverflowState) => void>();\nlet sharedObserver: ResizeObserver | null = null;\n\nconst measureOverflow = (el: HTMLElement): OverflowState => ({\n  isOverflowWidth: el.scrollWidth > el.clientWidth,\n  isOverflowHeight: el.scrollHeight > el.clientHeight,\n});\n\nconst getSharedObserver = (): ResizeObserver => {\n  if (sharedObserver) {\n    return sharedObserver;\n  }\n  sharedObserver = new ResizeObserver((entries) => {\n    const updates: { setter: (state: OverflowState) => void; state: OverflowState }[] = [];\n    for (const entry of entries) {\n      const setter = subscribers.get(entry.target);\n      if (!setter) {\n        continue;\n      }\n      const el = entry.target as HTMLElement;\n      updates.push({\n        setter,\n        state: measureOverflow(el),\n      });\n    }\n    for (const { setter, state } of updates) {\n      setter(state);\n    }\n  });\n  return sharedObserver;\n};\n\nexport const useIsOverflow = <T extends HTMLElement>(ref: RefObject<T>) => {\n  const [state, setState] = useState<OverflowState>(INITIAL_STATE);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      return;\n    }\n\n    const onUpdate = (next: OverflowState) => {\n      setState((prev) =>\n        prev.isOverflowWidth === next.isOverflowWidth &&\n        prev.isOverflowHeight === next.isOverflowHeight\n          ? prev\n          : next,\n      );\n    };\n\n    subscribers.set(node, onUpdate);\n    const observer = getSharedObserver();\n    observer.observe(node);\n    onUpdate(measureOverflow(node));\n\n    return () => {\n      observer.unobserve(node);\n      subscribers.delete(node);\n    };\n  }, [ref]);\n\n  return useMemo(\n    () => ({\n      isOverflowWidth: state.isOverflowWidth,\n      isOverflowHeight: state.isOverflowHeight,\n      isOverflow: state.isOverflowWidth || state.isOverflowHeight,\n    }),\n    [state],\n  );\n};\n"],"mappings":";;AAOA,MAAM,gBAA+B;CAAE,iBAAiB;CAAO,kBAAkB;CAAO;AAExF,MAAM,8BAAc,IAAI,SAAkD;AAC1E,IAAI,iBAAwC;AAE5C,MAAM,mBAAmB,QAAoC;CAC3D,iBAAiB,GAAG,cAAc,GAAG;CACrC,kBAAkB,GAAG,eAAe,GAAG;CACxC;AAED,MAAM,0BAA0C;AAC9C,KAAI,eACF,QAAO;AAET,kBAAiB,IAAI,gBAAgB,YAAY;EAC/C,MAAM,UAA8E,EAAE;AACtF,OAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,SAAS,YAAY,IAAI,MAAM,OAAO;AAC5C,OAAI,CAAC,OACH;GAEF,MAAM,KAAK,MAAM;AACjB,WAAQ,KAAK;IACX;IACA,OAAO,gBAAgB,GAAG;IAC3B,CAAC;;AAEJ,OAAK,MAAM,EAAE,QAAQ,WAAW,QAC9B,QAAO,MAAM;GAEf;AACF,QAAO;;AAGT,MAAa,iBAAwC,QAAsB;CACzE,MAAM,CAAC,OAAO,YAAY,SAAwB,cAAc;AAEhE,uBAAsB;EACpB,MAAM,OAAO,IAAI;AACjB,MAAI,CAAC,KACH;EAGF,MAAM,YAAY,SAAwB;AACxC,aAAU,SACR,KAAK,oBAAoB,KAAK,mBAC9B,KAAK,qBAAqB,KAAK,mBAC3B,OACA,KACL;;AAGH,cAAY,IAAI,MAAM,SAAS;EAC/B,MAAM,WAAW,mBAAmB;AACpC,WAAS,QAAQ,KAAK;AACtB,WAAS,gBAAgB,KAAK,CAAC;AAE/B,eAAa;AACX,YAAS,UAAU,KAAK;AACxB,eAAY,OAAO,KAAK;;IAEzB,CAAC,IAAI,CAAC;AAET,QAAO,eACE;EACL,iBAAiB,MAAM;EACvB,kBAAkB,MAAM;EACxB,YAAY,MAAM,mBAAmB,MAAM;EAC5C,GACD,CAAC,MAAM,CACR"}
+{"version":3,"file":"useIsOverflow.mjs","names":[],"sources":["../../src/lib/useIsOverflow.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useMemo, useState } from 'react';\n\ntype OverflowState = {\n  isOverflowWidth: boolean;\n  isOverflowHeight: boolean;\n};\n\nconst INITIAL_STATE: OverflowState = { isOverflowWidth: false, isOverflowHeight: false };\n\nconst subscribers = new WeakMap<Element, (state: OverflowState) => void>();\nlet sharedObserver: ResizeObserver | null = null;\n\nconst measureOverflow = (el: HTMLElement): OverflowState => ({\n  isOverflowWidth: el.scrollWidth > el.clientWidth,\n  isOverflowHeight: el.scrollHeight > el.clientHeight,\n});\n\nconst getSharedObserver = (): ResizeObserver => {\n  if (sharedObserver) {\n    return sharedObserver;\n  }\n  sharedObserver = new ResizeObserver((entries) => {\n    const updates: { setter: (state: OverflowState) => void; state: OverflowState }[] = [];\n    for (const entry of entries) {\n      const setter = subscribers.get(entry.target);\n      if (!setter) {\n        continue;\n      }\n      const el = entry.target as HTMLElement;\n      updates.push({\n        setter,\n        state: measureOverflow(el),\n      });\n    }\n    for (const { setter, state } of updates) {\n      setter(state);\n    }\n  });\n  return sharedObserver;\n};\n\nexport const useIsOverflow = <T extends HTMLElement>(ref: RefObject<T>) => {\n  const [state, setState] = useState<OverflowState>(INITIAL_STATE);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      return;\n    }\n\n    const onUpdate = (next: OverflowState) => {\n      setState((prev) =>\n        prev.isOverflowWidth === next.isOverflowWidth &&\n        prev.isOverflowHeight === next.isOverflowHeight\n          ? prev\n          : next,\n      );\n    };\n\n    subscribers.set(node, onUpdate);\n    const observer = getSharedObserver();\n    observer.observe(node);\n    onUpdate(measureOverflow(node));\n\n    return () => {\n      observer.unobserve(node);\n      subscribers.delete(node);\n    };\n  }, [ref]);\n\n  return useMemo(\n    () => ({\n      isOverflowWidth: state.isOverflowWidth,\n      isOverflowHeight: state.isOverflowHeight,\n      isOverflow: state.isOverflowWidth || state.isOverflowHeight,\n    }),\n    [state],\n  );\n};\n"],"mappings":";;AAOA,MAAM,gBAA+B;CAAE,iBAAiB;CAAO,kBAAkB;CAAO;AAExF,MAAM,8BAAc,IAAI,SAAkD;AAC1E,IAAI,iBAAwC;AAE5C,MAAM,mBAAmB,QAAoC;CAC3D,iBAAiB,GAAG,cAAc,GAAG;CACrC,kBAAkB,GAAG,eAAe,GAAG;CACxC;AAED,MAAM,0BAA0C;AAC9C,KAAI,eACF,QAAO;AAET,kBAAiB,IAAI,gBAAgB,YAAY;EAC/C,MAAM,UAA8E,EAAE;AACtF,OAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,SAAS,YAAY,IAAI,MAAM,OAAO;AAC5C,OAAI,CAAC,OACH;GAEF,MAAM,KAAK,MAAM;AACjB,WAAQ,KAAK;IACX;IACA,OAAO,gBAAgB,GAAG;IAC3B,CAAC;;AAEJ,OAAK,MAAM,EAAE,QAAQ,WAAW,QAC9B,QAAO,MAAM;GAEf;AACF,QAAO;;AAGT,MAAa,iBAAwC,QAAsB;CACzE,MAAM,CAAC,OAAO,YAAY,SAAwB,cAAc;AAEhE,uBAAsB;EACpB,MAAM,OAAO,IAAI;AACjB,MAAI,CAAC,KACH;EAGF,MAAM,YAAY,SAAwB;AACxC,aAAU,SACR,KAAK,oBAAoB,KAAK,mBAC9B,KAAK,qBAAqB,KAAK,mBAC3B,OACA,KACL;;AAGH,cAAY,IAAI,MAAM,SAAS;EAC/B,MAAM,WAAW,mBAAmB;AACpC,WAAS,QAAQ,KAAK;AACtB,WAAS,gBAAgB,KAAK,CAAC;AAE/B,eAAa;AACX,YAAS,UAAU,KAAK;AACxB,eAAY,OAAO,KAAK;;IAEzB,CAAC,IAAI,CAAC;AAET,QAAO,eACE;EACL,iBAAiB,MAAM;EACvB,kBAAkB,MAAM;EACxB,YAAY,MAAM,mBAAmB,MAAM;EAC5C,GACD,CAAC,MAAM,CACR"}

package/dist/lib/useModalInsetRight.d.mts

@@ -1,4 +1,4 @@
-//#region lib/useModalInsetRight.d.ts
+//#region src/lib/useModalInsetRight.d.ts
 declare const SIDEBAR_OPEN_TRANSITION_MS = 425;
 declare const SIDEBAR_CLOSE_TRANSITION_MS = 200;
 type PanelInsetState = 'closed' | 'opening' | 'open' | 'closing';

package/dist/lib/useModalInsetRight.mjs

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-//#region lib/useModalInsetRight.ts
+//#region src/lib/useModalInsetRight.ts
 const CSS_VAR = "--modal-inset-right";
 const SIDEBAR_OPEN_TRANSITION_MS = 425;
 const SIDEBAR_CLOSE_TRANSITION_MS = 200;

package/dist/lib/useModalInsetRight.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useModalInsetRight.mjs","names":[],"sources":["../../lib/useModalInsetRight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst CSS_VAR = '--modal-inset-right';\n\n// Match AgentsPanel sidebar transition durations\nexport const SIDEBAR_OPEN_TRANSITION_MS = 425;\nexport const SIDEBAR_CLOSE_TRANSITION_MS = 200;\n\nconst getModalInsetRight = () =>\n  getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || '0px';\n\nconst prefersReducedMotion = () =>\n  typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nexport type PanelInsetState = 'closed' | 'opening' | 'open' | 'closing';\n\nexport interface ModalInsetRight {\n  /** Animated inset value — starts at 0px on panel open so CSS transition fires */\n  insetRight: string;\n  panelState: PanelInsetState;\n}\n\n/**\n * Returns the current value of --modal-inset-right from :root, reactively updating\n * as the agents side panel animates open/closed or is resized. Also tracks whether\n * the panel is opening, open, closing, or closed.\n *\n * panelState stays 'opening'/'closing' for the full transition duration so that\n * CSS transitions on consumers have time to animate.\n */\nconst useModalInsetRight = (): ModalInsetRight => {\n  const [insetRight, setInsetRight] = useState(getModalInsetRight);\n  const [panelState, setPanelState] = useState<PanelInsetState>(() =>\n    getModalInsetRight() !== '0px' ? 'open' : 'closed',\n  );\n  const prevInsetRight = useRef(getModalInsetRight());\n  const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const prev = prevInsetRight.current;\n      const next = getModalInsetRight();\n      prevInsetRight.current = next;\n\n      if (prev === '0px' && next !== '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight(next);\n          setPanelState('open');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight('0px');\n          setPanelState('opening');\n          rafRef.current = requestAnimationFrame(() => setInsetRight(next));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('open'),\n            SIDEBAR_OPEN_TRANSITION_MS,\n          );\n        }\n      } else if (prev !== '0px' && next === '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight('0px');\n          setPanelState('closed');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight(prev);\n          setPanelState('closing');\n          rafRef.current = requestAnimationFrame(() => setInsetRight('0px'));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('closed'),\n            SIDEBAR_CLOSE_TRANSITION_MS,\n          );\n        }\n      } else {\n        setInsetRight(next);\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n\n    return () => {\n      observer.disconnect();\n      if (transitionTimerRef.current) {\n        clearTimeout(transitionTimerRef.current);\n      }\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, []);\n\n  return { insetRight, panelState };\n};\n\nexport default useModalInsetRight;\n"],"mappings":";;AAEA,MAAM,UAAU;AAGhB,MAAa,6BAA6B;AAC1C,MAAa,8BAA8B;AAE3C,MAAM,2BACJ,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,QAAQ,CAAC,MAAM,IAAI;AAEjF,MAAM,6BACJ,OAAO,WAAW,eAAe,OAAO,WAAW,mCAAmC,CAAC;;;;;;;;;AAkBzF,MAAM,2BAA4C;CAChD,MAAM,CAAC,YAAY,iBAAiB,SAAS,mBAAmB;CAChE,MAAM,CAAC,YAAY,iBAAiB,eAClC,oBAAoB,KAAK,QAAQ,SAAS,SAC3C;CACD,MAAM,iBAAiB,OAAO,oBAAoB,CAAC;CACnD,MAAM,qBAAqB,OAA6C,KAAK;CAC7E,MAAM,SAAS,OAAsB,KAAK;AAE1C,iBAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,OAAO,eAAe;GAC5B,MAAM,OAAO,oBAAoB;AACjC,kBAAe,UAAU;AAEzB,OAAI,SAAS,SAAS,SAAS,MAC7B,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,KAAK;AACnB,kBAAc,OAAO;UAChB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,MAAM;AACpB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,KAAK,CAAC;AACjE,uBAAmB,UAAU,iBACrB,cAAc,OAAO,EAAA,IAE5B;;YAEM,SAAS,SAAS,SAAS,MACpC,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,MAAM;AACpB,kBAAc,SAAS;UAClB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,KAAK;AACnB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,MAAM,CAAC;AAClE,uBAAmB,UAAU,iBACrB,cAAc,SAAS,EAAA,IAE9B;;OAGH,eAAc,KAAK;IAErB;AAEF,WAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,QAAQ;GAC3B,CAAC;AAEF,eAAa;AACX,YAAS,YAAY;AACrB,OAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,OAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;;IAGvC,EAAE,CAAC;AAEN,QAAO;EAAE;EAAY;EAAY"}
+{"version":3,"file":"useModalInsetRight.mjs","names":[],"sources":["../../src/lib/useModalInsetRight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst CSS_VAR = '--modal-inset-right';\n\n// Match AgentsPanel sidebar transition durations\nexport const SIDEBAR_OPEN_TRANSITION_MS = 425;\nexport const SIDEBAR_CLOSE_TRANSITION_MS = 200;\n\nconst getModalInsetRight = () =>\n  getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || '0px';\n\nconst prefersReducedMotion = () =>\n  typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nexport type PanelInsetState = 'closed' | 'opening' | 'open' | 'closing';\n\nexport interface ModalInsetRight {\n  /** Animated inset value — starts at 0px on panel open so CSS transition fires */\n  insetRight: string;\n  panelState: PanelInsetState;\n}\n\n/**\n * Returns the current value of --modal-inset-right from :root, reactively updating\n * as the agents side panel animates open/closed or is resized. Also tracks whether\n * the panel is opening, open, closing, or closed.\n *\n * panelState stays 'opening'/'closing' for the full transition duration so that\n * CSS transitions on consumers have time to animate.\n */\nconst useModalInsetRight = (): ModalInsetRight => {\n  const [insetRight, setInsetRight] = useState(getModalInsetRight);\n  const [panelState, setPanelState] = useState<PanelInsetState>(() =>\n    getModalInsetRight() !== '0px' ? 'open' : 'closed',\n  );\n  const prevInsetRight = useRef(getModalInsetRight());\n  const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const prev = prevInsetRight.current;\n      const next = getModalInsetRight();\n      prevInsetRight.current = next;\n\n      if (prev === '0px' && next !== '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight(next);\n          setPanelState('open');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight('0px');\n          setPanelState('opening');\n          rafRef.current = requestAnimationFrame(() => setInsetRight(next));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('open'),\n            SIDEBAR_OPEN_TRANSITION_MS,\n          );\n        }\n      } else if (prev !== '0px' && next === '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight('0px');\n          setPanelState('closed');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight(prev);\n          setPanelState('closing');\n          rafRef.current = requestAnimationFrame(() => setInsetRight('0px'));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('closed'),\n            SIDEBAR_CLOSE_TRANSITION_MS,\n          );\n        }\n      } else {\n        setInsetRight(next);\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n\n    return () => {\n      observer.disconnect();\n      if (transitionTimerRef.current) {\n        clearTimeout(transitionTimerRef.current);\n      }\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, []);\n\n  return { insetRight, panelState };\n};\n\nexport default useModalInsetRight;\n"],"mappings":";;AAEA,MAAM,UAAU;AAGhB,MAAa,6BAA6B;AAC1C,MAAa,8BAA8B;AAE3C,MAAM,2BACJ,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,QAAQ,CAAC,MAAM,IAAI;AAEjF,MAAM,6BACJ,OAAO,WAAW,eAAe,OAAO,WAAW,mCAAmC,CAAC;;;;;;;;;AAkBzF,MAAM,2BAA4C;CAChD,MAAM,CAAC,YAAY,iBAAiB,SAAS,mBAAmB;CAChE,MAAM,CAAC,YAAY,iBAAiB,eAClC,oBAAoB,KAAK,QAAQ,SAAS,SAC3C;CACD,MAAM,iBAAiB,OAAO,oBAAoB,CAAC;CACnD,MAAM,qBAAqB,OAA6C,KAAK;CAC7E,MAAM,SAAS,OAAsB,KAAK;AAE1C,iBAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,OAAO,eAAe;GAC5B,MAAM,OAAO,oBAAoB;AACjC,kBAAe,UAAU;AAEzB,OAAI,SAAS,SAAS,SAAS,MAC7B,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,KAAK;AACnB,kBAAc,OAAO;UAChB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,MAAM;AACpB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,KAAK,CAAC;AACjE,uBAAmB,UAAU,iBACrB,cAAc,OAAO,EAAA,IAE5B;;YAEM,SAAS,SAAS,SAAS,MACpC,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,MAAM;AACpB,kBAAc,SAAS;UAClB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,KAAK;AACnB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,MAAM,CAAC;AAClE,uBAAmB,UAAU,iBACrB,cAAc,SAAS,EAAA,IAE9B;;OAGH,eAAc,KAAK;IAErB;AAEF,WAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,QAAQ;GAC3B,CAAC;AAEF,eAAa;AACX,YAAS,YAAY;AACrB,OAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,OAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;;IAGvC,EAAE,CAAC;AAEN,QAAO;EAAE;EAAY;EAAY"}

package/dist/lib/useOutsideClick.d.mts

@@ -1,6 +1,6 @@
 import { RefObject } from "react";
 
-//#region lib/useOutsideClick.d.ts
+//#region src/lib/useOutsideClick.d.ts
 declare const useOutsideClick: ({
   ref,
   onOutsideClick

package/dist/lib/useOutsideClick.mjs

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-//#region lib/useOutsideClick.tsx
+//#region src/lib/useOutsideClick.tsx
 const useOutsideClick = ({ ref, onOutsideClick }) => {
 	useEffect(() => {
 		const handleClick = (event) => {

package/dist/lib/useOutsideClick.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.mjs","names":[],"sources":["../../lib/useOutsideClick.tsx"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nexport const useOutsideClick = ({\n  ref,\n  onOutsideClick,\n}: {\n  ref: RefObject<HTMLElement>;\n  onOutsideClick: (event: MouseEvent) => void;\n}) => {\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [ref, onOutsideClick]);\n};\n"],"mappings":";;AAEA,MAAa,mBAAmB,EAC9B,KACA,qBAII;AACJ,iBAAgB;EACd,MAAM,eAAe,UAAsB;AACzC,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,gBAAe,MAAM;;AAIzB,WAAS,iBAAiB,aAAa,YAAY;AACnD,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;;IAEvD,CAAC,KAAK,eAAe,CAAC"}
+{"version":3,"file":"useOutsideClick.mjs","names":[],"sources":["../../src/lib/useOutsideClick.tsx"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nexport const useOutsideClick = ({\n  ref,\n  onOutsideClick,\n}: {\n  ref: RefObject<HTMLElement>;\n  onOutsideClick: (event: MouseEvent) => void;\n}) => {\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [ref, onOutsideClick]);\n};\n"],"mappings":";;AAEA,MAAa,mBAAmB,EAC9B,KACA,qBAII;AACJ,iBAAgB;EACd,MAAM,eAAe,UAAsB;AACzC,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,gBAAe,MAAM;;AAIzB,WAAS,iBAAiB,aAAa,YAAY;AACnD,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;;IAEvD,CAAC,KAAK,eAAe,CAAC"}

package/dist/lib/useResizablePanel.d.mts

@@ -1,4 +1,4 @@
-//#region lib/useResizablePanel.d.ts
+//#region src/lib/useResizablePanel.d.ts
 declare enum PanelState {
   Drawer = "drawer",
   Maximized = "maximized"

package/dist/lib/useResizablePanel.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from "react";
-//#region lib/useResizablePanel.ts
+//#region src/lib/useResizablePanel.ts
 let PanelState = /* @__PURE__ */ function(PanelState) {
 	PanelState["Drawer"] = "drawer";
 	PanelState["Maximized"] = "maximized";

package/dist/lib/useResizablePanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizablePanel.mjs","names":[],"sources":["../../lib/useResizablePanel.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport enum PanelState {\n  Drawer = 'drawer',\n  Maximized = 'maximized',\n}\n\ninterface UseResizablePanelOptions {\n  initialPanelState?: PanelState;\n  initialSize?: number;\n  /** Smallest size the panel snaps back to when a drag ends below it. */\n  minSize: number;\n  /** Fraction of the available space past which a released drag snaps to maximized. */\n  snapThreshold?: number;\n}\n\nexport interface ResizablePanelState {\n  /** Leave maximized and return to the drawer at `size` (null = `minSize`). */\n  collapse: () => void;\n  /** Open the drawer at the given size. */\n  expandTo: (size: number) => void;\n  /**\n   * Called on every drag frame. `size` is the requested panel size and\n   * `maxSize` the space the panel can grow into; both in px.\n   */\n  handleDragMove: (size: number, maxSize: number) => void;\n  /** Called once when a drag ends; snaps to maximized or back to `minSize`. */\n  handleDragRelease: () => void;\n  maximize: () => void;\n  panelState: PanelState;\n  /**\n   * Return from maximized to the drawer size the panel had before maximizing\n   * (for a drag that snapped to maximized, the size when the drag started).\n   */\n  restore: () => void;\n  size: number | null;\n  toggleMaximized: () => void;\n}\n\n/**\n * Size and maximize/restore state for a resizable panel. Coordinates are\n * caller-supplied sizes, so the hook works for both viewport- and\n * container-anchored panels.\n */\nexport const useResizablePanel = ({\n  initialPanelState = PanelState.Drawer,\n  initialSize,\n  minSize,\n  snapThreshold = 0.95,\n}: UseResizablePanelOptions): ResizablePanelState => {\n  const [size, setSize] = useState<number | null>(initialSize ?? null);\n  const [panelState, setPanelState] = useState<PanelState>(initialPanelState);\n  const maxSizeRef = useRef<number | null>(null);\n  const dragStartSizeRef = useRef<number | null>(null);\n  const sizeBeforeMaximizeRef = useRef<number | null>(\n    initialPanelState === PanelState.Maximized ? (initialSize ?? null) : null,\n  );\n\n  const maximize = useCallback(() => {\n    if (panelState !== PanelState.Maximized) {\n      sizeBeforeMaximizeRef.current = size;\n    }\n    setPanelState(PanelState.Maximized);\n  }, [panelState, size]);\n\n  const restore = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(sizeBeforeMaximizeRef.current ?? minSize);\n  }, [minSize]);\n\n  const toggleMaximized = useCallback(() => {\n    if (panelState === PanelState.Maximized) {\n      restore();\n    } else {\n      maximize();\n    }\n  }, [maximize, panelState, restore]);\n\n  const collapse = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(null);\n  }, []);\n\n  const expandTo = useCallback((nextSize: number) => {\n    setPanelState(PanelState.Drawer);\n    setSize(nextSize);\n  }, []);\n\n  const handleDragMove = useCallback(\n    (nextSize: number, maxSize: number) => {\n      if (maxSizeRef.current == null) {\n        dragStartSizeRef.current = panelState === PanelState.Maximized ? null : size;\n      }\n      maxSizeRef.current = maxSize;\n      setPanelState(PanelState.Drawer);\n      setSize(Math.max(0, Math.min(nextSize, maxSize)));\n    },\n    [panelState, size],\n  );\n\n  const handleDragRelease = useCallback(() => {\n    const maxSize = maxSizeRef.current;\n    const dragStartSize = dragStartSizeRef.current;\n    maxSizeRef.current = null;\n    dragStartSizeRef.current = null;\n    if (size == null || maxSize == null) {\n      return;\n    }\n\n    if (size > maxSize * snapThreshold) {\n      sizeBeforeMaximizeRef.current = dragStartSize;\n      setPanelState(PanelState.Maximized);\n    } else if (size < minSize) {\n      setSize(minSize);\n    }\n  }, [minSize, size, snapThreshold]);\n\n  return {\n    collapse,\n    expandTo,\n    handleDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  };\n};\n"],"mappings":";;AAEA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,YAAA;AACA,YAAA,eAAA;;KACD;;;;;;AAuCD,MAAa,qBAAqB,EAChC,oBAAA,UACA,aACA,SACA,gBAAgB,UACmC;CACnD,MAAM,CAAC,MAAM,WAAW,SAAwB,eAAe,KAAK;CACpE,MAAM,CAAC,YAAY,iBAAiB,SAAqB,kBAAkB;CAC3E,MAAM,aAAa,OAAsB,KAAK;CAC9C,MAAM,mBAAmB,OAAsB,KAAK;CACpD,MAAM,wBAAwB,OAC5B,sBAAA,cAA8C,eAAe,OAAQ,KACtE;CAED,MAAM,WAAW,kBAAkB;AACjC,MAAI,eAAA,YACF,uBAAsB,UAAU;AAElC,gBAAA,YAAmC;IAClC,CAAC,YAAY,KAAK,CAAC;CAEtB,MAAM,UAAU,kBAAkB;AAChC,gBAAA,SAAgC;AAChC,UAAQ,sBAAsB,WAAW,QAAQ;IAChD,CAAC,QAAQ,CAAC;CAEb,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,eAAA,YACF,UAAS;MAET,WAAU;IAEX;EAAC;EAAU;EAAY;EAAQ,CAAC;AAyCnC,QAAO;EACL,UAxCe,kBAAkB;AACjC,iBAAA,SAAgC;AAChC,WAAQ,KAAK;KACZ,EAAE,CAqCK;EACR,UApCe,aAAa,aAAqB;AACjD,iBAAA,SAAgC;AAChC,WAAQ,SAAS;KAChB,EAAE,CAiCK;EACR,gBAhCqB,aACpB,UAAkB,YAAoB;AACrC,OAAI,WAAW,WAAW,KACxB,kBAAiB,UAAU,eAAA,cAAsC,OAAO;AAE1E,cAAW,UAAU;AACrB,iBAAA,SAAgC;AAChC,WAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,QAAQ,CAAC,CAAC;KAEnD,CAAC,YAAY,KAAK,CAuBJ;EACd,mBArBwB,kBAAkB;GAC1C,MAAM,UAAU,WAAW;GAC3B,MAAM,gBAAgB,iBAAiB;AACvC,cAAW,UAAU;AACrB,oBAAiB,UAAU;AAC3B,OAAI,QAAQ,QAAQ,WAAW,KAC7B;AAGF,OAAI,OAAO,UAAU,eAAe;AAClC,0BAAsB,UAAU;AAChC,kBAAA,YAAmC;cAC1B,OAAO,QAChB,SAAQ,QAAQ;KAEjB;GAAC;GAAS;GAAM;GAAc,CAMd;EACjB;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useResizablePanel.mjs","names":[],"sources":["../../src/lib/useResizablePanel.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport enum PanelState {\n  Drawer = 'drawer',\n  Maximized = 'maximized',\n}\n\ninterface UseResizablePanelOptions {\n  initialPanelState?: PanelState;\n  initialSize?: number;\n  /** Smallest size the panel snaps back to when a drag ends below it. */\n  minSize: number;\n  /** Fraction of the available space past which a released drag snaps to maximized. */\n  snapThreshold?: number;\n}\n\nexport interface ResizablePanelState {\n  /** Leave maximized and return to the drawer at `size` (null = `minSize`). */\n  collapse: () => void;\n  /** Open the drawer at the given size. */\n  expandTo: (size: number) => void;\n  /**\n   * Called on every drag frame. `size` is the requested panel size and\n   * `maxSize` the space the panel can grow into; both in px.\n   */\n  handleDragMove: (size: number, maxSize: number) => void;\n  /** Called once when a drag ends; snaps to maximized or back to `minSize`. */\n  handleDragRelease: () => void;\n  maximize: () => void;\n  panelState: PanelState;\n  /**\n   * Return from maximized to the drawer size the panel had before maximizing\n   * (for a drag that snapped to maximized, the size when the drag started).\n   */\n  restore: () => void;\n  size: number | null;\n  toggleMaximized: () => void;\n}\n\n/**\n * Size and maximize/restore state for a resizable panel. Coordinates are\n * caller-supplied sizes, so the hook works for both viewport- and\n * container-anchored panels.\n */\nexport const useResizablePanel = ({\n  initialPanelState = PanelState.Drawer,\n  initialSize,\n  minSize,\n  snapThreshold = 0.95,\n}: UseResizablePanelOptions): ResizablePanelState => {\n  const [size, setSize] = useState<number | null>(initialSize ?? null);\n  const [panelState, setPanelState] = useState<PanelState>(initialPanelState);\n  const maxSizeRef = useRef<number | null>(null);\n  const dragStartSizeRef = useRef<number | null>(null);\n  const sizeBeforeMaximizeRef = useRef<number | null>(\n    initialPanelState === PanelState.Maximized ? (initialSize ?? null) : null,\n  );\n\n  const maximize = useCallback(() => {\n    if (panelState !== PanelState.Maximized) {\n      sizeBeforeMaximizeRef.current = size;\n    }\n    setPanelState(PanelState.Maximized);\n  }, [panelState, size]);\n\n  const restore = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(sizeBeforeMaximizeRef.current ?? minSize);\n  }, [minSize]);\n\n  const toggleMaximized = useCallback(() => {\n    if (panelState === PanelState.Maximized) {\n      restore();\n    } else {\n      maximize();\n    }\n  }, [maximize, panelState, restore]);\n\n  const collapse = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(null);\n  }, []);\n\n  const expandTo = useCallback((nextSize: number) => {\n    setPanelState(PanelState.Drawer);\n    setSize(nextSize);\n  }, []);\n\n  const handleDragMove = useCallback(\n    (nextSize: number, maxSize: number) => {\n      if (maxSizeRef.current == null) {\n        dragStartSizeRef.current = panelState === PanelState.Maximized ? null : size;\n      }\n      maxSizeRef.current = maxSize;\n      setPanelState(PanelState.Drawer);\n      setSize(Math.max(0, Math.min(nextSize, maxSize)));\n    },\n    [panelState, size],\n  );\n\n  const handleDragRelease = useCallback(() => {\n    const maxSize = maxSizeRef.current;\n    const dragStartSize = dragStartSizeRef.current;\n    maxSizeRef.current = null;\n    dragStartSizeRef.current = null;\n    if (size == null || maxSize == null) {\n      return;\n    }\n\n    if (size > maxSize * snapThreshold) {\n      sizeBeforeMaximizeRef.current = dragStartSize;\n      setPanelState(PanelState.Maximized);\n    } else if (size < minSize) {\n      setSize(minSize);\n    }\n  }, [minSize, size, snapThreshold]);\n\n  return {\n    collapse,\n    expandTo,\n    handleDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  };\n};\n"],"mappings":";;AAEA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,YAAA;AACA,YAAA,eAAA;;KACD;;;;;;AAuCD,MAAa,qBAAqB,EAChC,oBAAA,UACA,aACA,SACA,gBAAgB,UACmC;CACnD,MAAM,CAAC,MAAM,WAAW,SAAwB,eAAe,KAAK;CACpE,MAAM,CAAC,YAAY,iBAAiB,SAAqB,kBAAkB;CAC3E,MAAM,aAAa,OAAsB,KAAK;CAC9C,MAAM,mBAAmB,OAAsB,KAAK;CACpD,MAAM,wBAAwB,OAC5B,sBAAA,cAA8C,eAAe,OAAQ,KACtE;CAED,MAAM,WAAW,kBAAkB;AACjC,MAAI,eAAA,YACF,uBAAsB,UAAU;AAElC,gBAAA,YAAmC;IAClC,CAAC,YAAY,KAAK,CAAC;CAEtB,MAAM,UAAU,kBAAkB;AAChC,gBAAA,SAAgC;AAChC,UAAQ,sBAAsB,WAAW,QAAQ;IAChD,CAAC,QAAQ,CAAC;CAEb,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,eAAA,YACF,UAAS;MAET,WAAU;IAEX;EAAC;EAAU;EAAY;EAAQ,CAAC;AAyCnC,QAAO;EACL,UAxCe,kBAAkB;AACjC,iBAAA,SAAgC;AAChC,WAAQ,KAAK;KACZ,EAAE,CAqCK;EACR,UApCe,aAAa,aAAqB;AACjD,iBAAA,SAAgC;AAChC,WAAQ,SAAS;KAChB,EAAE,CAiCK;EACR,gBAhCqB,aACpB,UAAkB,YAAoB;AACrC,OAAI,WAAW,WAAW,KACxB,kBAAiB,UAAU,eAAA,cAAsC,OAAO;AAE1E,cAAW,UAAU;AACrB,iBAAA,SAAgC;AAChC,WAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,QAAQ,CAAC,CAAC;KAEnD,CAAC,YAAY,KAAK,CAuBJ;EACd,mBArBwB,kBAAkB;GAC1C,MAAM,UAAU,WAAW;GAC3B,MAAM,gBAAgB,iBAAiB;AACvC,cAAW,UAAU;AACrB,oBAAiB,UAAU;AAC3B,OAAI,QAAQ,QAAQ,WAAW,KAC7B;AAGF,OAAI,OAAO,UAAU,eAAe;AAClC,0BAAsB,UAAU;AAChC,kBAAA,YAAmC;cAC1B,OAAO,QAChB,SAAQ,QAAQ;KAEjB;GAAC;GAAS;GAAM;GAAc,CAMd;EACjB;EACA;EACA;EACA;EACA;EACD"}

package/dist/lib/useScrollOverflow.d.mts

@@ -1,6 +1,6 @@
 import { RefObject } from "react";
 
-//#region lib/useScrollOverflow.d.ts
+//#region src/lib/useScrollOverflow.d.ts
 interface UseScrollOverflowOptions {
   /**
    * When false, the hook short-circuits — no listeners are attached and

package/dist/lib/useScrollOverflow.mjs

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-//#region lib/useScrollOverflow.ts
+//#region src/lib/useScrollOverflow.ts
 const NO_SCROLLBARS = {
 	vertical: 0,
 	horizontal: 0

package/dist/lib/useScrollOverflow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollOverflow.mjs","names":[],"sources":["../../lib/useScrollOverflow.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\ninterface UseScrollOverflowOptions {\n  /**\n   * When false, the hook short-circuits — no listeners are attached and\n   * both flags stay `false`. Use to opt out when the consumer is in a\n   * fixed-layout / no-overflow mode where overflow detection is wasted\n   * work, or when the scroll container is not yet mounted (e.g. gated\n   * behind conditional render).\n   */\n  enabled?: boolean;\n}\n\nconst NO_SCROLLBARS = { vertical: 0, horizontal: 0 };\n\n/**\n * Tracks the horizontal-overflow state of a scroll container.\n *\n * - `hasHorizontalOverflow` — true while the content is wider than the box.\n * - `hasMoreScrollLeft` — true while the user has not yet scrolled to the\n *   left edge. Drives the left-edge fade affordance.\n * - `hasMoreScrollRight` — true while the user has not yet scrolled to the\n *   right edge. Drives the right-edge fade affordance.\n * - `scrollbarSize` — space the scrollbars take inside the box, in pixels.\n *   Zero on platforms with overlay scrollbars. Edge affordances inset\n *   themselves by this so they don't cover the scrollbars.\n *\n * Listens to `scroll` on the element, size changes via `ResizeObserver`,\n * and content changes via `MutationObserver` (child add/remove and text\n * changes within existing descendants).\n */\nexport const useScrollOverflow = (\n  ref: RefObject<HTMLElement>,\n  { enabled = true }: UseScrollOverflowOptions = {},\n) => {\n  const [hasHorizontalOverflow, setHasHorizontalOverflow] = useState(false);\n  const [hasMoreScrollLeft, setHasMoreScrollLeft] = useState(false);\n  const [hasMoreScrollRight, setHasMoreScrollRight] = useState(false);\n  const [scrollbarSize, setScrollbarSize] = useState(NO_SCROLLBARS);\n\n  useEffect(() => {\n    if (!enabled) {\n      setHasHorizontalOverflow(false);\n      setHasMoreScrollLeft(false);\n      setHasMoreScrollRight(false);\n      setScrollbarSize(NO_SCROLLBARS);\n      return undefined;\n    }\n    const el = ref.current;\n    if (!el) {\n      return undefined;\n    }\n    const update = () => {\n      // 1px tolerance for sub-pixel rounding on fractional layouts.\n      setHasHorizontalOverflow(el.scrollWidth > el.clientWidth + 1);\n      setHasMoreScrollLeft(el.scrollLeft > 1);\n      setHasMoreScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n      setScrollbarSize((current) => {\n        // Borders widen `offsetWidth` past `clientWidth` alongside the\n        // scrollbars, so they have to come back out of the difference.\n        const style = getComputedStyle(el);\n        const borderX = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);\n        const borderY = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);\n        const vertical = Math.max(0, el.offsetWidth - el.clientWidth - borderX);\n        const horizontal = Math.max(0, el.offsetHeight - el.clientHeight - borderY);\n        return current.vertical === vertical && current.horizontal === horizontal\n          ? current\n          : { vertical, horizontal };\n      });\n    };\n    update();\n    el.addEventListener('scroll', update, { passive: true });\n    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : null;\n    ro?.observe(el);\n    const mo = typeof MutationObserver !== 'undefined' ? new MutationObserver(update) : null;\n    mo?.observe(el, { characterData: true, childList: true, subtree: true });\n    return () => {\n      el.removeEventListener('scroll', update);\n      ro?.disconnect();\n      mo?.disconnect();\n    };\n  }, [ref, enabled]);\n\n  return { hasHorizontalOverflow, hasMoreScrollLeft, hasMoreScrollRight, scrollbarSize };\n};\n"],"mappings":";;AAaA,MAAM,gBAAgB;CAAE,UAAU;CAAG,YAAY;CAAG;;;;;;;;;;;;;;;;;AAkBpD,MAAa,qBACX,KACA,EAAE,UAAU,SAAmC,EAAE,KAC9C;CACH,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,MAAM;CACzE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CACnE,MAAM,CAAC,eAAe,oBAAoB,SAAS,cAAc;AAEjE,iBAAgB;AACd,MAAI,CAAC,SAAS;AACZ,4BAAyB,MAAM;AAC/B,wBAAqB,MAAM;AAC3B,yBAAsB,MAAM;AAC5B,oBAAiB,cAAc;AAC/B;;EAEF,MAAM,KAAK,IAAI;AACf,MAAI,CAAC,GACH;EAEF,MAAM,eAAe;AAEnB,4BAAyB,GAAG,cAAc,GAAG,cAAc,EAAE;AAC7D,wBAAqB,GAAG,aAAa,EAAE;AACvC,yBAAsB,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,EAAE;AAC1E,qBAAkB,YAAY;IAG5B,MAAM,QAAQ,iBAAiB,GAAG;IAClC,MAAM,UAAU,WAAW,MAAM,gBAAgB,GAAG,WAAW,MAAM,iBAAiB;IACtF,MAAM,UAAU,WAAW,MAAM,eAAe,GAAG,WAAW,MAAM,kBAAkB;IACtF,MAAM,WAAW,KAAK,IAAI,GAAG,GAAG,cAAc,GAAG,cAAc,QAAQ;IACvE,MAAM,aAAa,KAAK,IAAI,GAAG,GAAG,eAAe,GAAG,eAAe,QAAQ;AAC3E,WAAO,QAAQ,aAAa,YAAY,QAAQ,eAAe,aAC3D,UACA;KAAE;KAAU;KAAY;KAC5B;;AAEJ,UAAQ;AACR,KAAG,iBAAiB,UAAU,QAAQ,EAAE,SAAS,MAAM,CAAC;EACxD,MAAM,KAAK,OAAO,mBAAmB,cAAc,IAAI,eAAe,OAAO,GAAG;AAChF,MAAI,QAAQ,GAAG;EACf,MAAM,KAAK,OAAO,qBAAqB,cAAc,IAAI,iBAAiB,OAAO,GAAG;AACpF,MAAI,QAAQ,IAAI;GAAE,eAAe;GAAM,WAAW;GAAM,SAAS;GAAM,CAAC;AACxE,eAAa;AACX,MAAG,oBAAoB,UAAU,OAAO;AACxC,OAAI,YAAY;AAChB,OAAI,YAAY;;IAEjB,CAAC,KAAK,QAAQ,CAAC;AAElB,QAAO;EAAE;EAAuB;EAAmB;EAAoB;EAAe"}
+{"version":3,"file":"useScrollOverflow.mjs","names":[],"sources":["../../src/lib/useScrollOverflow.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\ninterface UseScrollOverflowOptions {\n  /**\n   * When false, the hook short-circuits — no listeners are attached and\n   * both flags stay `false`. Use to opt out when the consumer is in a\n   * fixed-layout / no-overflow mode where overflow detection is wasted\n   * work, or when the scroll container is not yet mounted (e.g. gated\n   * behind conditional render).\n   */\n  enabled?: boolean;\n}\n\nconst NO_SCROLLBARS = { vertical: 0, horizontal: 0 };\n\n/**\n * Tracks the horizontal-overflow state of a scroll container.\n *\n * - `hasHorizontalOverflow` — true while the content is wider than the box.\n * - `hasMoreScrollLeft` — true while the user has not yet scrolled to the\n *   left edge. Drives the left-edge fade affordance.\n * - `hasMoreScrollRight` — true while the user has not yet scrolled to the\n *   right edge. Drives the right-edge fade affordance.\n * - `scrollbarSize` — space the scrollbars take inside the box, in pixels.\n *   Zero on platforms with overlay scrollbars. Edge affordances inset\n *   themselves by this so they don't cover the scrollbars.\n *\n * Listens to `scroll` on the element, size changes via `ResizeObserver`,\n * and content changes via `MutationObserver` (child add/remove and text\n * changes within existing descendants).\n */\nexport const useScrollOverflow = (\n  ref: RefObject<HTMLElement>,\n  { enabled = true }: UseScrollOverflowOptions = {},\n) => {\n  const [hasHorizontalOverflow, setHasHorizontalOverflow] = useState(false);\n  const [hasMoreScrollLeft, setHasMoreScrollLeft] = useState(false);\n  const [hasMoreScrollRight, setHasMoreScrollRight] = useState(false);\n  const [scrollbarSize, setScrollbarSize] = useState(NO_SCROLLBARS);\n\n  useEffect(() => {\n    if (!enabled) {\n      setHasHorizontalOverflow(false);\n      setHasMoreScrollLeft(false);\n      setHasMoreScrollRight(false);\n      setScrollbarSize(NO_SCROLLBARS);\n      return undefined;\n    }\n    const el = ref.current;\n    if (!el) {\n      return undefined;\n    }\n    const update = () => {\n      // 1px tolerance for sub-pixel rounding on fractional layouts.\n      setHasHorizontalOverflow(el.scrollWidth > el.clientWidth + 1);\n      setHasMoreScrollLeft(el.scrollLeft > 1);\n      setHasMoreScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n      setScrollbarSize((current) => {\n        // Borders widen `offsetWidth` past `clientWidth` alongside the\n        // scrollbars, so they have to come back out of the difference.\n        const style = getComputedStyle(el);\n        const borderX = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);\n        const borderY = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);\n        const vertical = Math.max(0, el.offsetWidth - el.clientWidth - borderX);\n        const horizontal = Math.max(0, el.offsetHeight - el.clientHeight - borderY);\n        return current.vertical === vertical && current.horizontal === horizontal\n          ? current\n          : { vertical, horizontal };\n      });\n    };\n    update();\n    el.addEventListener('scroll', update, { passive: true });\n    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : null;\n    ro?.observe(el);\n    const mo = typeof MutationObserver !== 'undefined' ? new MutationObserver(update) : null;\n    mo?.observe(el, { characterData: true, childList: true, subtree: true });\n    return () => {\n      el.removeEventListener('scroll', update);\n      ro?.disconnect();\n      mo?.disconnect();\n    };\n  }, [ref, enabled]);\n\n  return { hasHorizontalOverflow, hasMoreScrollLeft, hasMoreScrollRight, scrollbarSize };\n};\n"],"mappings":";;AAaA,MAAM,gBAAgB;CAAE,UAAU;CAAG,YAAY;CAAG;;;;;;;;;;;;;;;;;AAkBpD,MAAa,qBACX,KACA,EAAE,UAAU,SAAmC,EAAE,KAC9C;CACH,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,MAAM;CACzE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CACnE,MAAM,CAAC,eAAe,oBAAoB,SAAS,cAAc;AAEjE,iBAAgB;AACd,MAAI,CAAC,SAAS;AACZ,4BAAyB,MAAM;AAC/B,wBAAqB,MAAM;AAC3B,yBAAsB,MAAM;AAC5B,oBAAiB,cAAc;AAC/B;;EAEF,MAAM,KAAK,IAAI;AACf,MAAI,CAAC,GACH;EAEF,MAAM,eAAe;AAEnB,4BAAyB,GAAG,cAAc,GAAG,cAAc,EAAE;AAC7D,wBAAqB,GAAG,aAAa,EAAE;AACvC,yBAAsB,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,EAAE;AAC1E,qBAAkB,YAAY;IAG5B,MAAM,QAAQ,iBAAiB,GAAG;IAClC,MAAM,UAAU,WAAW,MAAM,gBAAgB,GAAG,WAAW,MAAM,iBAAiB;IACtF,MAAM,UAAU,WAAW,MAAM,eAAe,GAAG,WAAW,MAAM,kBAAkB;IACtF,MAAM,WAAW,KAAK,IAAI,GAAG,GAAG,cAAc,GAAG,cAAc,QAAQ;IACvE,MAAM,aAAa,KAAK,IAAI,GAAG,GAAG,eAAe,GAAG,eAAe,QAAQ;AAC3E,WAAO,QAAQ,aAAa,YAAY,QAAQ,eAAe,aAC3D,UACA;KAAE;KAAU;KAAY;KAC5B;;AAEJ,UAAQ;AACR,KAAG,iBAAiB,UAAU,QAAQ,EAAE,SAAS,MAAM,CAAC;EACxD,MAAM,KAAK,OAAO,mBAAmB,cAAc,IAAI,eAAe,OAAO,GAAG;AAChF,MAAI,QAAQ,GAAG;EACf,MAAM,KAAK,OAAO,qBAAqB,cAAc,IAAI,iBAAiB,OAAO,GAAG;AACpF,MAAI,QAAQ,IAAI;GAAE,eAAe;GAAM,WAAW;GAAM,SAAS;GAAM,CAAC;AACxE,eAAa;AACX,MAAG,oBAAoB,UAAU,OAAO;AACxC,OAAI,YAAY;AAChB,OAAI,YAAY;;IAEjB,CAAC,KAAK,QAAQ,CAAC;AAElB,QAAO;EAAE;EAAuB;EAAmB;EAAoB;EAAe"}

package/dist/lib/zindex.d.mts

@@ -1,4 +1,4 @@
-//#region lib/zindex.d.ts
+//#region src/lib/zindex.d.ts
 declare const Z_INDICES: {
   readonly withShadow: 1;
   readonly sticky: 2;

package/dist/lib/zindex.mjs

@@ -1,4 +1,4 @@
-//#region lib/zindex.ts
+//#region src/lib/zindex.ts
 const Z_INDICES = {
 	withShadow: 1,
 	sticky: 2,

package/dist/lib/zindex.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zindex.mjs","names":[],"sources":["../../lib/zindex.ts"],"sourcesContent":["/*\n * Prefer adding these values together instead of adding new ones if possible.\n */\nexport const Z_INDICES = {\n  withShadow: 1,\n\n  sticky: 2,\n\n  loadingOverlays: 5,\n\n  tooltip: 10,\n\n  floatingBar: 100,\n\n  /*\n   * The main levels we have in dashboard\n   */\n  topNav: 1000,\n  dropdown: 1001,\n  layeredDropdown: 1002,\n  banner: 2000,\n  sideNav: 3000,\n  topNavTooltip: 3001,\n  embeddedSurfaceBackdrop: 9998,\n  embeddedSurface: 9999,\n  modal: 10000,\n  /*\n   * For elements that should expand out of modals, but NOT cover things like dropdowns\n   */\n  modalElevated: 10001,\n  modalDropdown: 10010,\n  modalDropdownTooltip: 10020,\n  personaAssistant: 10011,\n  /*\n   * Full-app blocking modal overlays that must sit above in-app floating panels and\n   * their portaled UI (e.g. flow editor rule panels at Z_INDICES.modal).\n   */\n  modalBlocking: 10030,\n  toast: 100000,\n} as const;\n\nexport type ZIndex = (typeof Z_INDICES)[keyof typeof Z_INDICES];\n"],"mappings":";AAGA,MAAa,YAAY;CACvB,YAAY;CAEZ,QAAQ;CAER,iBAAiB;CAEjB,SAAS;CAET,aAAa;CAKb,QAAQ;CACR,UAAU;CACV,iBAAiB;CACjB,QAAQ;CACR,SAAS;CACT,eAAe;CACf,yBAAyB;CACzB,iBAAiB;CACjB,OAAO;CAIP,eAAe;CACf,eAAe;CACf,sBAAsB;CACtB,kBAAkB;CAKlB,eAAe;CACf,OAAO;CACR"}
+{"version":3,"file":"zindex.mjs","names":[],"sources":["../../src/lib/zindex.ts"],"sourcesContent":["/*\n * Prefer adding these values together instead of adding new ones if possible.\n */\nexport const Z_INDICES = {\n  withShadow: 1,\n\n  sticky: 2,\n\n  loadingOverlays: 5,\n\n  tooltip: 10,\n\n  floatingBar: 100,\n\n  /*\n   * The main levels we have in dashboard\n   */\n  topNav: 1000,\n  dropdown: 1001,\n  layeredDropdown: 1002,\n  banner: 2000,\n  sideNav: 3000,\n  topNavTooltip: 3001,\n  embeddedSurfaceBackdrop: 9998,\n  embeddedSurface: 9999,\n  modal: 10000,\n  /*\n   * For elements that should expand out of modals, but NOT cover things like dropdowns\n   */\n  modalElevated: 10001,\n  modalDropdown: 10010,\n  modalDropdownTooltip: 10020,\n  personaAssistant: 10011,\n  /*\n   * Full-app blocking modal overlays that must sit above in-app floating panels and\n   * their portaled UI (e.g. flow editor rule panels at Z_INDICES.modal).\n   */\n  modalBlocking: 10030,\n  toast: 100000,\n} as const;\n\nexport type ZIndex = (typeof Z_INDICES)[keyof typeof Z_INDICES];\n"],"mappings":";AAGA,MAAa,YAAY;CACvB,YAAY;CAEZ,QAAQ;CAER,iBAAiB;CAEjB,SAAS;CAET,aAAa;CAKb,QAAQ;CACR,UAAU;CACV,iBAAiB;CACjB,QAAQ;CACR,SAAS;CACT,eAAe;CACf,yBAAyB;CACzB,iBAAiB;CACjB,OAAO;CAIP,eAAe;CACf,eAAe;CACf,sBAAsB;CACtB,kBAAkB;CAKlB,eAAe;CACf,OAAO;CACR"}

package/dist/lint/index.d.mts

@@ -0,0 +1,11 @@
+import { n as Plugin } from "../index-BWAycP6L.mjs";
+
+//#region src/lint/index.d.ts
+/**
+ * The product UI standard's automated checks as an oxlint JS plugin. Load it with
+ * `"jsPlugins": ["@persona/design-system/lint"]` and enable rules as `pds/<rule>`.
+ */
+declare const plugin: Plugin;
+//#endregion
+export { plugin as default };
+//# sourceMappingURL=index.d.mts.map