@adea-ai/ui 0.116.0 → 0.118.0

package/dist/components/conversation/transcript-composition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transcript-composition.js","names":["Accessor","Component","ComponentProps","For","Show","createComponent","createMemo","createSignal","createUniqueId","splitProps","ChevronDown","cn","Button","applyTranscriptRunningState","createTranscriptGrouper","TranscriptDisplayItem","TranscriptRow","TranscriptTurnItem","planTranscriptFold","TranscriptFoldMode","TranscriptMounting","TranscriptFoldState","TranscriptDisplayKind","GroupedTranscript","TranscriptFoldPlan","TranscriptCompositionFold","Readonly","key","mode","mounting","callCount","TranscriptCompositionRowContext","index","displayKind","group","size","turn","id","complete","interim","fold","TranscriptCompositionRendererProps","row","T","context","TranscriptCompositionProps","Omit","rows","renderRow","running","resetKey","foldMode","foldState","onFoldStateChange","state","disclosure","ReadonlyMap","onDisclosureChange","expanded","TurnPresentation","NonNullable","GroupPresentation","FoldGroup","RowRecord","foldControl","TranscriptLayout","controls","RowHandle","get","set","next","last","DisclosureSignal","encodeId","value","encodeURIComponent","transcriptDisclosureKey","firstRowId","String","panelId","instanceId","rowId","buttonId","segmentKey","sameGroup","a","b","sameTurn","sameFold","sameFoldGroup","length","every","sameRecord","firstRow","item","kind","appendTurnItem","indices","into","push","forEach","startIndex","appendDisplayItem","undefined","turnId","items","map","find","child","buildDisclosures","records","defaultMode","scope","flushScope","record","hasInterimTurn","some","hasConclusion","conclusion","plan","settled","foldable","entries","flatMap","entry","anchorId","control","opensTurn","foldLabel","count","subject","TranscriptRowEntry","props","prefix","onToggle","current","disclosureKey","collapsed","disabled","groupIndex","groupSize","renderable","renderHostRow","controlLabel","controlRows","join","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","when","children","type","variant","aria-label","aria-controls","aria-expanded","aria-disabled","onClick","_el$3","_tmpl$2","_$memo","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","o","i","hidden","n","TranscriptComposition","local","rest","grouper","internalFoldState","setInternalFoldState","rowHandles","Map","disclosureSignals","lastResetKey","localDisclosure","signal","disclosureExpanded","grouped","layout","identity","clear","indexByRow","display","handles","live","Set","result","add","handle","keys","has","delete","allControlIds","updateFoldState","updateDisclosure","_el$4","_tmpl$4","_el$6","_$spread","_$mergeProps","data-fold-state","class","_el$5","_tmpl$3","each","createComponent","_$createComponent","_$memo","_$setAttribute","_$mergeProps"],"sources":["../../../src/components/conversation/transcript-composition.tsx"],"sourcesContent":["import type { Accessor, Component, ComponentProps } from 'solid-js'\nimport {\n  For,\n  Show,\n  createComponent,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n} from 'solid-js'\nimport { ChevronDown } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\nimport {\n  applyTranscriptRunningState,\n  createTranscriptGrouper,\n  type TranscriptDisplayItem,\n  type TranscriptRow,\n  type TranscriptTurnItem,\n} from './transcript-grouping'\nimport {\n  planTranscriptFold,\n  type TranscriptFoldMode,\n  type TranscriptMounting,\n} from './transcript-folding'\n\nexport type TranscriptFoldState = 'default' | 'collapsed' | 'expanded'\nexport type TranscriptDisplayKind = 'single' | 'group' | 'turn'\n\nexport type {\n  GroupedTranscript,\n  TranscriptDisplayItem,\n  TranscriptRow,\n  TranscriptTurnItem,\n} from './transcript-grouping'\nexport type {\n  TranscriptFoldMode,\n  TranscriptFoldPlan,\n  TranscriptMounting,\n} from './transcript-folding'\n\nexport type TranscriptCompositionFold = Readonly<{\n  /** Stable host persistence key. Use with `transcriptDisclosureKey` to seed a store. */\n  key: string\n  mode: TranscriptFoldMode\n  mounting: TranscriptMounting\n  /** Distinct host-classified request IDs in this contiguous fold segment. */\n  callCount: number\n}>\n\nexport type TranscriptCompositionRowContext = Readonly<{\n  /** Original index in the caller's row array, including rows hidden by the host. */\n  index: number\n  /** The row's current position in the generic display composition. */\n  displayKind: TranscriptDisplayKind\n  group?: Readonly<{ index: number; size: number }>\n  turn?: Readonly<{\n    /** Derived from the first stable row ID; presentation bookkeeping only. */\n    id: string\n    /** A presentation state, never proof of successful runtime completion. */\n    complete: boolean\n    interim: boolean\n  }>\n  fold?: TranscriptCompositionFold\n}>\n\nexport type TranscriptCompositionRendererProps<T> = Readonly<{\n  /** Reactive Solid prop; a row component keeps its DOM owner stable as values update. */\n  row: TranscriptRow<T>\n  context: TranscriptCompositionRowContext\n}>\n\nexport type TranscriptCompositionProps<T> = Omit<ComponentProps<'div'>, 'children'> & {\n  /** Ordered, already redacted rows with host-supplied semantic classifications. */\n  rows: readonly TranscriptRow<T>[]\n  /** Render one host row. Permission, session, event and protocol authority stay outside this component. */\n  renderRow: Component<TranscriptCompositionRendererProps<T>>\n  /** The host's current run state. Live rows stay mounted and expanded until settled. */\n  running?: boolean\n  /** Reset scope for row identity and disclosure. It is not inferred from display content. */\n  resetKey?: string | number | null\n  /** Default settled fold policy. `tools` keeps prose visible; `prose` retains a proven conclusion. */\n  foldMode?: TranscriptFoldMode\n  /** Global command state. `collapsed` keeps hidden content mounted; prose folds only before a host-marked conclusion. */\n  foldState?: TranscriptFoldState\n  onFoldStateChange?: (state: TranscriptFoldState) => void\n  /** Optional controlled disclosure map keyed by `transcriptDisclosureKey`. */\n  disclosure?: ReadonlyMap<string, boolean>\n  onDisclosureChange?: (key: string, expanded: boolean) => void\n}\n\ntype TurnPresentation = NonNullable<TranscriptCompositionRowContext['turn']>\ntype GroupPresentation = NonNullable<TranscriptCompositionRowContext['group']>\n\ntype FoldGroup<T> = Readonly<{\n  key: string\n  mode: TranscriptFoldMode\n  callCount: number\n  rows: readonly TranscriptRow<T>[]\n}>\n\ntype RowRecord<T> = {\n  row: TranscriptRow<T>\n  index: number\n  displayKind: TranscriptDisplayKind\n  group?: GroupPresentation\n  turn?: TurnPresentation\n  fold?: TranscriptCompositionFold\n  foldControl?: FoldGroup<T>\n}\n\ntype TranscriptLayout<T> = Readonly<{\n  rows: readonly RowRecord<T>[]\n  controls: readonly FoldGroup<T>[]\n}>\n\ntype RowHandle<T> = {\n  key: string\n  get: Accessor<RowRecord<T>>\n  set: (next: RowRecord<T>) => void\n  last: RowRecord<T>\n}\n\ntype DisclosureSignal = Readonly<{\n  get: Accessor<boolean | undefined>\n  set: (next: boolean | undefined) => void\n}>\n\nconst encodeId = (value: string): string => encodeURIComponent(value)\n\n/** Stable, transcript-scoped key for host-owned disclosure restoration. */\nexport function transcriptDisclosureKey(\n  resetKey: string | number | null | undefined,\n  mode: TranscriptFoldMode,\n  firstRowId: string\n): string {\n  return `transcript:${encodeId(String(resetKey ?? ''))}:${mode}:${encodeId(firstRowId)}`\n}\n\nfunction panelId(instanceId: string, resetKey: string, rowId: string): string {\n  return `${instanceId}-row-${encodeId(resetKey)}-${encodeId(rowId)}`\n}\n\nfunction buttonId(instanceId: string, resetKey: string, segmentKey: string): string {\n  return `${instanceId}-fold-${encodeId(resetKey)}-${encodeId(segmentKey)}`\n}\n\nfunction sameGroup(a?: GroupPresentation, b?: GroupPresentation): boolean {\n  return a === b || (!!a && !!b && a.index === b.index && a.size === b.size)\n}\n\nfunction sameTurn(a?: TurnPresentation, b?: TurnPresentation): boolean {\n  return (\n    a === b || (!!a && !!b && a.id === b.id && a.complete === b.complete && a.interim === b.interim)\n  )\n}\n\nfunction sameFold(a?: TranscriptCompositionFold, b?: TranscriptCompositionFold): boolean {\n  return (\n    a === b ||\n    (!!a &&\n      !!b &&\n      a.key === b.key &&\n      a.mode === b.mode &&\n      a.mounting === b.mounting &&\n      a.callCount === b.callCount)\n  )\n}\n\nfunction sameFoldGroup<T>(a?: FoldGroup<T>, b?: FoldGroup<T>): boolean {\n  return (\n    a === b ||\n    (!!a &&\n      !!b &&\n      a.key === b.key &&\n      a.callCount === b.callCount &&\n      a.rows.length === b.rows.length &&\n      a.rows.every((row, index) => row === b.rows[index]))\n  )\n}\n\nfunction sameRecord<T>(a: RowRecord<T>, b: RowRecord<T>): boolean {\n  return (\n    a.row === b.row &&\n    a.index === b.index &&\n    a.displayKind === b.displayKind &&\n    sameGroup(a.group, b.group) &&\n    sameTurn(a.turn, b.turn) &&\n    sameFold(a.fold, b.fold) &&\n    sameFoldGroup(a.foldControl, b.foldControl)\n  )\n}\n\nfunction firstRow<T>(item: TranscriptTurnItem<T>): TranscriptRow<T> | undefined {\n  return item.kind === 'single' ? item.row : item.rows[0]\n}\n\nfunction appendTurnItem<T>(\n  item: TranscriptTurnItem<T>,\n  displayKind: 'single' | 'group' | 'turn',\n  turn: TurnPresentation | undefined,\n  indices: ReadonlyMap<TranscriptRow<T>, number>,\n  into: RowRecord<T>[]\n): void {\n  if (item.kind === 'single') {\n    into.push({\n      row: item.row,\n      index: indices.get(item.row) ?? item.index,\n      displayKind,\n      turn,\n    })\n    return\n  }\n  item.rows.forEach((row, index) => {\n    into.push({\n      row,\n      index: indices.get(row) ?? item.startIndex + index,\n      displayKind,\n      group: { index, size: item.rows.length },\n      turn,\n    })\n  })\n}\n\nfunction appendDisplayItem<T>(\n  item: TranscriptDisplayItem<T>,\n  indices: ReadonlyMap<TranscriptRow<T>, number>,\n  into: RowRecord<T>[]\n): void {\n  if (item.kind !== 'turn') {\n    appendTurnItem(item, item.kind, undefined, indices, into)\n    return\n  }\n  const turnId = item.items.map(firstRow).find((row) => row)?.id ?? 'empty-turn'\n  const turn: TurnPresentation = {\n    id: turnId,\n    complete: item.complete,\n    interim: !!item.interim,\n  }\n  for (const child of item.items) appendTurnItem(child, 'turn', turn, indices, into)\n}\n\nfunction buildDisclosures<T>(\n  records: readonly RowRecord<T>[],\n  defaultMode: TranscriptFoldMode,\n  foldState: TranscriptFoldState,\n  resetKey: string\n): FoldGroup<T>[] {\n  const controls: FoldGroup<T>[] = []\n  let scope: RowRecord<T>[] = []\n  const flushScope = () => {\n    if (!scope.length) return\n    const rows = scope.map((record) => record.row)\n    const hasInterimTurn = scope.some((record) => record.turn?.interim)\n    const hasConclusion = scope.some((record) => record.row.conclusion)\n    const mode: TranscriptFoldMode = hasInterimTurn\n      ? 'interim'\n      : foldState === 'default'\n        ? defaultMode\n        : foldState === 'collapsed'\n          ? hasConclusion\n            ? 'prose'\n            : 'tools'\n          : 'interim'\n    const plan = planTranscriptFold(rows, { mode, settled: true })\n    const foldable = plan.entries.flatMap((entry, index) =>\n      entry.mounting === 'always' ? [] : [{ record: scope[index]!, mounting: entry.mounting }]\n    )\n    if (foldable.length) {\n      const anchorId = scope[0]?.row.id ?? foldable[0]!.record.row.id\n      const control: FoldGroup<T> = {\n        key: transcriptDisclosureKey(resetKey, mode, anchorId),\n        mode,\n        callCount: plan.callCount,\n        rows: foldable.map(({ record }) => record.row),\n      }\n      controls.push(control)\n      foldable.forEach(({ record, mounting }, index) => {\n        record.fold = {\n          key: control.key,\n          mode: control.mode,\n          mounting: foldState === 'collapsed' ? 'hide-when-collapsed' : mounting,\n          callCount: control.callCount,\n        }\n        if (index === 0) record.foldControl = control\n      })\n    }\n    scope = []\n  }\n\n  for (const record of records) {\n    if (record.row.opensTurn && scope.length) flushScope()\n    scope.push(record)\n  }\n  flushScope()\n  return controls\n}\n\nfunction foldLabel(mode: TranscriptFoldMode, count: number, expanded: boolean): string {\n  const subject =\n    mode === 'tools'\n      ? count === 1\n        ? '1 tool call'\n        : count > 1\n          ? `${count} tool calls`\n          : 'tool details'\n      : mode === 'prose'\n        ? 'earlier activity'\n        : 'interim activity'\n  return `${expanded ? 'Hide' : 'Show'} ${subject}`\n}\n\nfunction TranscriptRowEntry<T>(props: {\n  record: Accessor<RowRecord<T>>\n  renderRow: Component<TranscriptCompositionRendererProps<T>>\n  prefix: string\n  resetKey: Accessor<string>\n  expanded: (key: string) => Accessor<boolean>\n  running: Accessor<boolean>\n  foldState: Accessor<TranscriptFoldState>\n  onToggle: (key: string, expanded: boolean) => void\n}) {\n  const current = props.record\n  const id = () => panelId(props.prefix, props.resetKey(), current().row.id)\n  const foldControl = () => current().foldControl\n  const disclosureKey = () => current().fold?.key\n  const expanded = () => {\n    const key = disclosureKey()\n    return key ? props.expanded(key)() : true\n  }\n  const collapsed = () => !!current().fold && !expanded()\n  const disabled = () => props.running() || props.foldState() !== 'default'\n  const context = (): TranscriptCompositionRowContext => ({\n    index: current().index,\n    displayKind: current().displayKind,\n    group: current().group,\n    turn: current().turn,\n    fold: current().fold,\n  })\n  const groupIndex = () => current().group?.index\n  const groupSize = () => current().group?.size\n  const renderable = () => current().fold?.mounting !== 'unmount-when-collapsed' || !collapsed()\n  const renderHostRow = () =>\n    createComponent(props.renderRow, {\n      get row() {\n        return current().row\n      },\n      get context() {\n        return context()\n      },\n    })\n  const controlLabel = () => {\n    const control = foldControl()\n    return control ? foldLabel(control.mode, control.callCount, expanded()) : ''\n  }\n  const controlRows = () =>\n    foldControl()\n      ?.rows.map((row) => panelId(props.prefix, props.resetKey(), row.id))\n      .join(' ')\n\n  return (\n    <div\n      data-slot=\"transcript-row\"\n      data-display-kind={current().displayKind}\n      data-group-index={groupIndex()}\n      data-group-size={groupSize()}\n      class=\"flex min-w-0 flex-col gap-1\"\n    >\n      <Show when={foldControl()}>\n        {(control) => (\n          <Button\n            id={buttonId(props.prefix, props.resetKey(), control().key)}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            class=\"w-full justify-start\"\n            aria-label={controlLabel()}\n            aria-controls={controlRows()}\n            aria-expanded={expanded()}\n            aria-disabled={disabled() || undefined}\n            onClick={() => props.onToggle(control().key, !expanded())}\n          >\n            <ChevronDown aria-hidden=\"true\" class=\"size-4 shrink-0\" />\n            <span>{controlLabel()}</span>\n          </Button>\n        )}\n      </Show>\n      <div\n        id={id()}\n        data-slot=\"transcript-row-content\"\n        hidden={collapsed()}\n        aria-hidden={collapsed() || undefined}\n      >\n        <Show when={renderable() ? current() : undefined}>\n          {(record) => {\n            record()\n            return renderHostRow()\n          }}\n        </Show>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Compose host-classified rows into stable turns, contiguous groups and disclosures.\n * Row render owners are keyed by `id` in a single list, so loose rows keep their DOM\n * owners when the grouping threshold promotes them into a turn. The caller owns row\n * identity, protocol meaning, redaction, permissions and durable conversation state.\n */\nexport function TranscriptComposition<T>(props: TranscriptCompositionProps<T>) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'rows',\n    'renderRow',\n    'running',\n    'resetKey',\n    'foldMode',\n    'foldState',\n    'onFoldStateChange',\n    'disclosure',\n    'onDisclosureChange',\n  ])\n  const instanceId = createUniqueId()\n  const grouper = createTranscriptGrouper<T>()\n  const [internalFoldState, setInternalFoldState] = createSignal<TranscriptFoldState>('default')\n  const rowHandles = new Map<string, RowHandle<T>>()\n  const disclosureSignals = new Map<string, DisclosureSignal>()\n  let lastResetKey = String(local.resetKey ?? '')\n\n  const resetKey = () => String(local.resetKey ?? '')\n  const foldState = () => local.foldState ?? internalFoldState()\n  const running = () => !!local.running\n  const localDisclosure = (key: string): DisclosureSignal => {\n    let signal = disclosureSignals.get(key)\n    if (!signal) {\n      const [get, set] = createSignal<boolean | undefined>(undefined)\n      signal = { get, set }\n      disclosureSignals.set(key, signal)\n    }\n    return signal\n  }\n  const disclosureExpanded = (key: string): Accessor<boolean> => {\n    const signal = localDisclosure(key)\n    return () => {\n      if (running()) return true\n      if (foldState() === 'collapsed') return false\n      if (foldState() === 'expanded') return true\n      return local.disclosure?.get(key) ?? signal.get() ?? false\n    }\n  }\n  const grouped = createMemo(() => grouper(local.rows))\n  const layout = createMemo<TranscriptLayout<T>>(() => {\n    const identity = resetKey()\n    if (identity !== lastResetKey) {\n      rowHandles.clear()\n      disclosureSignals.clear()\n      lastResetKey = identity\n    }\n    const indexByRow = new Map(local.rows.map((row, index) => [row, index]))\n    const display = applyTranscriptRunningState(grouped(), running())\n    const records: RowRecord<T>[] = []\n    display.forEach((item) => appendDisplayItem(item, indexByRow, records))\n    const controls = buildDisclosures(records, local.foldMode ?? 'tools', foldState(), identity)\n    return { rows: records, controls }\n  })\n  const handles = createMemo(() => {\n    const live = new Set<string>()\n    const identity = resetKey()\n    const result = layout().rows.map((record) => {\n      const key = `${identity}\\u001f${record.row.id}`\n      live.add(key)\n      let handle = rowHandles.get(key)\n      if (!handle) {\n        const [get, set] = createSignal(record)\n        handle = { key, get, set, last: record }\n        rowHandles.set(key, handle)\n      } else if (!sameRecord(handle.last, record)) {\n        handle.last = record\n        handle.set(record)\n      }\n      return handle\n    })\n    for (const key of rowHandles.keys()) if (!live.has(key)) rowHandles.delete(key)\n    return result\n  })\n  const allControlIds = () =>\n    layout()\n      .controls.flatMap((control) =>\n        control.rows.map((row) => panelId(instanceId, resetKey(), row.id))\n      )\n      .join(' ')\n  const updateFoldState = () => {\n    if (running()) return\n    const current = foldState()\n    const next: TranscriptFoldState =\n      current === 'default' ? 'collapsed' : current === 'collapsed' ? 'expanded' : 'default'\n    if (local.foldState === undefined) setInternalFoldState(next)\n    local.onFoldStateChange?.(next)\n  }\n  const updateDisclosure = (key: string, expanded: boolean) => {\n    if (running() || foldState() !== 'default') return\n    if (local.disclosure) {\n      local.onDisclosureChange?.(key, expanded)\n      return\n    }\n    localDisclosure(key).set(expanded)\n    local.onDisclosureChange?.(key, expanded)\n  }\n\n  return (\n    <div\n      data-slot=\"transcript-composition\"\n      data-fold-state={foldState()}\n      class={cn('flex w-full min-w-0 flex-col gap-1', local.class)}\n      {...rest}\n    >\n      <Show when={local.onFoldStateChange}>\n        <div class=\"flex justify-end\">\n          <Button\n            id={`${instanceId}-fold-all`}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-controls={allControlIds() || undefined}\n            aria-disabled={running() || undefined}\n            onClick={updateFoldState}\n          >\n            {foldState() === 'default'\n              ? 'Collapse all activity'\n              : foldState() === 'collapsed'\n                ? 'Expand all activity'\n                : 'Restore default folding'}\n          </Button>\n        </div>\n      </Show>\n      <div data-slot=\"transcript-rows\" class=\"flex min-w-0 flex-col gap-1\">\n        <For each={handles()}>\n          {(handle) => (\n            <TranscriptRowEntry\n              record={handle.get}\n              renderRow={local.renderRow}\n              prefix={instanceId}\n              resetKey={resetKey}\n              expanded={disclosureExpanded}\n              running={running}\n              foldState={foldState}\n              onToggle={updateDisclosure}\n            />\n          )}\n        </For>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"transcript-composition.js","names":["Accessor","Component","ComponentProps","For","Show","createComponent","createMemo","createSignal","createUniqueId","splitProps","ChevronDown","cn","Button","applyTranscriptRunningState","createTranscriptGrouper","TranscriptDisplayItem","TranscriptRow","TranscriptTurnItem","planTranscriptFold","TranscriptFoldMode","TranscriptMounting","TranscriptFoldState","TranscriptDisplayKind","GroupedTranscript","TranscriptFoldPlan","TranscriptCompositionFold","Readonly","key","mode","mounting","callCount","TranscriptCompositionRowContext","index","displayKind","group","size","turn","id","complete","interim","fold","TranscriptCompositionRendererProps","row","T","context","TranscriptCompositionProps","Omit","rows","renderRow","running","resetKey","foldMode","foldState","onFoldStateChange","state","disclosure","ReadonlyMap","onDisclosureChange","expanded","density","TurnPresentation","NonNullable","GroupPresentation","FoldGroup","RowRecord","foldControl","TranscriptLayout","controls","RowHandle","get","set","next","last","DisclosureSignal","encodeId","value","encodeURIComponent","transcriptDisclosureKey","firstRowId","String","panelId","instanceId","rowId","buttonId","segmentKey","sameGroup","a","b","sameTurn","sameFold","sameFoldGroup","length","every","sameRecord","firstRow","item","kind","appendTurnItem","indices","into","push","forEach","startIndex","appendDisplayItem","undefined","turnId","items","map","find","child","buildDisclosures","records","defaultMode","scope","flushScope","record","hasInterimTurn","some","hasConclusion","conclusion","plan","settled","foldable","entries","flatMap","entry","anchorId","control","opensTurn","foldLabel","count","subject","TranscriptRowEntry","props","prefix","onToggle","current","disclosureKey","collapsed","disabled","groupIndex","groupSize","renderable","renderHostRow","controlLabel","controlRows","join","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","when","children","type","variant","aria-label","aria-controls","aria-expanded","aria-disabled","onClick","_el$3","_tmpl$2","_$memo","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","o","i","hidden","n","TranscriptComposition","local","rest","grouper","internalFoldState","setInternalFoldState","rowHandles","Map","disclosureSignals","lastResetKey","localDisclosure","signal","disclosureExpanded","grouped","layout","identity","clear","indexByRow","display","handles","live","Set","result","add","handle","keys","has","delete","allControlIds","updateFoldState","updateDisclosure","_el$4","_tmpl$4","_el$6","_$spread","_$mergeProps","data-fold-state","data-density","class","_el$5","_tmpl$3","each","_$className","createComponent","_$createComponent","_$memo","_$setAttribute","_$mergeProps","_$className"],"sources":["../../../src/components/conversation/transcript-composition.tsx"],"sourcesContent":["import type { Accessor, Component, ComponentProps } from 'solid-js'\nimport {\n  For,\n  Show,\n  createComponent,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n} from 'solid-js'\nimport { ChevronDown } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\nimport {\n  applyTranscriptRunningState,\n  createTranscriptGrouper,\n  type TranscriptDisplayItem,\n  type TranscriptRow,\n  type TranscriptTurnItem,\n} from './transcript-grouping'\nimport {\n  planTranscriptFold,\n  type TranscriptFoldMode,\n  type TranscriptMounting,\n} from './transcript-folding'\n\nexport type TranscriptFoldState = 'default' | 'collapsed' | 'expanded'\nexport type TranscriptDisplayKind = 'single' | 'group' | 'turn'\n\nexport type {\n  GroupedTranscript,\n  TranscriptDisplayItem,\n  TranscriptRow,\n  TranscriptTurnItem,\n} from './transcript-grouping'\nexport type {\n  TranscriptFoldMode,\n  TranscriptFoldPlan,\n  TranscriptMounting,\n} from './transcript-folding'\n\nexport type TranscriptCompositionFold = Readonly<{\n  /** Stable host persistence key. Use with `transcriptDisclosureKey` to seed a store. */\n  key: string\n  mode: TranscriptFoldMode\n  mounting: TranscriptMounting\n  /** Distinct host-classified request IDs in this contiguous fold segment. */\n  callCount: number\n}>\n\nexport type TranscriptCompositionRowContext = Readonly<{\n  /** Original index in the caller's row array, including rows hidden by the host. */\n  index: number\n  /** The row's current position in the generic display composition. */\n  displayKind: TranscriptDisplayKind\n  group?: Readonly<{ index: number; size: number }>\n  turn?: Readonly<{\n    /** Derived from the first stable row ID; presentation bookkeeping only. */\n    id: string\n    /** A presentation state, never proof of successful runtime completion. */\n    complete: boolean\n    interim: boolean\n  }>\n  fold?: TranscriptCompositionFold\n}>\n\nexport type TranscriptCompositionRendererProps<T> = Readonly<{\n  /** Reactive Solid prop; a row component keeps its DOM owner stable as values update. */\n  row: TranscriptRow<T>\n  context: TranscriptCompositionRowContext\n}>\n\nexport type TranscriptCompositionProps<T> = Omit<ComponentProps<'div'>, 'children'> & {\n  /** Ordered, already redacted rows with host-supplied semantic classifications. */\n  rows: readonly TranscriptRow<T>[]\n  /** Render one host row. Permission, session, event and protocol authority stay outside this component. */\n  renderRow: Component<TranscriptCompositionRendererProps<T>>\n  /** The host's current run state. Live rows stay mounted and expanded until settled. */\n  running?: boolean\n  /** Reset scope for row identity and disclosure. It is not inferred from display content. */\n  resetKey?: string | number | null\n  /** Default settled fold policy. `tools` keeps prose visible; `prose` retains a proven conclusion. */\n  foldMode?: TranscriptFoldMode\n  /** Global command state. `collapsed` keeps hidden content mounted; prose folds only before a host-marked conclusion. */\n  foldState?: TranscriptFoldState\n  onFoldStateChange?: (state: TranscriptFoldState) => void\n  /** Optional controlled disclosure map keyed by `transcriptDisclosureKey`. */\n  disclosure?: ReadonlyMap<string, boolean>\n  onDisclosureChange?: (key: string, expanded: boolean) => void\n  /**\n   * Row rhythm. `compact` (default) packs rows 4px apart; `comfortable` spaces\n   * them 12px apart and stacks each row's rendered parts, for a chat stream\n   * whose rows are separate messages rather than one running log.\n   */\n  density?: 'compact' | 'comfortable'\n}\n\ntype TurnPresentation = NonNullable<TranscriptCompositionRowContext['turn']>\ntype GroupPresentation = NonNullable<TranscriptCompositionRowContext['group']>\n\ntype FoldGroup<T> = Readonly<{\n  key: string\n  mode: TranscriptFoldMode\n  callCount: number\n  rows: readonly TranscriptRow<T>[]\n}>\n\ntype RowRecord<T> = {\n  row: TranscriptRow<T>\n  index: number\n  displayKind: TranscriptDisplayKind\n  group?: GroupPresentation\n  turn?: TurnPresentation\n  fold?: TranscriptCompositionFold\n  foldControl?: FoldGroup<T>\n}\n\ntype TranscriptLayout<T> = Readonly<{\n  rows: readonly RowRecord<T>[]\n  controls: readonly FoldGroup<T>[]\n}>\n\ntype RowHandle<T> = {\n  key: string\n  get: Accessor<RowRecord<T>>\n  set: (next: RowRecord<T>) => void\n  last: RowRecord<T>\n}\n\ntype DisclosureSignal = Readonly<{\n  get: Accessor<boolean | undefined>\n  set: (next: boolean | undefined) => void\n}>\n\nconst encodeId = (value: string): string => encodeURIComponent(value)\n\n/** Stable, transcript-scoped key for host-owned disclosure restoration. */\nexport function transcriptDisclosureKey(\n  resetKey: string | number | null | undefined,\n  mode: TranscriptFoldMode,\n  firstRowId: string\n): string {\n  return `transcript:${encodeId(String(resetKey ?? ''))}:${mode}:${encodeId(firstRowId)}`\n}\n\nfunction panelId(instanceId: string, resetKey: string, rowId: string): string {\n  return `${instanceId}-row-${encodeId(resetKey)}-${encodeId(rowId)}`\n}\n\nfunction buttonId(instanceId: string, resetKey: string, segmentKey: string): string {\n  return `${instanceId}-fold-${encodeId(resetKey)}-${encodeId(segmentKey)}`\n}\n\nfunction sameGroup(a?: GroupPresentation, b?: GroupPresentation): boolean {\n  return a === b || (!!a && !!b && a.index === b.index && a.size === b.size)\n}\n\nfunction sameTurn(a?: TurnPresentation, b?: TurnPresentation): boolean {\n  return (\n    a === b || (!!a && !!b && a.id === b.id && a.complete === b.complete && a.interim === b.interim)\n  )\n}\n\nfunction sameFold(a?: TranscriptCompositionFold, b?: TranscriptCompositionFold): boolean {\n  return (\n    a === b ||\n    (!!a &&\n      !!b &&\n      a.key === b.key &&\n      a.mode === b.mode &&\n      a.mounting === b.mounting &&\n      a.callCount === b.callCount)\n  )\n}\n\nfunction sameFoldGroup<T>(a?: FoldGroup<T>, b?: FoldGroup<T>): boolean {\n  return (\n    a === b ||\n    (!!a &&\n      !!b &&\n      a.key === b.key &&\n      a.callCount === b.callCount &&\n      a.rows.length === b.rows.length &&\n      a.rows.every((row, index) => row === b.rows[index]))\n  )\n}\n\nfunction sameRecord<T>(a: RowRecord<T>, b: RowRecord<T>): boolean {\n  return (\n    a.row === b.row &&\n    a.index === b.index &&\n    a.displayKind === b.displayKind &&\n    sameGroup(a.group, b.group) &&\n    sameTurn(a.turn, b.turn) &&\n    sameFold(a.fold, b.fold) &&\n    sameFoldGroup(a.foldControl, b.foldControl)\n  )\n}\n\nfunction firstRow<T>(item: TranscriptTurnItem<T>): TranscriptRow<T> | undefined {\n  return item.kind === 'single' ? item.row : item.rows[0]\n}\n\nfunction appendTurnItem<T>(\n  item: TranscriptTurnItem<T>,\n  displayKind: 'single' | 'group' | 'turn',\n  turn: TurnPresentation | undefined,\n  indices: ReadonlyMap<TranscriptRow<T>, number>,\n  into: RowRecord<T>[]\n): void {\n  if (item.kind === 'single') {\n    into.push({\n      row: item.row,\n      index: indices.get(item.row) ?? item.index,\n      displayKind,\n      turn,\n    })\n    return\n  }\n  item.rows.forEach((row, index) => {\n    into.push({\n      row,\n      index: indices.get(row) ?? item.startIndex + index,\n      displayKind,\n      group: { index, size: item.rows.length },\n      turn,\n    })\n  })\n}\n\nfunction appendDisplayItem<T>(\n  item: TranscriptDisplayItem<T>,\n  indices: ReadonlyMap<TranscriptRow<T>, number>,\n  into: RowRecord<T>[]\n): void {\n  if (item.kind !== 'turn') {\n    appendTurnItem(item, item.kind, undefined, indices, into)\n    return\n  }\n  const turnId = item.items.map(firstRow).find((row) => row)?.id ?? 'empty-turn'\n  const turn: TurnPresentation = {\n    id: turnId,\n    complete: item.complete,\n    interim: !!item.interim,\n  }\n  for (const child of item.items) appendTurnItem(child, 'turn', turn, indices, into)\n}\n\nfunction buildDisclosures<T>(\n  records: readonly RowRecord<T>[],\n  defaultMode: TranscriptFoldMode,\n  foldState: TranscriptFoldState,\n  resetKey: string\n): FoldGroup<T>[] {\n  const controls: FoldGroup<T>[] = []\n  let scope: RowRecord<T>[] = []\n  const flushScope = () => {\n    if (!scope.length) return\n    const rows = scope.map((record) => record.row)\n    const hasInterimTurn = scope.some((record) => record.turn?.interim)\n    const hasConclusion = scope.some((record) => record.row.conclusion)\n    const mode: TranscriptFoldMode = hasInterimTurn\n      ? 'interim'\n      : foldState === 'default'\n        ? defaultMode\n        : foldState === 'collapsed'\n          ? hasConclusion\n            ? 'prose'\n            : 'tools'\n          : 'interim'\n    const plan = planTranscriptFold(rows, { mode, settled: true })\n    const foldable = plan.entries.flatMap((entry, index) =>\n      entry.mounting === 'always' ? [] : [{ record: scope[index]!, mounting: entry.mounting }]\n    )\n    if (foldable.length) {\n      const anchorId = scope[0]?.row.id ?? foldable[0]!.record.row.id\n      const control: FoldGroup<T> = {\n        key: transcriptDisclosureKey(resetKey, mode, anchorId),\n        mode,\n        callCount: plan.callCount,\n        rows: foldable.map(({ record }) => record.row),\n      }\n      controls.push(control)\n      foldable.forEach(({ record, mounting }, index) => {\n        record.fold = {\n          key: control.key,\n          mode: control.mode,\n          mounting: foldState === 'collapsed' ? 'hide-when-collapsed' : mounting,\n          callCount: control.callCount,\n        }\n        if (index === 0) record.foldControl = control\n      })\n    }\n    scope = []\n  }\n\n  for (const record of records) {\n    if (record.row.opensTurn && scope.length) flushScope()\n    scope.push(record)\n  }\n  flushScope()\n  return controls\n}\n\nfunction foldLabel(mode: TranscriptFoldMode, count: number, expanded: boolean): string {\n  const subject =\n    mode === 'tools'\n      ? count === 1\n        ? '1 tool call'\n        : count > 1\n          ? `${count} tool calls`\n          : 'tool details'\n      : mode === 'prose'\n        ? 'earlier activity'\n        : 'interim activity'\n  return `${expanded ? 'Hide' : 'Show'} ${subject}`\n}\n\nfunction TranscriptRowEntry<T>(props: {\n  record: Accessor<RowRecord<T>>\n  renderRow: Component<TranscriptCompositionRendererProps<T>>\n  prefix: string\n  resetKey: Accessor<string>\n  expanded: (key: string) => Accessor<boolean>\n  running: Accessor<boolean>\n  foldState: Accessor<TranscriptFoldState>\n  onToggle: (key: string, expanded: boolean) => void\n}) {\n  const current = props.record\n  const id = () => panelId(props.prefix, props.resetKey(), current().row.id)\n  const foldControl = () => current().foldControl\n  const disclosureKey = () => current().fold?.key\n  const expanded = () => {\n    const key = disclosureKey()\n    return key ? props.expanded(key)() : true\n  }\n  const collapsed = () => !!current().fold && !expanded()\n  const disabled = () => props.running() || props.foldState() !== 'default'\n  const context = (): TranscriptCompositionRowContext => ({\n    index: current().index,\n    displayKind: current().displayKind,\n    group: current().group,\n    turn: current().turn,\n    fold: current().fold,\n  })\n  const groupIndex = () => current().group?.index\n  const groupSize = () => current().group?.size\n  const renderable = () => current().fold?.mounting !== 'unmount-when-collapsed' || !collapsed()\n  const renderHostRow = () =>\n    createComponent(props.renderRow, {\n      get row() {\n        return current().row\n      },\n      get context() {\n        return context()\n      },\n    })\n  const controlLabel = () => {\n    const control = foldControl()\n    return control ? foldLabel(control.mode, control.callCount, expanded()) : ''\n  }\n  const controlRows = () =>\n    foldControl()\n      ?.rows.map((row) => panelId(props.prefix, props.resetKey(), row.id))\n      .join(' ')\n\n  return (\n    <div\n      data-slot=\"transcript-row\"\n      data-display-kind={current().displayKind}\n      data-group-index={groupIndex()}\n      data-group-size={groupSize()}\n      class=\"flex min-w-0 flex-col gap-1\"\n    >\n      <Show when={foldControl()}>\n        {(control) => (\n          <Button\n            id={buttonId(props.prefix, props.resetKey(), control().key)}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            class=\"w-full justify-start\"\n            aria-label={controlLabel()}\n            aria-controls={controlRows()}\n            aria-expanded={expanded()}\n            aria-disabled={disabled() || undefined}\n            onClick={() => props.onToggle(control().key, !expanded())}\n          >\n            <ChevronDown aria-hidden=\"true\" class=\"size-4 shrink-0\" />\n            <span>{controlLabel()}</span>\n          </Button>\n        )}\n      </Show>\n      <div\n        id={id()}\n        data-slot=\"transcript-row-content\"\n        class=\"group-data-[density=comfortable]/transcript:flex group-data-[density=comfortable]/transcript:flex-col\"\n        hidden={collapsed()}\n        aria-hidden={collapsed() || undefined}\n      >\n        <Show when={renderable() ? current() : undefined}>\n          {(record) => {\n            record()\n            return renderHostRow()\n          }}\n        </Show>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Compose host-classified rows into stable turns, contiguous groups and disclosures.\n * Row render owners are keyed by `id` in a single list, so loose rows keep their DOM\n * owners when the grouping threshold promotes them into a turn. The caller owns row\n * identity, protocol meaning, redaction, permissions and durable conversation state.\n */\nexport function TranscriptComposition<T>(props: TranscriptCompositionProps<T>) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'rows',\n    'renderRow',\n    'running',\n    'resetKey',\n    'foldMode',\n    'foldState',\n    'onFoldStateChange',\n    'density',\n    'disclosure',\n    'onDisclosureChange',\n  ])\n  const instanceId = createUniqueId()\n  const grouper = createTranscriptGrouper<T>()\n  const [internalFoldState, setInternalFoldState] = createSignal<TranscriptFoldState>('default')\n  const rowHandles = new Map<string, RowHandle<T>>()\n  const disclosureSignals = new Map<string, DisclosureSignal>()\n  let lastResetKey = String(local.resetKey ?? '')\n\n  const resetKey = () => String(local.resetKey ?? '')\n  const foldState = () => local.foldState ?? internalFoldState()\n  const running = () => !!local.running\n  const localDisclosure = (key: string): DisclosureSignal => {\n    let signal = disclosureSignals.get(key)\n    if (!signal) {\n      const [get, set] = createSignal<boolean | undefined>(undefined)\n      signal = { get, set }\n      disclosureSignals.set(key, signal)\n    }\n    return signal\n  }\n  const disclosureExpanded = (key: string): Accessor<boolean> => {\n    const signal = localDisclosure(key)\n    return () => {\n      if (running()) return true\n      if (foldState() === 'collapsed') return false\n      if (foldState() === 'expanded') return true\n      return local.disclosure?.get(key) ?? signal.get() ?? false\n    }\n  }\n  const grouped = createMemo(() => grouper(local.rows))\n  const layout = createMemo<TranscriptLayout<T>>(() => {\n    const identity = resetKey()\n    if (identity !== lastResetKey) {\n      rowHandles.clear()\n      disclosureSignals.clear()\n      lastResetKey = identity\n    }\n    const indexByRow = new Map(local.rows.map((row, index) => [row, index]))\n    const display = applyTranscriptRunningState(grouped(), running())\n    const records: RowRecord<T>[] = []\n    display.forEach((item) => appendDisplayItem(item, indexByRow, records))\n    const controls = buildDisclosures(records, local.foldMode ?? 'tools', foldState(), identity)\n    return { rows: records, controls }\n  })\n  const handles = createMemo(() => {\n    const live = new Set<string>()\n    const identity = resetKey()\n    const result = layout().rows.map((record) => {\n      const key = `${identity}\\u001f${record.row.id}`\n      live.add(key)\n      let handle = rowHandles.get(key)\n      if (!handle) {\n        const [get, set] = createSignal(record)\n        handle = { key, get, set, last: record }\n        rowHandles.set(key, handle)\n      } else if (!sameRecord(handle.last, record)) {\n        handle.last = record\n        handle.set(record)\n      }\n      return handle\n    })\n    for (const key of rowHandles.keys()) if (!live.has(key)) rowHandles.delete(key)\n    return result\n  })\n  const allControlIds = () =>\n    layout()\n      .controls.flatMap((control) =>\n        control.rows.map((row) => panelId(instanceId, resetKey(), row.id))\n      )\n      .join(' ')\n  const updateFoldState = () => {\n    if (running()) return\n    const current = foldState()\n    const next: TranscriptFoldState =\n      current === 'default' ? 'collapsed' : current === 'collapsed' ? 'expanded' : 'default'\n    if (local.foldState === undefined) setInternalFoldState(next)\n    local.onFoldStateChange?.(next)\n  }\n  const updateDisclosure = (key: string, expanded: boolean) => {\n    if (running() || foldState() !== 'default') return\n    if (local.disclosure) {\n      local.onDisclosureChange?.(key, expanded)\n      return\n    }\n    localDisclosure(key).set(expanded)\n    local.onDisclosureChange?.(key, expanded)\n  }\n\n  return (\n    <div\n      data-slot=\"transcript-composition\"\n      data-fold-state={foldState()}\n      data-density={local.density ?? 'compact'}\n      class={cn('group/transcript flex w-full min-w-0 flex-col gap-1', local.class)}\n      {...rest}\n    >\n      <Show when={local.onFoldStateChange}>\n        <div class=\"flex justify-end\">\n          <Button\n            id={`${instanceId}-fold-all`}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-controls={allControlIds() || undefined}\n            aria-disabled={running() || undefined}\n            onClick={updateFoldState}\n          >\n            {foldState() === 'default'\n              ? 'Collapse all activity'\n              : foldState() === 'collapsed'\n                ? 'Expand all activity'\n                : 'Restore default folding'}\n          </Button>\n        </div>\n      </Show>\n      <div\n        data-slot=\"transcript-rows\"\n        class={cn('flex min-w-0 flex-col', local.density === 'comfortable' ? 'gap-3' : 'gap-1')}\n      >\n        <For each={handles()}>\n          {(handle) => (\n            <TranscriptRowEntry\n              record={handle.get}\n              renderRow={local.renderRow}\n              prefix={instanceId}\n              resetKey={resetKey}\n              expanded={disclosureExpanded}\n              running={running}\n              foldState={foldState}\n              onToggle={updateDisclosure}\n            />\n          )}\n        </For>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/contextual-sidebar/contextual-sidebar.d.ts

@@ -30,6 +30,8 @@ export type ContextualSidebarProps = {
     /** Pass the host's initial viewport seed to distinguish stale desktop state. */
     wideViewportAtLoad?: boolean;
     resizeLabel?: string;
+    /** The resize edge's grip: the default bordered chip, or the quieter rung. */
+    resizeGrip?: 'chip' | 'rung';
     /** Stable external opener used when the modal mobile sheet closes. */
     restoreFocusRef?: Accessor<HTMLElement | undefined>;
     /** Called with the nav node so a host can project width onto its layout root. */

package/dist/components/layout/contextual-sidebar/contextual-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextual-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAe7C,MAAM,MAAM,8BAA8B,GAAG;IAC3C,wEAAwE;IACxE,MAAM,EAAE,OAAO,CAAA;IACf,qFAAqF;IACrF,WAAW,IAAI,WAAW,GAAG,SAAS,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACrC,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9E,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACnD,iEAAiE;IACjE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,0EAA0E;IAC1E,OAAO,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,oEAAoE;IACpE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAmJ9D"}
+{"version":3,"file":"contextual-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAe7C,MAAM,MAAM,8BAA8B,GAAG;IAC3C,wEAAwE;IACxE,MAAM,EAAE,OAAO,CAAA;IACf,qFAAqF;IACrF,WAAW,IAAI,WAAW,GAAG,SAAS,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACrC,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,sEAAsE;IACtE,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9E,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACnD,iEAAiE;IACjE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,0EAA0E;IAC1E,OAAO,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,oEAAoE;IACpE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAoJ9D"}

package/dist/components/layout/contextual-sidebar/contextual-sidebar.js

@@ -119,6 +119,9 @@ function ContextualSidebar(props) {
 							get label() {
 								return resizeLabel();
 							},
+							get grip() {
+								return props.resizeGrip;
+							},
 							controls: navigationId,
 							get onChange() {
 								return props.onWidthChange;

package/dist/components/layout/contextual-sidebar/contextual-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextual-sidebar.js","names":["Accessor","JSX","Show","createSignal","createUniqueId","onCleanup","onMount","cn","SidebarNav","SidebarNavContent","SidebarNavFooter","SidebarNavHeader","SidebarNavTitle","PixelResizeHandle","MobileModule","MobileLoad","error","ContextualSidebarRenderContext","mobile","portalMount","HTMLElement","ContextualSidebarProps","id","label","title","titleVisibility","open","onOpenChange","width","minimum","maximum","step","wideViewportAtLoad","resizeLabel","restoreFocusRef","onSidebarElement","element","sidebarClass","sheetClass","headerClass","contentClass","footerClass","headingAs","header","context","Element","content","footer","onWidthChange","onWidthCommit","ContextualSidebar","props","isNarrowViewport","setIsNarrowViewport","mobileLoad","setMobileLoad","mobileRequested","loadMobile","then","module","mobileMount","setMobileMount","connected","mount","isConnected","undefined","media","window","matchMedia","updateViewport","wasNarrow","matches","addEventListener","removeEventListener","renderSidebar","navigationId","_$createComponent","as","aria-label","aria-hidden","inert","data-open","String","ref","node","queueMicrotask","class","children","when","side","value","controls","onChange","onCommit","fallback","_$memo","_wide","keyed","loaded","MobileSidebar","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"sourcesContent":["import type { Accessor, JSX } from 'solid-js'\nimport { Show, createSignal, createUniqueId, onCleanup, onMount } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport {\n  SidebarNav,\n  SidebarNavContent,\n  SidebarNavFooter,\n  SidebarNavHeader,\n  SidebarNavTitle,\n} from '../sidebar-nav/sidebar-nav'\nimport { PixelResizeHandle } from '../pixel-resize-handle/pixel-resize-handle'\n\ntype MobileModule = typeof import('./mobile-contextual-sidebar')\ntype MobileLoad = MobileModule | { error: unknown }\n\nexport type ContextualSidebarRenderContext = {\n  /** Whether the slot is being rendered inside the modal mobile sheet. */\n  mobile: boolean\n  /** Mount nested popovers and menus inside the mobile dialog's accessibility tree. */\n  portalMount(): HTMLElement | undefined\n}\n\nexport type ContextualSidebarProps = {\n  /** Stable host id prefix; generated when omitted. */\n  id?: string\n  /** Landmark name shared by the desktop and mobile navigation. */\n  label: string\n  /** Visible navigation title and mobile dialog title. */\n  title: string\n  /**\n   * Where the title row shows. `always` (default) draws it on desktop and in\n   * the mobile sheet; `mobile` keeps the desktop title for assistive\n   * technology only and drops the desktop row, for hosts whose top bar\n   * already names the context. A `header` slot keeps the row visible.\n   */\n  titleVisibility?: 'always' | 'mobile'\n  /** Host-controlled expanded state for the desktop panel and mobile dialog. */\n  open: boolean\n  onOpenChange(open: boolean): void\n  /** Current host-owned pixel width, reflected by the resize handle. */\n  width: number\n  minimum: number\n  maximum: number\n  step?: number\n  /** Pass the host's initial viewport seed to distinguish stale desktop state. */\n  wideViewportAtLoad?: boolean\n  resizeLabel?: string\n  /** Stable external opener used when the modal mobile sheet closes. */\n  restoreFocusRef?: Accessor<HTMLElement | undefined>\n  /** Called with the nav node so a host can project width onto its layout root. */\n  onSidebarElement?: (element: HTMLElement | undefined, mobile: boolean) => void\n  /** Host-owned layout classes applied to both nav instances. */\n  sidebarClass?: string\n  /** Host-owned responsive constraints for the modal sheet. */\n  sheetClass?: string\n  headerClass?: string\n  contentClass?: string\n  footerClass?: string\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  /** Optional action/content slot alongside the shared heading. */\n  header?(context: ContextualSidebarRenderContext): JSX.Element\n  /** View-specific navigation rows, projects, rooms, files, or sessions. */\n  content(context: ContextualSidebarRenderContext): JSX.Element\n  /** Optional view-specific footer, such as an archive affordance. */\n  footer?(context: ContextualSidebarRenderContext): JSX.Element\n  onWidthChange(width: number): void\n  onWidthCommit?(width: number): void\n}\n\n/**\n * ContextualSidebar.\n *\n * Shared navigation geometry and interaction policy for an application's\n * contextual sidebar. The host keeps ownership of the actual grid width,\n * persisted preference, open state, and view-specific navigation content.\n */\nexport function ContextualSidebar(props: ContextualSidebarProps) {\n  const [isNarrowViewport, setIsNarrowViewport] = createSignal(false)\n  const [mobileLoad, setMobileLoad] = createSignal<MobileLoad>()\n  let mobileRequested = false\n  // Keep the resolved component mounted across viewport changes for Sheet cleanup.\n  const loadMobile = () => {\n    if (mobileRequested) return\n    mobileRequested = true\n    // Native module caching shares successful loads without keeping a rejected promise.\n    void import('./mobile-contextual-sidebar').then(\n      (module) => {\n        if (mobileRequested) setMobileLoad(module)\n      },\n      (error: unknown) => {\n        if (mobileRequested) setMobileLoad({ error })\n      }\n    )\n  }\n  const [mobileMount, setMobileMount] = createSignal<\n    { element: HTMLElement; connected: boolean } | undefined\n  >()\n  const id = props.id ?? `contextual-sidebar-${createUniqueId()}`\n  const resizeLabel = () => props.resizeLabel ?? `Resize ${props.label}`\n  const portalMount = () => {\n    const mount = mobileMount()\n    return mount?.connected && mount.element.isConnected ? mount.element : undefined\n  }\n\n  onMount(() => {\n    const media = window.matchMedia('(max-width: 48rem)')\n    const updateViewport = () => {\n      const wasNarrow = isNarrowViewport()\n      if (media.matches) loadMobile()\n      // Close before mounting a modal. A desktop-expanded host state is not\n      // mobile intent, and opening the Sheet for one frame can steal focus.\n      if (media.matches && !wasNarrow) props.onOpenChange(false)\n      setIsNarrowViewport(media.matches)\n    }\n\n    // A route can mount after a wide-loaded host crosses into mobile. Clear\n    // that stale seed, but preserve a sidebar intentionally opened at a\n    // narrow boot viewport.\n    if (media.matches) loadMobile()\n    if (media.matches && props.wideViewportAtLoad && props.open) props.onOpenChange(false)\n    setIsNarrowViewport(media.matches)\n    media.addEventListener('change', updateViewport)\n    onCleanup(() => {\n      mobileRequested = false\n      media.removeEventListener('change', updateViewport)\n    })\n  })\n\n  const renderSidebar = (mobile: boolean) => {\n    let element: HTMLElement | undefined\n    const context: ContextualSidebarRenderContext = {\n      mobile,\n      portalMount: () => (mobile ? portalMount() : undefined),\n    }\n    const navigationId = `${id}-${mobile ? 'mobile' : 'desktop'}`\n\n    onCleanup(() => {\n      if (mobile && mobileMount()?.element === element) setMobileMount(undefined)\n      element = undefined\n      props.onSidebarElement?.(undefined, mobile)\n    })\n\n    return (\n      <SidebarNav\n        as=\"aside\"\n        id={navigationId}\n        aria-label={props.label}\n        aria-hidden={!mobile && !props.open ? 'true' : undefined}\n        inert={!mobile && !props.open}\n        data-contextual-sidebar={mobile ? 'mobile' : 'desktop'}\n        data-open={mobile ? undefined : String(props.open)}\n        ref={(node) => {\n          element = node\n          if (mobile) {\n            setMobileMount({ element: node, connected: node.isConnected })\n            queueMicrotask(() => {\n              if (node.isConnected && mobileMount()?.element === node)\n                setMobileMount({ element: node, connected: true })\n            })\n          }\n          props.onSidebarElement?.(node, mobile)\n        }}\n        class={cn('relative h-full w-full max-w-full', props.sidebarClass)}\n      >\n        <Show when={!mobile && props.open}>\n          <PixelResizeHandle\n            // The ruler spans the sidebar as a pointer-events-none overlay; lift\n            // it above the neighbouring pane so the edge stays grabbable.\n            class=\"z-(--z-docked)\"\n            side=\"left\"\n            value={props.width}\n            minimum={props.minimum}\n            maximum={props.maximum}\n            step={props.step}\n            label={resizeLabel()}\n            controls={navigationId}\n            onChange={props.onWidthChange}\n            onCommit={props.onWidthCommit}\n          />\n        </Show>\n        <Show when={!mobile || mobileMount()?.connected}>\n          <Show\n            when={mobile || props.titleVisibility !== 'mobile' || props.header}\n            fallback={\n              <SidebarNavTitle as={props.headingAs ?? 'h2'} class=\"sr-only\">\n                {props.title}\n              </SidebarNavTitle>\n            }\n          >\n            <SidebarNavHeader class={cn(mobile && 'pe-12', props.headerClass)}>\n              <SidebarNavTitle as={props.headingAs ?? 'h2'}>{props.title}</SidebarNavTitle>\n              {props.header?.(context)}\n            </SidebarNavHeader>\n          </Show>\n          <SidebarNavContent class={props.contentClass}>{props.content(context)}</SidebarNavContent>\n          {props.footer ? (\n            <SidebarNavFooter class={props.footerClass}>{props.footer(context)}</SidebarNavFooter>\n          ) : null}\n        </Show>\n      </SidebarNav>\n    )\n  }\n\n  return (\n    <>\n      <Show when={!isNarrowViewport()}>{(_wide) => renderSidebar(false)}</Show>\n      <Show when={mobileLoad()} keyed>\n        {(loaded) => {\n          if ('error' in loaded) throw loaded.error\n          return (\n            <loaded.MobileSidebar\n              open={isNarrowViewport() && props.open}\n              onOpenChange={props.onOpenChange}\n              label={props.label}\n              sheetClass={props.sheetClass}\n              restoreFocusRef={props.restoreFocusRef}\n              renderSidebar={() => renderSidebar(true)}\n            />\n          )\n        }}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"contextual-sidebar.js","names":["Accessor","JSX","Show","createSignal","createUniqueId","onCleanup","onMount","cn","SidebarNav","SidebarNavContent","SidebarNavFooter","SidebarNavHeader","SidebarNavTitle","PixelResizeHandle","MobileModule","MobileLoad","error","ContextualSidebarRenderContext","mobile","portalMount","HTMLElement","ContextualSidebarProps","id","label","title","titleVisibility","open","onOpenChange","width","minimum","maximum","step","wideViewportAtLoad","resizeLabel","resizeGrip","restoreFocusRef","onSidebarElement","element","sidebarClass","sheetClass","headerClass","contentClass","footerClass","headingAs","header","context","Element","content","footer","onWidthChange","onWidthCommit","ContextualSidebar","props","isNarrowViewport","setIsNarrowViewport","mobileLoad","setMobileLoad","mobileRequested","loadMobile","then","module","mobileMount","setMobileMount","connected","mount","isConnected","undefined","media","window","matchMedia","updateViewport","wasNarrow","matches","addEventListener","removeEventListener","renderSidebar","navigationId","_$createComponent","as","aria-label","aria-hidden","inert","data-open","String","ref","node","queueMicrotask","class","children","when","side","value","grip","controls","onChange","onCommit","fallback","_$memo","_wide","keyed","loaded","MobileSidebar","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"sourcesContent":["import type { Accessor, JSX } from 'solid-js'\nimport { Show, createSignal, createUniqueId, onCleanup, onMount } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport {\n  SidebarNav,\n  SidebarNavContent,\n  SidebarNavFooter,\n  SidebarNavHeader,\n  SidebarNavTitle,\n} from '../sidebar-nav/sidebar-nav'\nimport { PixelResizeHandle } from '../pixel-resize-handle/pixel-resize-handle'\n\ntype MobileModule = typeof import('./mobile-contextual-sidebar')\ntype MobileLoad = MobileModule | { error: unknown }\n\nexport type ContextualSidebarRenderContext = {\n  /** Whether the slot is being rendered inside the modal mobile sheet. */\n  mobile: boolean\n  /** Mount nested popovers and menus inside the mobile dialog's accessibility tree. */\n  portalMount(): HTMLElement | undefined\n}\n\nexport type ContextualSidebarProps = {\n  /** Stable host id prefix; generated when omitted. */\n  id?: string\n  /** Landmark name shared by the desktop and mobile navigation. */\n  label: string\n  /** Visible navigation title and mobile dialog title. */\n  title: string\n  /**\n   * Where the title row shows. `always` (default) draws it on desktop and in\n   * the mobile sheet; `mobile` keeps the desktop title for assistive\n   * technology only and drops the desktop row, for hosts whose top bar\n   * already names the context. A `header` slot keeps the row visible.\n   */\n  titleVisibility?: 'always' | 'mobile'\n  /** Host-controlled expanded state for the desktop panel and mobile dialog. */\n  open: boolean\n  onOpenChange(open: boolean): void\n  /** Current host-owned pixel width, reflected by the resize handle. */\n  width: number\n  minimum: number\n  maximum: number\n  step?: number\n  /** Pass the host's initial viewport seed to distinguish stale desktop state. */\n  wideViewportAtLoad?: boolean\n  resizeLabel?: string\n  /** The resize edge's grip: the default bordered chip, or the quieter rung. */\n  resizeGrip?: 'chip' | 'rung'\n  /** Stable external opener used when the modal mobile sheet closes. */\n  restoreFocusRef?: Accessor<HTMLElement | undefined>\n  /** Called with the nav node so a host can project width onto its layout root. */\n  onSidebarElement?: (element: HTMLElement | undefined, mobile: boolean) => void\n  /** Host-owned layout classes applied to both nav instances. */\n  sidebarClass?: string\n  /** Host-owned responsive constraints for the modal sheet. */\n  sheetClass?: string\n  headerClass?: string\n  contentClass?: string\n  footerClass?: string\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  /** Optional action/content slot alongside the shared heading. */\n  header?(context: ContextualSidebarRenderContext): JSX.Element\n  /** View-specific navigation rows, projects, rooms, files, or sessions. */\n  content(context: ContextualSidebarRenderContext): JSX.Element\n  /** Optional view-specific footer, such as an archive affordance. */\n  footer?(context: ContextualSidebarRenderContext): JSX.Element\n  onWidthChange(width: number): void\n  onWidthCommit?(width: number): void\n}\n\n/**\n * ContextualSidebar.\n *\n * Shared navigation geometry and interaction policy for an application's\n * contextual sidebar. The host keeps ownership of the actual grid width,\n * persisted preference, open state, and view-specific navigation content.\n */\nexport function ContextualSidebar(props: ContextualSidebarProps) {\n  const [isNarrowViewport, setIsNarrowViewport] = createSignal(false)\n  const [mobileLoad, setMobileLoad] = createSignal<MobileLoad>()\n  let mobileRequested = false\n  // Keep the resolved component mounted across viewport changes for Sheet cleanup.\n  const loadMobile = () => {\n    if (mobileRequested) return\n    mobileRequested = true\n    // Native module caching shares successful loads without keeping a rejected promise.\n    void import('./mobile-contextual-sidebar').then(\n      (module) => {\n        if (mobileRequested) setMobileLoad(module)\n      },\n      (error: unknown) => {\n        if (mobileRequested) setMobileLoad({ error })\n      }\n    )\n  }\n  const [mobileMount, setMobileMount] = createSignal<\n    { element: HTMLElement; connected: boolean } | undefined\n  >()\n  const id = props.id ?? `contextual-sidebar-${createUniqueId()}`\n  const resizeLabel = () => props.resizeLabel ?? `Resize ${props.label}`\n  const portalMount = () => {\n    const mount = mobileMount()\n    return mount?.connected && mount.element.isConnected ? mount.element : undefined\n  }\n\n  onMount(() => {\n    const media = window.matchMedia('(max-width: 48rem)')\n    const updateViewport = () => {\n      const wasNarrow = isNarrowViewport()\n      if (media.matches) loadMobile()\n      // Close before mounting a modal. A desktop-expanded host state is not\n      // mobile intent, and opening the Sheet for one frame can steal focus.\n      if (media.matches && !wasNarrow) props.onOpenChange(false)\n      setIsNarrowViewport(media.matches)\n    }\n\n    // A route can mount after a wide-loaded host crosses into mobile. Clear\n    // that stale seed, but preserve a sidebar intentionally opened at a\n    // narrow boot viewport.\n    if (media.matches) loadMobile()\n    if (media.matches && props.wideViewportAtLoad && props.open) props.onOpenChange(false)\n    setIsNarrowViewport(media.matches)\n    media.addEventListener('change', updateViewport)\n    onCleanup(() => {\n      mobileRequested = false\n      media.removeEventListener('change', updateViewport)\n    })\n  })\n\n  const renderSidebar = (mobile: boolean) => {\n    let element: HTMLElement | undefined\n    const context: ContextualSidebarRenderContext = {\n      mobile,\n      portalMount: () => (mobile ? portalMount() : undefined),\n    }\n    const navigationId = `${id}-${mobile ? 'mobile' : 'desktop'}`\n\n    onCleanup(() => {\n      if (mobile && mobileMount()?.element === element) setMobileMount(undefined)\n      element = undefined\n      props.onSidebarElement?.(undefined, mobile)\n    })\n\n    return (\n      <SidebarNav\n        as=\"aside\"\n        id={navigationId}\n        aria-label={props.label}\n        aria-hidden={!mobile && !props.open ? 'true' : undefined}\n        inert={!mobile && !props.open}\n        data-contextual-sidebar={mobile ? 'mobile' : 'desktop'}\n        data-open={mobile ? undefined : String(props.open)}\n        ref={(node) => {\n          element = node\n          if (mobile) {\n            setMobileMount({ element: node, connected: node.isConnected })\n            queueMicrotask(() => {\n              if (node.isConnected && mobileMount()?.element === node)\n                setMobileMount({ element: node, connected: true })\n            })\n          }\n          props.onSidebarElement?.(node, mobile)\n        }}\n        class={cn('relative h-full w-full max-w-full', props.sidebarClass)}\n      >\n        <Show when={!mobile && props.open}>\n          <PixelResizeHandle\n            // The ruler spans the sidebar as a pointer-events-none overlay; lift\n            // it above the neighbouring pane so the edge stays grabbable.\n            class=\"z-(--z-docked)\"\n            side=\"left\"\n            value={props.width}\n            minimum={props.minimum}\n            maximum={props.maximum}\n            step={props.step}\n            label={resizeLabel()}\n            grip={props.resizeGrip}\n            controls={navigationId}\n            onChange={props.onWidthChange}\n            onCommit={props.onWidthCommit}\n          />\n        </Show>\n        <Show when={!mobile || mobileMount()?.connected}>\n          <Show\n            when={mobile || props.titleVisibility !== 'mobile' || props.header}\n            fallback={\n              <SidebarNavTitle as={props.headingAs ?? 'h2'} class=\"sr-only\">\n                {props.title}\n              </SidebarNavTitle>\n            }\n          >\n            <SidebarNavHeader class={cn(mobile && 'pe-12', props.headerClass)}>\n              <SidebarNavTitle as={props.headingAs ?? 'h2'}>{props.title}</SidebarNavTitle>\n              {props.header?.(context)}\n            </SidebarNavHeader>\n          </Show>\n          <SidebarNavContent class={props.contentClass}>{props.content(context)}</SidebarNavContent>\n          {props.footer ? (\n            <SidebarNavFooter class={props.footerClass}>{props.footer(context)}</SidebarNavFooter>\n          ) : null}\n        </Show>\n      </SidebarNav>\n    )\n  }\n\n  return (\n    <>\n      <Show when={!isNarrowViewport()}>{(_wide) => renderSidebar(false)}</Show>\n      <Show when={mobileLoad()} keyed>\n        {(loaded) => {\n          if ('error' in loaded) throw loaded.error\n          return (\n            <loaded.MobileSidebar\n              open={isNarrowViewport() && props.open}\n              onOpenChange={props.onOpenChange}\n              label={props.label}\n              sheetClass={props.sheetClass}\n              restoreFocusRef={props.restoreFocusRef}\n              renderSidebar={() => renderSidebar(true)}\n            />\n          )\n        }}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/contextual-sidebar/mobile-contextual-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-contextual-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/mobile-contextual-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAI7C,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,IAAI,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,KAAK,EAAE,4BAA4B,eAahE"}
+{"version":3,"file":"mobile-contextual-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/mobile-contextual-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAI7C,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,IAAI,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,KAAK,EAAE,4BAA4B,eAkBhE"}

package/dist/components/layout/contextual-sidebar/mobile-contextual-sidebar.js

@@ -18,7 +18,7 @@ function MobileSidebar(props) {
 					return props.label;
 				},
 				get ["class"]() {
-					return cn("gap-0 p-0", props.sheetClass);
+					return cn("w-[min(19rem,max(9rem,calc(100vw-var(--rail-width,3.5rem))))] max-w-[min(19rem,max(9rem,calc(100vw-var(--rail-width,3.5rem))))] gap-0 p-0", props.sheetClass);
 				},
 				get restoreFocusRef() {
 					return props.restoreFocusRef;

package/dist/components/layout/contextual-sidebar/mobile-contextual-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-contextual-sidebar.js","names":["Accessor","JSX","cn","Sheet","SheetContent","MobileContextualSidebarProps","open","onOpenChange","label","sheetClass","restoreFocusRef","HTMLElement","renderSidebar","Element","MobileSidebar","props","_$createComponent","children","side","aria-label","class","_$createComponent"],"sources":["../../../../src/components/layout/contextual-sidebar/mobile-contextual-sidebar.tsx"],"sourcesContent":["import type { Accessor, JSX } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Sheet, SheetContent } from '../../ui/sheet'\n\nexport type MobileContextualSidebarProps = {\n  open: boolean\n  onOpenChange(open: boolean): void\n  label: string\n  sheetClass?: string\n  restoreFocusRef?: Accessor<HTMLElement | undefined>\n  renderSidebar(): JSX.Element\n}\n\n/** Sheet wrappers are loaded only when a contextual sidebar enters mobile mode. */\nexport function MobileSidebar(props: MobileContextualSidebarProps) {\n  return (\n    <Sheet open={props.open} onOpenChange={props.onOpenChange}>\n      <SheetContent\n        side=\"start\"\n        aria-label={props.label}\n        class={cn('gap-0 p-0', props.sheetClass)}\n        restoreFocusRef={props.restoreFocusRef}\n      >\n        {props.renderSidebar()}\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgBc,cAAcC,OAAqC;CACjE,OAAAC,gBACGb,OAAK;EAAA,IAACG,OAAI;GAAA,OAAES,MAAMT;EAAI;EAAA,IAAEC,eAAY;GAAA,OAAEQ,MAAMR;EAAY;EAAA,IAAAU,WAAA;GAAA,OAAAD,gBACtDZ,cAAY;IACXc,MAAI;IAAA,KAAA,gBAAA;KAAA,OACQH,MAAMP;IAAK;IAAA,KAAA,WAAA;KAAA,OAChBN,GAAG,aAAaa,MAAMN,UAAU;IAAC;IAAA,IACxCC,kBAAe;KAAA,OAAEK,MAAML;IAAe;IAAA,IAAAO,WAAA;KAAA,OAErCF,MAAMH,cAAc;IAAC;GAAA,CAAA;EAAA;CAAA,CAAA;AAI9B"}
+{"version":3,"file":"mobile-contextual-sidebar.js","names":["Accessor","JSX","cn","Sheet","SheetContent","MobileContextualSidebarProps","open","onOpenChange","label","sheetClass","restoreFocusRef","HTMLElement","renderSidebar","Element","MobileSidebar","props","_$createComponent","children","side","aria-label","class","_$createComponent"],"sources":["../../../../src/components/layout/contextual-sidebar/mobile-contextual-sidebar.tsx"],"sourcesContent":["import type { Accessor, JSX } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Sheet, SheetContent } from '../../ui/sheet'\n\nexport type MobileContextualSidebarProps = {\n  open: boolean\n  onOpenChange(open: boolean): void\n  label: string\n  sheetClass?: string\n  restoreFocusRef?: Accessor<HTMLElement | undefined>\n  renderSidebar(): JSX.Element\n}\n\n/** Sheet wrappers are loaded only when a contextual sidebar enters mobile mode. */\nexport function MobileSidebar(props: MobileContextualSidebarProps) {\n  return (\n    <Sheet open={props.open} onOpenChange={props.onOpenChange}>\n      <SheetContent\n        side=\"start\"\n        aria-label={props.label}\n        // The sheet leaves the app rail visible beside it: at most 19rem, never\n        // under 9rem, and otherwise the viewport less the rail's width.\n        class={cn(\n          'w-[min(19rem,max(9rem,calc(100vw-var(--rail-width,3.5rem))))] max-w-[min(19rem,max(9rem,calc(100vw-var(--rail-width,3.5rem))))] gap-0 p-0',\n          props.sheetClass\n        )}\n        restoreFocusRef={props.restoreFocusRef}\n      >\n        {props.renderSidebar()}\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgBc,cAAcC,OAAqC;CACjE,OAAAC,gBACGb,OAAK;EAAA,IAACG,OAAI;GAAA,OAAES,MAAMT;EAAI;EAAA,IAAEC,eAAY;GAAA,OAAEQ,MAAMR;EAAY;EAAA,IAAAU,WAAA;GAAA,OAAAD,gBACtDZ,cAAY;IACXc,MAAI;IAAA,KAAA,gBAAA;KAAA,OACQH,MAAMP;IAAK;IAAA,KAAA,WAAA;KAAA,OAGhBN,GACL,6IACAa,MAAMN,UACR;IAAC;IAAA,IACDC,kBAAe;KAAA,OAAEK,MAAML;IAAe;IAAA,IAAAO,WAAA;KAAA,OAErCF,MAAMH,cAAc;IAAC;GAAA,CAAA;EAAA;CAAA,CAAA;AAI9B"}

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.d.ts

@@ -9,6 +9,8 @@ export type PixelResizeHandleProps = {
     label?: string;
     controls?: string;
     class?: string;
+    /** The grip drawn on the edge: the default bordered chip, or the quieter rung. */
+    grip?: 'chip' | 'rung';
     onChange(value: number): void;
     onCommit?(value: number): void;
 };

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pixel-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kCAgJ9D"}
+{"version":3,"file":"pixel-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kCAgJ9D"}

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js

@@ -76,7 +76,9 @@ function PixelResizeHandle(props) {
 					"aria-hidden": "true"
 				}),
 				createComponent(ResizableHandle, {
-					withHandle: true,
+					get withHandle() {
+						return props.grip === "rung" ? "rung" : true;
+					},
 					get label() {
 						return props.label ?? `Resize ${props.side} pane`;
 					},

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixel-resize-handle.js","names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","ratio","isRight","rulerSizes","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","_$createComponent","orientation","dir","sizes","keyboardDelta","style","width","onSizesChange","length","next","bounded","children","minSize","_$memo","maxSize","withHandle","aria-controls","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-dragging","onHandleDragStart","event","preventDefault","button","isPrimary","currentTarget","focus","setPointerCapture","clientX","onPointerMove","PointerEvent","delta","onPointerUp","onPointerCancel","onLostPointerCapture","onBlur","onKeyDown","includes","key","onKeyUp","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../ui/resizable'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n  /** Which physical edge of the ruler the resizable surface is attached to. */\n  side: 'left' | 'right'\n  /** Current width in CSS pixels. */\n  value: number\n  minimum: number\n  maximum: number\n  step?: number\n  label?: string\n  controls?: string\n  class?: string\n  onChange(value: number): void\n  onCommit?(value: number): void\n}\n\n/**\n * PixelResizeHandle.\n *\n * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and places the shared resizable grip at the\n * matching left or right edge.\n *\n * Corvu 0.2.5 supplies geometry, keyboard resizing, ARIA and the shared grip,\n * but its global drag handler does not end on pointer cancellation. Prevent\n * that handler through its public start hook and use local pointer capture\n * for bounded pixel gestures, including cancellation and lost capture.\n */\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n  const maximum = () => Math.max(1, props.maximum)\n  const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n  const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n  const ratio = () => value() / maximum()\n  const isRight = () => props.side === 'right'\n  const rulerSizes = () => (isRight() ? [1 - ratio(), ratio()] : [ratio(), 1 - ratio()])\n  const commit = () => props.onCommit?.(value())\n  let interacting = false\n  const [drag, setDrag] = createSignal<{\n    pointerId: number\n    startX: number\n    startValue: number\n    handle: HTMLElement\n  }>()\n  const endPointer = (shouldCommit: boolean) => {\n    const current = drag()\n    if (!current) return\n    setDrag(undefined)\n    if (current.handle.hasPointerCapture(current.pointerId))\n      current.handle.releasePointerCapture(current.pointerId)\n    if (shouldCommit) commit()\n  }\n  const endKeyboard = () => {\n    const wasInteracting = interacting\n    interacting = false\n    if (wasInteracting) commit()\n  }\n  onCleanup(() => {\n    endKeyboard()\n    endPointer(false)\n  })\n\n  return (\n    <ResizablePanelGroup\n      orientation=\"horizontal\"\n      dir=\"ltr\"\n      sizes={rulerSizes()}\n      keyboardDelta={`${props.step ?? 16}px`}\n      style={{ width: `${maximum()}px` }}\n      class={cn(\n        'pointer-events-none absolute inset-y-0 flex',\n        {\n          'left-0': props.side === 'left',\n          'right-0': props.side === 'right',\n        },\n        props.class\n      )}\n      onSizesChange={(sizes) => {\n        // Panel registration and teardown also emit sizes. Only user resizing\n        // may update the host preference; collapsing must preserve its width.\n        if (!interacting || sizes.length !== 2) return\n        const next = Math.round((sizes[isRight() ? 1 : 0] ?? ratio()) * maximum())\n        const bounded = Math.min(maximum(), Math.max(minimum(), next))\n        if (bounded !== value()) props.onChange(bounded)\n      }}\n    >\n      <ResizablePanel\n        minSize={isRight() ? 0 : minimum() / maximum()}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n      <ResizableHandle\n        withHandle\n        label={props.label ?? `Resize ${props.side} pane`}\n        aria-controls={props.controls}\n        aria-valuemin={minimum()}\n        aria-valuemax={maximum()}\n        aria-valuenow={value()}\n        aria-valuetext={`${value()} pixels`}\n        data-dragging={drag() ? '' : undefined}\n        onHandleDragStart={(event) => {\n          // Corvu checks defaultPrevented before starting its global handler.\n          event.preventDefault()\n          if (event.button !== 0 || !event.isPrimary) return\n          const handle = event.currentTarget\n          if (!(handle instanceof HTMLElement)) return\n          endPointer(false)\n          interacting = false\n          handle.focus()\n          handle.setPointerCapture(event.pointerId)\n          setDrag({\n            pointerId: event.pointerId,\n            startX: event.clientX,\n            startValue: value(),\n            handle,\n          })\n        }}\n        onPointerMove={(event: PointerEvent) => {\n          const current = drag()\n          if (!current || event.pointerId !== current.pointerId) return\n          if (!current.handle.hasPointerCapture(current.pointerId)) {\n            endPointer(false)\n            return\n          }\n          const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1)\n          const next = Math.min(\n            maximum(),\n            Math.max(minimum(), Math.round(current.startValue + delta))\n          )\n          if (next !== value()) props.onChange(next)\n        }}\n        onPointerUp={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(true)\n        }}\n        onPointerCancel={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onLostPointerCapture={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onBlur={() => {\n          endKeyboard()\n          endPointer(false)\n        }}\n        onKeyDown={(event) => {\n          const current = drag()\n          if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n          if (drag()) {\n            event.preventDefault()\n            return\n          }\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) interacting = true\n          // Corvu operates on physical panel order. Home/End here describe\n          // the controlled pane width, including a pane after the separator.\n          if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault()\n            props.onChange(event.key === 'Home' ? minimum() : maximum())\n          }\n        }}\n        onKeyUp={(event) => {\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {\n            endKeyboard()\n          }\n        }}\n        class=\"pointer-events-auto\"\n      />\n      <ResizablePanel\n        minSize={isRight() ? minimum() / maximum() : 0}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n    </ResizablePanelGroup>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"pixel-resize-handle.js","names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","grip","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","ratio","isRight","rulerSizes","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","_$createComponent","orientation","dir","sizes","keyboardDelta","style","width","onSizesChange","length","next","bounded","children","minSize","_$memo","maxSize","withHandle","aria-controls","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-dragging","onHandleDragStart","event","preventDefault","button","isPrimary","currentTarget","focus","setPointerCapture","clientX","onPointerMove","PointerEvent","delta","onPointerUp","onPointerCancel","onLostPointerCapture","onBlur","onKeyDown","includes","key","onKeyUp","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../ui/resizable'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n  /** Which physical edge of the ruler the resizable surface is attached to. */\n  side: 'left' | 'right'\n  /** Current width in CSS pixels. */\n  value: number\n  minimum: number\n  maximum: number\n  step?: number\n  label?: string\n  controls?: string\n  class?: string\n  /** The grip drawn on the edge: the default bordered chip, or the quieter rung. */\n  grip?: 'chip' | 'rung'\n  onChange(value: number): void\n  onCommit?(value: number): void\n}\n\n/**\n * PixelResizeHandle.\n *\n * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and places the shared resizable grip at the\n * matching left or right edge.\n *\n * Corvu 0.2.5 supplies geometry, keyboard resizing, ARIA and the shared grip,\n * but its global drag handler does not end on pointer cancellation. Prevent\n * that handler through its public start hook and use local pointer capture\n * for bounded pixel gestures, including cancellation and lost capture.\n */\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n  const maximum = () => Math.max(1, props.maximum)\n  const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n  const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n  const ratio = () => value() / maximum()\n  const isRight = () => props.side === 'right'\n  const rulerSizes = () => (isRight() ? [1 - ratio(), ratio()] : [ratio(), 1 - ratio()])\n  const commit = () => props.onCommit?.(value())\n  let interacting = false\n  const [drag, setDrag] = createSignal<{\n    pointerId: number\n    startX: number\n    startValue: number\n    handle: HTMLElement\n  }>()\n  const endPointer = (shouldCommit: boolean) => {\n    const current = drag()\n    if (!current) return\n    setDrag(undefined)\n    if (current.handle.hasPointerCapture(current.pointerId))\n      current.handle.releasePointerCapture(current.pointerId)\n    if (shouldCommit) commit()\n  }\n  const endKeyboard = () => {\n    const wasInteracting = interacting\n    interacting = false\n    if (wasInteracting) commit()\n  }\n  onCleanup(() => {\n    endKeyboard()\n    endPointer(false)\n  })\n\n  return (\n    <ResizablePanelGroup\n      orientation=\"horizontal\"\n      dir=\"ltr\"\n      sizes={rulerSizes()}\n      keyboardDelta={`${props.step ?? 16}px`}\n      style={{ width: `${maximum()}px` }}\n      class={cn(\n        'pointer-events-none absolute inset-y-0 flex',\n        {\n          'left-0': props.side === 'left',\n          'right-0': props.side === 'right',\n        },\n        props.class\n      )}\n      onSizesChange={(sizes) => {\n        // Panel registration and teardown also emit sizes. Only user resizing\n        // may update the host preference; collapsing must preserve its width.\n        if (!interacting || sizes.length !== 2) return\n        const next = Math.round((sizes[isRight() ? 1 : 0] ?? ratio()) * maximum())\n        const bounded = Math.min(maximum(), Math.max(minimum(), next))\n        if (bounded !== value()) props.onChange(bounded)\n      }}\n    >\n      <ResizablePanel\n        minSize={isRight() ? 0 : minimum() / maximum()}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n      <ResizableHandle\n        withHandle={props.grip === 'rung' ? 'rung' : true}\n        label={props.label ?? `Resize ${props.side} pane`}\n        aria-controls={props.controls}\n        aria-valuemin={minimum()}\n        aria-valuemax={maximum()}\n        aria-valuenow={value()}\n        aria-valuetext={`${value()} pixels`}\n        data-dragging={drag() ? '' : undefined}\n        onHandleDragStart={(event) => {\n          // Corvu checks defaultPrevented before starting its global handler.\n          event.preventDefault()\n          if (event.button !== 0 || !event.isPrimary) return\n          const handle = event.currentTarget\n          if (!(handle instanceof HTMLElement)) return\n          endPointer(false)\n          interacting = false\n          handle.focus()\n          handle.setPointerCapture(event.pointerId)\n          setDrag({\n            pointerId: event.pointerId,\n            startX: event.clientX,\n            startValue: value(),\n            handle,\n          })\n        }}\n        onPointerMove={(event: PointerEvent) => {\n          const current = drag()\n          if (!current || event.pointerId !== current.pointerId) return\n          if (!current.handle.hasPointerCapture(current.pointerId)) {\n            endPointer(false)\n            return\n          }\n          const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1)\n          const next = Math.min(\n            maximum(),\n            Math.max(minimum(), Math.round(current.startValue + delta))\n          )\n          if (next !== value()) props.onChange(next)\n        }}\n        onPointerUp={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(true)\n        }}\n        onPointerCancel={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onLostPointerCapture={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onBlur={() => {\n          endKeyboard()\n          endPointer(false)\n        }}\n        onKeyDown={(event) => {\n          const current = drag()\n          if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n          if (drag()) {\n            event.preventDefault()\n            return\n          }\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) interacting = true\n          // Corvu operates on physical panel order. Home/End here describe\n          // the controlled pane width, including a pane after the separator.\n          if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault()\n            props.onChange(event.key === 'Home' ? minimum() : maximum())\n          }\n        }}\n        onKeyUp={(event) => {\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {\n            endKeyboard()\n          }\n        }}\n        class=\"pointer-events-auto\"\n      />\n      <ResizablePanel\n        minSize={isRight() ? minimum() / maximum() : 0}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n    </ResizablePanelGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,SAAgBkB,kBAAkBC,OAA+B;CAC/D,MAAMT,gBAAgBU,KAAKC,IAAI,GAAGF,MAAMT,OAAO;CAC/C,MAAMD,gBAAgBW,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAI,GAAGF,MAAMV,OAAO,CAAC;CACpE,MAAMD,cAAcY,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAIZ,QAAQ,GAAGW,KAAKG,MAAMJ,MAAMX,KAAK,CAAC,CAAC;CACpF,MAAMgB,cAAchB,MAAM,IAAIE,QAAQ;CACtC,MAAMe,gBAAgBN,MAAMZ,SAAS;CACrC,MAAMmB,mBAAoBD,QAAQ,IAAI,CAAC,IAAID,MAAM,GAAGA,MAAM,CAAC,IAAI,CAACA,MAAM,GAAG,IAAIA,MAAM,CAAC;CACpF,MAAMG,eAAeR,MAAMF,WAAWT,MAAM,CAAC;CAC7C,IAAIoB,cAAc;CAClB,MAAM,CAACC,MAAMC,WAAW3B,aAKrB;CACH,MAAMiC,cAAcC,iBAA0B;EAC5C,MAAMC,UAAUT,KAAK;EACrB,IAAI,CAACS,SAAS;EACdR,QAAQS,KAAAA,CAAS;EACjB,IAAID,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GACpDO,QAAQJ,OAAOO,sBAAsBH,QAAQP,SAAS;EACxD,IAAIM,cAAcV,OAAO;CAC3B;CACA,MAAMe,oBAAoB;EACxB,MAAMC,iBAAiBf;EACvBA,cAAc;EACd,IAAIe,gBAAgBhB,OAAO;CAC7B;CACAvB,gBAAgB;EACdsC,YAAY;EACZN,WAAW,KAAK;CAClB,CAAC;CAED,OAAAQ,gBACG1C,qBAAmB;EAClB2C,aAAW;EACXC,KAAG;EAAA,IACHC,QAAK;GAAA,OAAErB,WAAW;EAAC;EAAA,IACnBsB,gBAAa;GAAA,OAAE,GAAG7B,MAAMR,QAAQ,GAAE;EAAI;EAAA,IACtCsC,QAAK;GAAA,OAAE,EAAEC,OAAO,GAAGxC,QAAQ,EAAC,IAAK;EAAC;EAAA,KAAA,WAAA;GAAA,OAC3BL,GACL,+CACA;IACE,UAAUc,MAAMZ,SAAS;IACzB,WAAWY,MAAMZ,SAAS;GAC5B,GACAY,MAAML,KACR;EAAC;EACDqC,gBAAgBJ,UAAU;GAGxB,IAAI,CAACnB,eAAemB,MAAMK,WAAW,GAAG;GACxC,MAAMC,OAAOjC,KAAKG,OAAOwB,MAAMtB,QAAQ,IAAI,IAAI,MAAMD,MAAM,KAAKd,QAAQ,CAAC;GACzE,MAAM4C,UAAUlC,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAIZ,QAAQ,GAAG4C,IAAI,CAAC;GAC7D,IAAIC,YAAY9C,MAAM,GAAGW,MAAMH,SAASsC,OAAO;EACjD;EAAC,IAAAC,WAAA;GAAA,OAAA;IAAAX,gBAEA3C,gBAAc;KAAA,IACbuD,UAAO;MAAA,OAAEC,WAAA,CAAA,CAAAhC,QAAQ,CAAC,CAAA,CAAA,IAAG,IAAIhB,QAAQ,IAAIC,QAAQ;KAAC;KAC9CgD,SAAS;KAAC,eAAA;IAAA,CAAA;IAAAd,gBAGX5C,iBAAe;KAAA,IACd2D,aAAU;MAAA,OAAExC,MAAMJ,SAAS,SAAS,SAAS;KAAI;KAAA,IACjDH,QAAK;MAAA,OAAEO,MAAMP,SAAS,UAAUO,MAAMZ,KAAI;KAAO;KAAA,KAAA,mBAAA;MAAA,OAClCY,MAAMN;KAAQ;KAAA,KAAA,mBAAA;MAAA,OACdJ,QAAQ;KAAC;KAAA,KAAA,mBAAA;MAAA,OACTC,QAAQ;KAAC;KAAA,KAAA,mBAAA;MAAA,OACTF,MAAM;KAAC;KAAA,KAAA,oBAAA;MAAA,OACN,GAAGA,MAAM,EAAC;KAAS;KAAA,KAAA,mBAAA;MAAA,OACpBqB,KAAK,IAAI,KAAKU,KAAAA;KAAS;KACtC2B,oBAAoBC,UAAU;MAE5BA,MAAMC,eAAe;MACrB,IAAID,MAAME,WAAW,KAAK,CAACF,MAAMG,WAAW;MAC5C,MAAMpC,SAASiC,MAAMI;MACrB,IAAI,EAAErC,kBAAkBC,cAAc;MACtCC,WAAW,KAAK;MAChBR,cAAc;MACdM,OAAOsC,MAAM;MACbtC,OAAOuC,kBAAkBN,MAAMpC,SAAS;MACxCD,QAAQ;OACNC,WAAWoC,MAAMpC;OACjBC,QAAQmC,MAAMO;OACdzC,YAAYzB,MAAM;OAClB0B;MACF,CAAC;KACH;KACAyC,gBAAgBR,UAAwB;MACtC,MAAM7B,UAAUT,KAAK;MACrB,IAAI,CAACS,WAAW6B,MAAMpC,cAAcO,QAAQP,WAAW;MACvD,IAAI,CAACO,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GAAG;OACxDK,WAAW,KAAK;OAChB;MACF;MACA,MAAMyC,SAASV,MAAMO,UAAUpC,QAAQN,WAAWP,QAAQ,IAAI,KAAK;MACnE,MAAM4B,OAAOjC,KAAKE,IAChBZ,QAAQ,GACRU,KAAKC,IAAIZ,QAAQ,GAAGW,KAAKG,MAAMe,QAAQL,aAAa4C,KAAK,CAAC,CAC5D;MACA,IAAIxB,SAAS7C,MAAM,GAAGW,MAAMH,SAASqC,IAAI;KAC3C;KACAyB,cAAcX,UAAwB;MACpC,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,IAAI;KAC5D;KACA2C,kBAAkBZ,UAAwB;MACxC,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,KAAK;KAC7D;KACA4C,uBAAuBb,UAAwB;MAC7C,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,KAAK;KAC7D;KACA6C,cAAc;MACZvC,YAAY;MACZN,WAAW,KAAK;KAClB;KACA8C,YAAYf,UAAU;MACpB,MAAM7B,UAAUT,KAAK;MACrB,IAAIS,WAAW,CAACA,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GAAGK,WAAW,KAAK;MACrF,IAAIP,KAAK,GAAG;OACVsC,MAAMC,eAAe;OACrB;MACF;MACA,IAAI;OAAC;OAAa;OAAc;OAAQ;MAAK,CAAC,CAACe,SAAShB,MAAMiB,GAAG,GAAGxD,cAAc;MAGlF,IAAIuC,MAAMiB,QAAQ,UAAUjB,MAAMiB,QAAQ,OAAO;OAC/CjB,MAAMC,eAAe;OACrBjD,MAAMH,SAASmD,MAAMiB,QAAQ,SAAS3E,QAAQ,IAAIC,QAAQ,CAAC;MAC7D;KACF;KACA2E,UAAUlB,UAAU;MAClB,IAAI;OAAC;OAAa;OAAc;OAAQ;MAAK,CAAC,CAACgB,SAAShB,MAAMiB,GAAG,GAC/D1C,YAAY;KAEhB;KAAC,SAAA;IAAA,CAAA;IAAAE,gBAGF3C,gBAAc;KAAA,IACbuD,UAAO;MAAA,OAAEC,WAAA,CAAA,CAAAhC,QAAQ,CAAC,CAAA,CAAA,IAAGhB,QAAQ,IAAIC,QAAQ,IAAI;KAAC;KAC9CgD,SAAS;KAAC,eAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAKlB"}

package/dist/components/ui/alert/alert.d.ts

@@ -24,5 +24,12 @@ export type AlertProps = ComponentProps<'div'> & AlertVariantProps & {
 export declare function Alert(props: AlertProps): JSX.Element;
 export declare function AlertTitle(props: ComponentProps<'div'>): JSX.Element;
 export declare function AlertDescription(props: ComponentProps<'div'>): JSX.Element;
+/**
+ * The alert's own actions — a Retry, an Open settings, a Cancel — on a row
+ * under the text, aligned with the title rather than the glyph. Buttons here
+ * are `size="xs" variant="outline"` by convention, so an alert's action reads
+ * as part of the message rather than as the page's primary action.
+ */
+export declare function AlertAction(props: ComponentProps<'div'>): JSX.Element;
 export { alertVariants };
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAkBD,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAC5C,iBAAiB,GAAG;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAuBtC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAkBD,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAC5C,iBAAiB,GAAG;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAuBtC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASvD;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/alert/alert.js

@@ -8,6 +8,7 @@ var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=alert role=alert>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<span data-slot=alert-icon>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=alert-title>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=alert-description>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=alert-action>`);
 /**
 * Alert.
 *
@@ -93,7 +94,23 @@ function AlertDescription(props) {
 		return _el$4;
 	})();
 }
+/**
+* The alert's own actions — a Retry, an Open settings, a Cancel — on a row
+* under the text, aligned with the title rather than the glyph. Buttons here
+* are `size="xs" variant="outline"` by convention, so an alert's action reads
+* as part of the message rather than as the page's primary action.
+*/
+function AlertAction(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("col-start-2 mt-1 flex flex-wrap items-center gap-2", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
+}
 //#endregion
-export { Alert, AlertDescription, AlertTitle, alertVariants };
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
 
 //# sourceMappingURL=alert.js.map

package/dist/components/ui/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":["AlertCircle","CheckCircle2","Info","TriangleAlert","ComponentProps","JSX","splitProps","Dynamic","cva","VariantProps","cn","alertVariants","variants","variant","default","destructive","success","warning","info","defaultVariants","alertIcons","const","alertIconTones","AlertVariantProps","AlertProps","icon","Element","Alert","props","local","rest","tone","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$createComponent","component","_$effect","_$className","children","AlertTitle","_el$3","_tmpl$3","AlertDescription","_el$4","_tmpl$4","_$mergeProps","_$memo","_$createComponent","_$className"],"sources":["../../../../src/components/ui/alert/alert.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Alert.\n *\n * A message about the whole surface it sits in — a form's validation summary,\n * a failed sync banner, a permission notice. It is deliberately not a dialog:\n * an alert that must be dismissed before the user can continue is a Dialog.\n *\n * The glyph follows the tone rather than being passed in, so an alert cannot\n * be given a green checkmark on a destructive fill. A caller that genuinely\n * needs a different icon passes `icon`; `icon={null}` removes it. Text stays on\n * the body foreground over the tinted status surface, while the glyph and edge\n * carry the status hue.\n */\nconst alertVariants = cva(\n  'relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 gap-y-1 rounded-lg border px-3 py-2.5 text-sm',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground border-border',\n        destructive: 'bg-destructive-subtle text-foreground border-destructive/30',\n        success: 'bg-success-subtle text-foreground border-success/30',\n        warning: 'bg-warning-subtle text-foreground border-warning/30',\n        info: 'bg-info-subtle text-foreground border-info/30',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  }\n)\n\nconst alertIcons = {\n  default: Info,\n  destructive: AlertCircle,\n  success: CheckCircle2,\n  warning: TriangleAlert,\n  info: Info,\n} as const\n\nconst alertIconTones = {\n  default: 'text-muted-foreground',\n  destructive: 'text-destructive',\n  success: 'text-success',\n  warning: 'text-warning',\n  info: 'text-info',\n} as const\n\ntype AlertVariantProps = VariantProps<typeof alertVariants>\n\nexport type AlertProps = ComponentProps<'div'> &\n  AlertVariantProps & {\n    /** Replace the tone's glyph with your own element. `null` removes it. */\n    icon?: JSX.Element | null\n  }\n\nexport function Alert(props: AlertProps) {\n  const [local, rest] = splitProps(props, ['class', 'variant', 'icon', 'children'])\n\n  const tone = () => local.variant ?? 'default'\n\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      class={cn(alertVariants({ variant: local.variant }), local.class)}\n      {...rest}\n    >\n      {local.icon === null ? null : (\n        <span\n          data-slot=\"alert-icon\"\n          class={cn('row-span-2 pt-0.5 [&_svg]:size-4', alertIconTones[tone()])}\n        >\n          {local.icon ?? <Dynamic component={alertIcons[tone()]} />}\n        </span>\n      )}\n      {local.children}\n    </div>\n  )\n}\n\nexport function AlertTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-title\"\n      class={cn('col-start-2 font-medium tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function AlertDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-description\"\n      class={cn('col-start-2 text-sm [&_p]:leading-relaxed', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport { alertVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMW,gBAAgBH,IACpB,+GACA;CACEI,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,aAAa;EACbC,SAAS;EACTC,SAAS;EACTC,MAAM;CACR,EACF;CACAC,iBAAiB,EAAEN,SAAS,UAAU;AACxC,CACF;AAEA,IAAMO,aAAa;CACjBN,SAASZ;CACTa,aAAaf;CACbgB,SAASf;CACTgB,SAASd;CACTe,MAAMhB;AACR;AAEA,IAAMoB,iBAAiB;CACrBR,SAAS;CACTC,aAAa;CACbC,SAAS;CACTC,SAAS;CACTC,MAAM;AACR;AAUA,SAAgBS,MAAMC,OAAmB;CACvC,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC;CAEhF,MAAMG,aAAaF,MAAMhB,WAAW;CAEpC,cAAA;EAAA,IAAAmB,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAIWzB,GAAGC,cAAc,EAAEE,SAASgB,MAAMhB,QAAQ,CAAC,GAAGgB,MAAMO,KAAK;EAAC,EAAA,GAC7DN,IAAI,GAAA,OAAA,IAAA;EAAAO,OAAAL,aAAA;GAAA,IAAAM,MAAAC,WAEPV,MAAMJ,SAAS,IAAI;GAAA,aAAnBa,IAAA,IAAsB,cAAI;IAAA,IAAAE,QAAAC,QAAA;IAAAJ,OAAAG,aAKtBX,MAAMJ,QAAIiB,gBAAKnC,SAAO,EAAA,IAACoC,YAAS;KAAA,OAAEvB,WAAWW,KAAK;IAAE,EAAA,CAAA,CAAI;IAAAa,aAAAC,UAAAL,OAFlD9B,GAAG,oCAAoCY,eAAeS,KAAK,EAAE,CAAC,CAAA;IAAA,OAAAS;GAAA,EAAA,CAAA;EAIxE,EAAA,CAAA,GAAA,IAAA;EAAAH,OAAAL,YACAH,MAAMiB,UAAQ,IAAA;EAAA,OAAAd;CAAA,EAAA,CAAA;AAGrB;AAEA,SAAgBe,WAAWnB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoB,QAAAC,QAAA;EAAAf,OAAAc,OAAAb,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,0CAA0CmB,MAAMO,KAAK;EAAC,EAAA,GAC5DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAkB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,iBAAiBtB,OAA8B;CAC7D,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuB,QAAAC,QAAA;EAAAlB,OAAAiB,OAAAhB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,6CAA6CmB,MAAMO,KAAK;EAAC,EAAA,GAC/DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"alert.js","names":["AlertCircle","CheckCircle2","Info","TriangleAlert","ComponentProps","JSX","splitProps","Dynamic","cva","VariantProps","cn","alertVariants","variants","variant","default","destructive","success","warning","info","defaultVariants","alertIcons","const","alertIconTones","AlertVariantProps","AlertProps","icon","Element","Alert","props","local","rest","tone","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$createComponent","component","_$effect","_$className","children","AlertTitle","_el$3","_tmpl$3","AlertDescription","_el$4","_tmpl$4","AlertAction","_el$5","_tmpl$5","_$mergeProps","_$memo","_$createComponent","_$className"],"sources":["../../../../src/components/ui/alert/alert.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Alert.\n *\n * A message about the whole surface it sits in — a form's validation summary,\n * a failed sync banner, a permission notice. It is deliberately not a dialog:\n * an alert that must be dismissed before the user can continue is a Dialog.\n *\n * The glyph follows the tone rather than being passed in, so an alert cannot\n * be given a green checkmark on a destructive fill. A caller that genuinely\n * needs a different icon passes `icon`; `icon={null}` removes it. Text stays on\n * the body foreground over the tinted status surface, while the glyph and edge\n * carry the status hue.\n */\nconst alertVariants = cva(\n  'relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 gap-y-1 rounded-lg border px-3 py-2.5 text-sm',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground border-border',\n        destructive: 'bg-destructive-subtle text-foreground border-destructive/30',\n        success: 'bg-success-subtle text-foreground border-success/30',\n        warning: 'bg-warning-subtle text-foreground border-warning/30',\n        info: 'bg-info-subtle text-foreground border-info/30',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  }\n)\n\nconst alertIcons = {\n  default: Info,\n  destructive: AlertCircle,\n  success: CheckCircle2,\n  warning: TriangleAlert,\n  info: Info,\n} as const\n\nconst alertIconTones = {\n  default: 'text-muted-foreground',\n  destructive: 'text-destructive',\n  success: 'text-success',\n  warning: 'text-warning',\n  info: 'text-info',\n} as const\n\ntype AlertVariantProps = VariantProps<typeof alertVariants>\n\nexport type AlertProps = ComponentProps<'div'> &\n  AlertVariantProps & {\n    /** Replace the tone's glyph with your own element. `null` removes it. */\n    icon?: JSX.Element | null\n  }\n\nexport function Alert(props: AlertProps) {\n  const [local, rest] = splitProps(props, ['class', 'variant', 'icon', 'children'])\n\n  const tone = () => local.variant ?? 'default'\n\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      class={cn(alertVariants({ variant: local.variant }), local.class)}\n      {...rest}\n    >\n      {local.icon === null ? null : (\n        <span\n          data-slot=\"alert-icon\"\n          class={cn('row-span-2 pt-0.5 [&_svg]:size-4', alertIconTones[tone()])}\n        >\n          {local.icon ?? <Dynamic component={alertIcons[tone()]} />}\n        </span>\n      )}\n      {local.children}\n    </div>\n  )\n}\n\nexport function AlertTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-title\"\n      class={cn('col-start-2 font-medium tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function AlertDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-description\"\n      class={cn('col-start-2 text-sm [&_p]:leading-relaxed', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * The alert's own actions — a Retry, an Open settings, a Cancel — on a row\n * under the text, aligned with the title rather than the glyph. Buttons here\n * are `size=\"xs\" variant=\"outline\"` by convention, so an alert's action reads\n * as part of the message rather than as the page's primary action.\n */\nexport function AlertAction(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-action\"\n      class={cn('col-start-2 mt-1 flex flex-wrap items-center gap-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport { alertVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMW,gBAAgBH,IACpB,+GACA;CACEI,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,aAAa;EACbC,SAAS;EACTC,SAAS;EACTC,MAAM;CACR,EACF;CACAC,iBAAiB,EAAEN,SAAS,UAAU;AACxC,CACF;AAEA,IAAMO,aAAa;CACjBN,SAASZ;CACTa,aAAaf;CACbgB,SAASf;CACTgB,SAASd;CACTe,MAAMhB;AACR;AAEA,IAAMoB,iBAAiB;CACrBR,SAAS;CACTC,aAAa;CACbC,SAAS;CACTC,SAAS;CACTC,MAAM;AACR;AAUA,SAAgBS,MAAMC,OAAmB;CACvC,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC;CAEhF,MAAMG,aAAaF,MAAMhB,WAAW;CAEpC,cAAA;EAAA,IAAAmB,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAIWzB,GAAGC,cAAc,EAAEE,SAASgB,MAAMhB,QAAQ,CAAC,GAAGgB,MAAMO,KAAK;EAAC,EAAA,GAC7DN,IAAI,GAAA,OAAA,IAAA;EAAAO,OAAAL,aAAA;GAAA,IAAAM,MAAAC,WAEPV,MAAMJ,SAAS,IAAI;GAAA,aAAnBa,IAAA,IAAsB,cAAI;IAAA,IAAAE,QAAAC,QAAA;IAAAJ,OAAAG,aAKtBX,MAAMJ,QAAIiB,gBAAKnC,SAAO,EAAA,IAACoC,YAAS;KAAA,OAAEvB,WAAWW,KAAK;IAAE,EAAA,CAAA,CAAI;IAAAa,aAAAC,UAAAL,OAFlD9B,GAAG,oCAAoCY,eAAeS,KAAK,EAAE,CAAC,CAAA;IAAA,OAAAS;GAAA,EAAA,CAAA;EAIxE,EAAA,CAAA,GAAA,IAAA;EAAAH,OAAAL,YACAH,MAAMiB,UAAQ,IAAA;EAAA,OAAAd;CAAA,EAAA,CAAA;AAGrB;AAEA,SAAgBe,WAAWnB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoB,QAAAC,QAAA;EAAAf,OAAAc,OAAAb,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,0CAA0CmB,MAAMO,KAAK;EAAC,EAAA,GAC5DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAkB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,iBAAiBtB,OAA8B;CAC7D,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuB,QAAAC,QAAA;EAAAlB,OAAAiB,OAAAhB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,6CAA6CmB,MAAMO,KAAK;EAAC,EAAA,GAC/DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAGd;;;;;;;AAQA,SAAgBE,YAAYzB,OAA8B;CACxD,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAA0B,QAAAC,QAAA;EAAArB,OAAAoB,OAAAnB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,sDAAsDmB,MAAMO,KAAK;EAAC,EAAA,GACxEN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAwB;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/alert/index.d.ts

@@ -1,2 +1,2 @@
-export { Alert, AlertDescription, AlertTitle, alertVariants, type AlertProps } from './alert';
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants, type AlertProps, } from './alert';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA"}

package/dist/components/ui/alert/index.js

@@ -1,2 +1,2 @@
-import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert.js";
-export { Alert, AlertDescription, AlertTitle, alertVariants };
+import { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants } from "./alert.js";
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };

package/dist/components/ui/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;;8EAqCzB,CAAA;AAED,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,IAAI,gBAAgB,CAC1E,CAAC,EACD,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CACvC,CAAA;AAED,wBAAgB,KAAK,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kCAU5E"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;;8EAqCzB,CAAA;AAED,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,IAAI,gBAAgB,CAC1E,CAAC,EACD,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CACvC,CAAA;AAED,wBAAgB,KAAK,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kCAW5E"}

package/dist/components/ui/badge/badge.js

@@ -55,6 +55,7 @@ function Badge(props) {
 	]);
 	return createComponent(Polymorphic, mergeProps({
 		as: "span",
+		"data-slot": "badge",
 		get ["class"]() {
 			return cn(badgeVariants({
 				variant: local.variant,

package/dist/components/ui/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","notification","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Badge.\n *\n * A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n */\nexport const badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'border-border text-foreground',\n        /**\n         * Tinted status fills, for counts and states rather than actions. The\n         * word stays in `foreground` for contrast; the glyph takes the status\n         * hue, so tags of different tones read apart at a glance.\n         */\n        success: 'bg-success-subtle text-foreground [&_svg]:text-success',\n        warning: 'bg-warning-subtle text-foreground [&_svg]:text-warning',\n        destructive: 'bg-destructive-subtle text-foreground [&_svg]:text-destructive',\n        info: 'bg-info-subtle text-foreground [&_svg]:text-info',\n        subtle: 'bg-primary-subtle text-primary',\n        /**\n         * A count that asks for attention, pinned to a corner of another control\n         * (a workspace mark, a rail icon). At `sm` it is a 2xs label on whatever\n         * surface sits behind the corner, where the destructive tint all but\n         * disappears — so it takes the solid, contrast-measured action fill.\n         */\n        notification: 'bg-destructive-action text-destructive-action-foreground',\n      },\n      size: {\n        sm: 'h-4 px-1.5 text-2xs',\n        md: 'h-5 px-2 text-xs',\n        lg: 'h-6 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n  T,\n  BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n  const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"span\"\n      class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'span'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;;;;;GAMTC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;;;;;;;GAORC,cAAc;EAChB;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfd,SAAS;EACTU,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ7B,WAAW2B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGjC,aAAWkC,WAAA;EACVC,IAAE;EAAA,KAAA,WAAA;GAAA,OACK5B,GAAGC,cAAc;IAAEE,SAASqB,MAAMrB;IAASU,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}
+{"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","notification","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Badge.\n *\n * A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n */\nexport const badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'border-border text-foreground',\n        /**\n         * Tinted status fills, for counts and states rather than actions. The\n         * word stays in `foreground` for contrast; the glyph takes the status\n         * hue, so tags of different tones read apart at a glance.\n         */\n        success: 'bg-success-subtle text-foreground [&_svg]:text-success',\n        warning: 'bg-warning-subtle text-foreground [&_svg]:text-warning',\n        destructive: 'bg-destructive-subtle text-foreground [&_svg]:text-destructive',\n        info: 'bg-info-subtle text-foreground [&_svg]:text-info',\n        subtle: 'bg-primary-subtle text-primary',\n        /**\n         * A count that asks for attention, pinned to a corner of another control\n         * (a workspace mark, a rail icon). At `sm` it is a 2xs label on whatever\n         * surface sits behind the corner, where the destructive tint all but\n         * disappears — so it takes the solid, contrast-measured action fill.\n         */\n        notification: 'bg-destructive-action text-destructive-action-foreground',\n      },\n      size: {\n        sm: 'h-4 px-1.5 text-2xs',\n        md: 'h-5 px-2 text-xs',\n        lg: 'h-6 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n  T,\n  BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n  const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"span\"\n      data-slot=\"badge\"\n      class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'span'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;;;;;GAMTC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;;;;;;;GAORC,cAAc;EAChB;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfd,SAAS;EACTU,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ7B,WAAW2B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGjC,aAAWkC,WAAA;EACVC,IAAE;EAAA,aAAA;EAAA,KAAA,WAAA;GAAA,OAEK5B,GAAGC,cAAc;IAAEE,SAASqB,MAAMrB;IAASU,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}

package/dist/components/ui/breadcrumb/breadcrumb.d.ts

@@ -19,6 +19,12 @@ export type BreadcrumbLinkProps = ComponentProps<'a'> & {
     current?: boolean;
 };
 export declare function BreadcrumbLink(props: BreadcrumbLinkProps): import("solid-js").JSX.Element;
+/**
+ * The current page: the last crumb, as text rather than a link to itself, and
+ * marked `aria-current="page"`. The same element `BreadcrumbLink current`
+ * renders, for a trail whose last crumb is never a link.
+ */
+export declare function BreadcrumbPage(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
 export declare function BreadcrumbSeparator(props: ComponentProps<'li'>): import("solid-js").JSX.Element;
 export declare function BreadcrumbEllipsis(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/ui/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAWtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IACtD,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA0BxD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAc9D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAe/D"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAWtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IACtD,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAmBxD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAU3D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAc9D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAe/D"}