@crockery/fellowship-components 1.1.0 → 2.1.0

package/dist/gear-planner/equipment-selector.d.ts

@@ -0,0 +1,48 @@
+import type { GearPlannerBuild, GearPlannerData, GearPlannerItem, GearPlannerItemBuild, GearPlannerPositionId, GearPlannerRarity, ImageAssetUrlResolver } from "@crockery/fellowship-data";
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+interface CandidateFeature {
+    readonly id: string;
+    readonly label: string;
+}
+export interface EquipmentSelectorCandidate {
+    readonly item: GearPlannerItem;
+    readonly itemBuild: GearPlannerItemBuild;
+    readonly name: string;
+    readonly rarity: GearPlannerRarity;
+    readonly features: readonly CandidateFeature[];
+    readonly tags: readonly string[];
+    readonly powerDelta: number;
+    readonly statDeltas: readonly string[];
+    readonly partial: boolean;
+    readonly equipped: boolean;
+}
+export interface EquipmentSelectorSelectDetail {
+    readonly item: GearPlannerItemBuild;
+    readonly name: string;
+}
+export declare class FellowshipEquipmentSelectorElement extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    data: GearPlannerData | null;
+    build: GearPlannerBuild | null;
+    positionId: GearPlannerPositionId | null;
+    resolveAssetUrl: ImageAssetUrlResolver | null;
+    compact: boolean;
+    expanded: boolean;
+    private _query;
+    private _filterId;
+    private _candidates;
+    private _filters;
+    private _visibleCandidates;
+    private _searchInput?;
+    protected willUpdate(changed: PropertyValues): void;
+    focusInitial(): void;
+    render(): TemplateResult;
+}
+export declare const defineFellowshipEquipmentSelector: () => void;
+declare global {
+    interface HTMLElementTagNameMap {
+        "fellowship-equipment-selector": FellowshipEquipmentSelectorElement;
+    }
+}
+export {};

package/dist/gear-planner/equipment-selector.styles.d.ts

@@ -0,0 +1 @@
+export declare const equipmentSelectorStyles: import("lit").CSSResult;

package/dist/gear-planner/gear-planner.d.ts

@@ -16,12 +16,18 @@ export declare class FellowshipGearPlannerElement extends LitElement {
     error: GearPlannerPresentationError | null;
     resolveAssetUrl: ImageAssetUrlResolver | null;
     private _selectedPositionId;
+    private _selectorOpen;
+    private _selectorPosition;
     private _tab;
     private _sheetOpen;
     private _compact;
     private _announcement;
     private _calculation;
+    private _leftPositionIds;
+    private _rightPositionIds;
+    private _mobilePositionIds;
     private _workbenchPanel?;
+    private _equipmentSelector?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changed: PropertyValues<this>): void;

package/dist/gear-planner/gear-position.d.ts

@@ -2,7 +2,7 @@ import type { GearPlannerItem, GearPlannerItemBuild, GearPlannerPosition } from
 import { LitElement, type TemplateResult } from "lit";
 export declare class FellowshipGearPositionElement extends LitElement {
     #private;
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     position: GearPlannerPosition | null;
     item: GearPlannerItem | null;
     itemBuild: GearPlannerItemBuild | null;

package/dist/gear-planner/item-workbench.d.ts

@@ -1,4 +1,4 @@
-import type { GearPlannerBuild, GearPlannerData, GearPlannerPositionId, ImageAssetUrlResolver } from "@crockery/fellowship-data";
+import type { GearPlannerBuild, GearPlannerData, GearPlannerPositionId } from "@crockery/fellowship-data";
 import { LitElement, type TemplateResult } from "lit";
 export declare class FellowshipItemWorkbenchElement extends LitElement {
     #private;
@@ -6,8 +6,6 @@ export declare class FellowshipItemWorkbenchElement extends LitElement {
     data: GearPlannerData | null;
     build: GearPlannerBuild | null;
     positionId: GearPlannerPositionId | null;
-    resolveAssetUrl: ImageAssetUrlResolver | null;
-    private _query;
     render(): TemplateResult;
 }
 export declare const defineFellowshipItemWorkbench: () => void;

package/dist/gear-planner/rarity-thumbnail.styles.d.ts

@@ -0,0 +1 @@
+export declare const rarityThumbnailStyles: import("lit").CSSResult;

package/dist/gear-planner/types.d.ts

@@ -4,7 +4,7 @@ export interface GearPlannerPresentationError {
     readonly message: string;
     readonly recoverable?: boolean;
 }
-export type GearPlannerChangeSource = "item" | "item-level" | "rarity" | "modifier" | "gem" | "trait" | "blessing" | "conditional";
+export type GearPlannerChangeSource = "item" | "item-level" | "rarity" | "tempers" | "talent-points" | "modifier" | "gem" | "trait" | "blessing" | "conditional";
 export interface GearPlannerBuildChangeDetail {
     readonly build: GearPlannerBuild;
     readonly source: GearPlannerChangeSource;

package/dist/gear-planner.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./chunks/gear-planner-uQOpm4QI.js";
+import { n as e, t } from "./chunks/gear-planner-BPj_U2jR.js";
 //#region src/gear-planner/index.ts
 e();
 //#endregion

package/dist/index.js

@@ -7,7 +7,7 @@ import "./dungeon-cast-browser.js";
 import { n as C, o as w, r as T, s as E, t as D } from "./chunks/tooltip-C3SSJw-t.js";
 import "./talent-calculator.js";
 import "./tooltip.js";
-import { n as O, t as k } from "./chunks/gear-planner-uQOpm4QI.js";
+import { n as O, t as k } from "./chunks/gear-planner-BPj_U2jR.js";
 import "./gear-planner.js";
 import { createPackageFellowshipDataClient as A } from "@crockery/fellowship-data/client";
 export { e as FellowshipDataError, d as FellowshipDungeonCastBrowserElement, o as FellowshipDungeonMapElement, k as FellowshipGearPlannerElement, x as FellowshipTalentCalculatorElement, D as FellowshipTooltipElement, h as MAX_TALENT_POINTS, a as ViewportController, T as calculateTooltipPosition, f as canSelectTalent, u as castIdentityKey, c as createDungeonCastBrowserModel, n as createDungeonMapRenderModel, s as createPackageFellowshipCastDataSource, A as createPackageFellowshipDataClient, i as createPackageFellowshipDataSource, m as createPackageFellowshipTalentDataSource, g as createTalentCalculatorRenderModel, v as createTalentCalculatorSelectionState, l as defineFellowshipDungeonCastBrowser, r as defineFellowshipDungeonMap, O as defineFellowshipGearPlanner, _ as defineFellowshipTalentCalculator, C as defineFellowshipTooltip, t as humanizeMapLabel, b as normalizeSelectedTalentIds, p as normalizeTalentPoints, w as resolveFellowshipRichText, E as stripFellowshipRichText, S as talentRowLabel, y as talentSlotName };

package/dist/react/gear-planner.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../chunks/gear-planner-uQOpm4QI.js";
+import { n as e, t } from "../chunks/gear-planner-BPj_U2jR.js";
 import { createComponent as n } from "@lit/react";
 import r, { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crockery/fellowship-components",
-  "version": "1.1.0",
+  "version": "2.1.0",
   "description": "Lit web components for rendering Fellowship game data.",
   "repository": {
     "type": "git",
@@ -112,7 +112,7 @@
   "dependencies": {
     "@lit/react": "^1.0.8",
     "lit": "^3.3.3",
-    "@crockery/fellowship-data": "^3.1.0"
+    "@crockery/fellowship-data": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",

package/src/gear-planner/README.md

@@ -33,11 +33,18 @@ The React wrapper is exported from
 `@crockery/fellowship-components/react/gear-planner` as `GearPlanner`, with
 `onBuildChange` and `onPlannerError` event props.
 
-At 1200px and above, the component renders summary and slot rails around a
-persistent workbench. Below 1200px it uses Traits & gems, Gear, and Bonuses tabs,
-with configuration in a full-height focus-contained editor. Item choices are
-filtered by the Data package, all changes are immediate, and unsupported
-mechanics remain visibly excluded from exact totals.
+At 1200px and above, selecting a slot opens a boundary-aware equipment flyout
+beside that slot while the persistent workbench remains dedicated to item
+configuration. Below 1200px, the same equipment choices appear in an expandable
+bottom sheet; **Configure current** then transitions to the full-height,
+focus-contained editor. Equipment is searchable, alphabetized, and filtered by
+the Data package. Candidate rows compare maximum valid default item level and
+rarity against the current build, with unsupported mechanics labeled as partial
+estimates.
+
+Selecting or unequipping an item proposes the change immediately, closes the
+selector, and restores focus to its slot. Both actions continue to use the
+existing `source: "item"` change detail.
 
 The planner uses the public `--fellowship-poster-*` Dungeon Poster tokens and
 bundled Syne/DM Mono faces. It maintains 44px controls, visible focus, reduced