@benev/tact 0.4.0-0 → 0.4.0-1

package/x/lib/ui/deck/hub.js

@@ -0,0 +1,85 @@
+import { RMap, RSet } from "@e280/strata";
+import { got, IdCounter } from "@e280/stz";
+import { encodeParcels } from "../../input/data/parcel/encode.js";
+import { encodeIntents } from "../../input/data/intent/encode.js";
+import { hashBindings } from "../../input/investigate/hash-bindings.js";
+export class Hub {
+    bindings;
+    #hash;
+    #ids = new IdCounter();
+    #unassigned = new RSet();
+    #players = new RMap();
+    constructor(bindings) {
+        this.bindings = bindings;
+        this.#hash = hashBindings(bindings);
+    }
+    get playerIds() {
+        return [...this.#players.keys()];
+    }
+    get controllers() {
+        return {
+            unassigned: [...this.#unassigned],
+            assigned: new Map([...this.#players]
+                .map(([playerId, port]) => [playerId, [...port.controllers]])),
+        };
+    }
+    createPlayer() {
+        const playerId = this.#ids.next();
+        this.#players.set(playerId, { controllers: new RSet() });
+        return playerId;
+    }
+    deletePlayer(playerId) {
+        this.#players.get(playerId)?.controllers.forEach(c => this.#unassigned.add(c));
+        this.#players.delete(playerId);
+        return this;
+    }
+    add(controller) {
+        this.unplug(controller);
+        return this;
+    }
+    remove(controller) {
+        this.unplug(controller);
+        this.#unassigned.delete(controller);
+        return this;
+    }
+    unplug(controller) {
+        this.#unassigned.add(controller);
+        for (const port of this.#players.values())
+            port.controllers.delete(controller);
+        return this;
+    }
+    plug(controller, playerId) {
+        playerId ??= this.playerIds.at(-1) ?? this.createPlayer();
+        this.unplug(controller);
+        got(this.#players.get(playerId)).controllers.add(controller);
+        this.#unassigned.delete(controller);
+        return this;
+    }
+    encode(playerId, time = performance.now()) {
+        const intents = new Map();
+        const { controllers } = got(this.#players.get(playerId));
+        for (const controller of controllers) {
+            for (const intent of controller.evaluate(time)) {
+                const alpha = intents.get(intent.id) ?? 0;
+                intents.set(intent.id, alpha + intent.value);
+            }
+        }
+        const changedIntents = [...intents]
+            .filter(([, value]) => value !== 0)
+            .map(([id, value]) => ({ id, value }));
+        return encodeIntents(this.#hash, changedIntents);
+    }
+    encodeAll(time = performance.now()) {
+        // drain and discard unused controller inputs.
+        for (const controller of this.#unassigned)
+            controller.clear();
+        // encode intents.
+        const parcels = Array.from(this.#players.keys()).map(playerId => ({
+            playerId,
+            intents: this.encode(playerId, time),
+        }));
+        // encode parcels.
+        return encodeParcels(parcels);
+    }
+}
+//# sourceMappingURL=hub.js.map

package/x/lib/ui/deck/hub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub.js","sourceRoot":"","sources":["../../../../s/lib/ui/deck/hub.ts"],"names":[],"mappings":"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"}

package/x/lib/ui/deck/setup/deck.d.ts

@@ -0,0 +1,3 @@
+import { SetupParams } from "./types.js";
+import { Bindings } from "../../../input/types.js";
+export declare function setupDeck<B extends Bindings>(params: SetupParams<B>): Promise<import("../types.js").Deck<B>>;

package/x/lib/ui/deck/setup/deck.js

@@ -0,0 +1,20 @@
+import { IdbMagazine, idbOpen, Kv } from "@e280/kv";
+import { Hub } from "../hub.js";
+import { asDeck } from "../types.js";
+import { Controls } from "../controls/controls.js";
+import { firstPreset } from "../utils/first-preset.js";
+export async function setupDeck(params) {
+    const kv = params.kv
+        ?? new Kv(new IdbMagazine(await idbOpen("tact", "kv")));
+    const broadcastChannel = params.broadcastChannel
+        ?? new BroadcastChannel("tact");
+    const { maxPlayers } = params;
+    const { bindings } = firstPreset(params.presets).profile;
+    const hub = new Hub(bindings);
+    const controls = new Controls({ ...params, kv });
+    await controls.load();
+    broadcastChannel.onmessage = () => controls.load();
+    controls.on(() => broadcastChannel.postMessage({}));
+    return asDeck({ hub, controls, maxPlayers });
+}
+//# sourceMappingURL=deck.js.map

package/x/lib/ui/deck/setup/deck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/setup/deck.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAE,EAAE,EAAC,MAAM,UAAU,CAAA;AAEjD,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAA;AAEhD,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AAEpD,MAAM,CAAC,KAAK,UAAU,SAAS,CAAqB,MAAsB;IACzE,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE;WAChB,IAAI,EAAE,CAAC,IAAI,WAAW,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IAExD,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB;WAC5C,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEhC,MAAM,EAAC,UAAU,EAAC,GAAG,MAAM,CAAA;IAC3B,MAAM,EAAC,QAAQ,EAAC,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAA;IAEtD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;IAC7B,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,EAAC,GAAG,MAAM,EAAE,EAAE,EAAC,CAAC,CAAA;IAE9C,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;IAErB,gBAAgB,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;IAClD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAA;IAEnD,OAAO,MAAM,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,CAAC,CAAA;AAC3C,CAAC"}

package/x/lib/ui/deck/setup/tact.d.ts

@@ -0,0 +1,17 @@
+import { SetupParams } from "./types.js";
+import { Bindings } from "../../../input/types.js";
+import { Controller } from "../../../input/controller.js";
+import { Visualizer } from "../../views/visualizer/visualizer.js";
+export declare function setupTact<B extends Bindings>(params: SetupParams<B>): Promise<{
+    deck: import("../types.js").Deck<B>;
+    gamepads: (defaultProfileKey?: string) => () => void;
+    mouseKeyboard: () => Controller<B>;
+    visualizer: Visualizer;
+    elements: {
+        TactDeck: new () => HTMLElement;
+        TactCustomize: new () => HTMLElement;
+        TactControllers: new () => HTMLElement;
+        TactVisualizer: new () => HTMLElement;
+    };
+    registerElements: () => void;
+}>;

package/x/lib/ui/deck/setup/tact.js

@@ -0,0 +1,67 @@
+import { register } from "@e280/sly";
+import { setupDeck } from "./deck.js";
+import { autoGamepads } from "../auto-gamepads.js";
+import { firstPreset } from "../utils/first-preset.js";
+import { Controller } from "../../../input/controller.js";
+import { Sources } from "../../../input/sources/sources.js";
+import { Visualizer } from "../../views/visualizer/visualizer.js";
+import { PointerSource } from "../../../input/sources/pointer.js";
+import { KeyboardSource } from "../../../input/sources/keyboard.js";
+import { makeDeckElement } from "../../views/deck/view.js";
+import { makeCustomizeElement } from "../../views/customize/view.js";
+import { makeVisualizerElement } from "../../views/visualizer/view.js";
+import { makeControllersElement } from "../../views/controllers/view.js";
+import devicesSvg from "../../icons/akar/devices.svg.js";
+import gameControllerSvg from "../../icons/akar/game-controller.svg.js";
+import { ellipsis } from "../../../utils/ellipsis.js";
+export async function setupTact(params) {
+    const deck = await setupDeck(params);
+    const visualizer = new Visualizer();
+    const elements = {
+        TactDeck: makeDeckElement(deck),
+        TactCustomize: makeCustomizeElement(deck),
+        TactControllers: makeControllersElement(deck),
+        TactVisualizer: makeVisualizerElement(visualizer),
+    };
+    function gamepads(defaultProfileKey) {
+        return autoGamepads(deck.hub, (controller, source) => {
+            const handle = `${source.pad.gamepad.id} ${source.pad.gamepad.index + 1}`;
+            deck.controls.attach(controller, {
+                icon: gameControllerSvg,
+                handle,
+                tooltip: handle,
+                name: ellipsis(handle, 32),
+                defaultProfileKey: defaultProfileKey ?? firstPreset(deck.controls.presets).key,
+            });
+            return () => deck.controls.detach(controller);
+        });
+    }
+    function mouseKeyboard() {
+        const { key, profile } = firstPreset(deck.controls.presets);
+        const controller = new Controller({
+            bindings: profile.bindings,
+            source: new Sources(new KeyboardSource(), new PointerSource()),
+        });
+        deck.hub.plug(controller);
+        deck.controls.attach(controller, {
+            icon: devicesSvg,
+            handle: "standard",
+            name: "mouse/keyboard",
+            tooltip: "",
+            defaultProfileKey: key,
+        });
+        return controller;
+    }
+    function registerElements() {
+        register(elements);
+    }
+    return {
+        deck,
+        gamepads,
+        mouseKeyboard,
+        visualizer,
+        elements,
+        registerElements,
+    };
+}
+//# sourceMappingURL=tact.js.map

package/x/lib/ui/deck/setup/tact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tact.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/setup/tact.ts"],"names":[],"mappings":"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"}

package/x/lib/ui/deck/setup/types.d.ts

@@ -0,0 +1,9 @@
+import { Kv } from "@e280/kv";
+import { Presets } from "../types.js";
+import { Bindings } from "../../../input/types.js";
+export type SetupParams<B extends Bindings> = {
+    maxPlayers: number;
+    presets: Presets<B>;
+    kv?: Kv;
+    broadcastChannel?: BroadcastChannel;
+};

package/x/lib/ui/deck/setup/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/x/lib/ui/deck/setup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/setup/types.ts"],"names":[],"mappings":""}

package/x/lib/ui/deck/types.d.ts

@@ -0,0 +1,18 @@
+import { Hub } from "./hub.js";
+import { Bindings } from "../../input/types.js";
+import { Controls } from "./controls/controls.js";
+export type PlayerId = number;
+export type ProfileKey = string;
+export type Profile<B extends Bindings = any> = {
+    label: string;
+    bindings: B;
+    basedOn?: string;
+};
+export type Presets<B extends Bindings> = Record<ProfileKey, Profile<B>>;
+export type Deck<B extends Bindings = any> = {
+    hub: Hub<B>;
+    maxPlayers: number;
+    controls: Controls<B>;
+};
+export declare const asDeck: <B extends Bindings>(deck: Deck<B>) => Deck<B>;
+export declare const asPresets: <B extends Bindings>(presets: Presets<B>) => Presets<B>;

package/x/lib/ui/deck/types.js

@@ -0,0 +1,3 @@
+export const asDeck = (deck) => deck;
+export const asPresets = (presets) => presets;
+//# sourceMappingURL=types.js.map

package/x/lib/ui/deck/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../s/lib/ui/deck/types.ts"],"names":[],"mappings":"AAuBA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAqB,IAAa,EAAE,EAAE,CAAC,IAAI,CAAA;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAqB,OAAmB,EAAE,EAAE,CAAC,OAAO,CAAA"}

package/x/lib/ui/deck/utils/first-preset.d.ts

@@ -0,0 +1,6 @@
+import { Presets } from "../types.js";
+import { Bindings } from "../../../input/types.js";
+export declare function firstPreset<B extends Bindings>(presets: Presets<B>): {
+    key: string;
+    profile: import("../types.js").Profile<B>;
+};

package/x/lib/ui/deck/utils/first-preset.js

@@ -0,0 +1,5 @@
+export function firstPreset(presets) {
+    const [key, profile] = Object.entries(presets)[0];
+    return { key, profile };
+}
+//# sourceMappingURL=first-preset.js.map

package/x/lib/ui/deck/utils/first-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-preset.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/utils/first-preset.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CAAqB,OAAmB;IAClE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,OAAO,EAAC,GAAG,EAAE,OAAO,EAAC,CAAA;AACtB,CAAC"}

package/x/lib/ui/icons/akar/backspace.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/backspace.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-Backspace"><path d="M17 15l-6-6m6 0l-6 6"/><path d="M7.4 4.8A2 2 0 0 1 9 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H9a2 2 0 0 1-1.6-.8l-4.5-6a2 2 0 0 1 0-2.4l4.5-6z"/></svg>`;
+//# sourceMappingURL=backspace.svg.js.map

package/x/lib/ui/icons/akar/backspace.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backspace.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/backspace.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,0WAA0W,CAAA"}

package/x/lib/ui/icons/akar/circle-plus.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/circle-plus.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-CirclePlus"><path d="M12 8v4m0 0v4m0-4h4m-4 0H8"/><circle cx="12" cy="12" r="10"/></svg>`;
+//# sourceMappingURL=circle-plus.svg.js.map

package/x/lib/ui/icons/akar/circle-plus.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-plus.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/circle-plus.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,4RAA4R,CAAA"}

package/x/lib/ui/icons/akar/copy.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/copy.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-Copy"><path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7.242a2 2 0 0 0-.602-1.43L16.083 2.57A2 2 0 0 0 14.685 2H10a2 2 0 0 0-2 2z"/><path d="M16 18v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2"/></svg>`;
+//# sourceMappingURL=copy.svg.js.map

package/x/lib/ui/icons/akar/copy.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/copy.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,gZAAgZ,CAAA"}

package/x/lib/ui/icons/akar/cross.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/cross.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="ai ai-Cross"><path d="M20 20L4 4m16 0L4 20"/></svg>`;
+//# sourceMappingURL=cross.svg.js.map

package/x/lib/ui/icons/akar/cross.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/cross.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,iPAAiP,CAAA"}

package/x/lib/ui/icons/akar/devices.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/devices.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-Devices"><path d="M10 15H4V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2"/><path d="M2 18h12"/><path d="M14 9.2c0-.663.597-1.2 1.333-1.2h5.334C21.403 8 22 8.537 22 9.2v9.6c0 .663-.597 1.2-1.333 1.2h-5.334C14.597 20 14 19.463 14 18.8V9.2z"/><path d="M18 17h.01"/></svg>`;
+//# sourceMappingURL=devices.svg.js.map

package/x/lib/ui/icons/akar/devices.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/devices.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,qcAAqc,CAAA"}

package/x/lib/ui/icons/akar/drag-vertical-fill.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/drag-vertical-fill.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="currentColor" stroke-width="2" class="ai ai-DragVerticalFill"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/></svg>`;
+//# sourceMappingURL=drag-vertical-fill.svg.js.map

package/x/lib/ui/icons/akar/drag-vertical-fill.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-vertical-fill.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/drag-vertical-fill.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,oqBAAoqB,CAAA"}

package/x/lib/ui/icons/akar/game-controller.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/game-controller.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-GameController"><path d="M9 15l-2.968 2.968A2.362 2.362 0 0 1 2 16.298V15l1.357-6.784A4 4 0 0 1 7.279 5h9.442a4 4 0 0 1 3.922 3.216L22 15v1.297a2.362 2.362 0 0 1-4.032 1.67L15 15H9z"/><path d="M9 5l1 2h4l1-2"/></svg>`;
+//# sourceMappingURL=game-controller.svg.js.map

package/x/lib/ui/icons/akar/game-controller.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-controller.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/game-controller.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,4ZAA4Z,CAAA"}

package/x/lib/ui/icons/akar/key-cap.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/key-cap.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-KeyCap"><path d="M7 3s3 .5 5 .5 5-.5 5-.5l1 9s-3 1-6 1-6-1-6-1l1-9z"/><path d="M3.869 8.147l-.862 10.294c-.03.366.04.733.205 1.06l.197.393A2.01 2.01 0 0 0 5.206 21h13.588a2.01 2.01 0 0 0 1.797-1.106l.197-.392c.165-.328.236-.695.205-1.06l-.862-10.295a3.99 3.99 0 0 0-.79-2.068L17 3s-3 .5-5 .5S6.978 3 6.978 3l-2.32 3.08a3.99 3.99 0 0 0-.79 2.067z"/><path d="M6 12l-2.5 8M18 12l2.5 8"/></svg>`;
+//# sourceMappingURL=key-cap.svg.js.map

package/x/lib/ui/icons/akar/key-cap.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-cap.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/key-cap.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,0kBAA0kB,CAAA"}

package/x/lib/ui/icons/akar/people-group.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/people-group.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-PeopleGroup"><path d="M16.719 19.752l-.64-5.124A3 3 0 0 0 13.101 12h-2.204a3 3 0 0 0-2.976 2.628l-.641 5.124A2 2 0 0 0 9.266 22h5.468a2 2 0 0 0 1.985-2.248z"/><circle cx="12" cy="5" r="3"/><circle cx="4" cy="9" r="2"/><circle cx="20" cy="9" r="2"/><path d="M4 14h-.306a2 2 0 0 0-1.973 1.671l-.333 2A2 2 0 0 0 3.361 20H7"/><path d="M20 14h.306a2 2 0 0 1 1.973 1.671l.333 2A2 2 0 0 1 20.639 20H17"/></svg>`;
+//# sourceMappingURL=people-group.svg.js.map

package/x/lib/ui/icons/akar/people-group.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"people-group.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/people-group.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,ulBAAulB,CAAA"}

package/x/lib/ui/icons/akar/person-add.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/person-add.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-PersonAdd"><circle cx="12" cy="7" r="5"/><path d="M17 22H5.266a2 2 0 0 1-1.985-2.248l.39-3.124A3 3 0 0 1 6.649 14H7"/><path d="M19 14v4"/><path d="M17 16h4"/></svg>`;
+//# sourceMappingURL=person-add.svg.js.map

package/x/lib/ui/icons/akar/person-add.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-add.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/person-add.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,wWAAwW,CAAA"}

package/x/lib/ui/icons/akar/settings-horizontal.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/settings-horizontal.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-SettingsHorizontal"><path d="M3 5h4m14 0H11m-8 7h12m6 0h-2M3 19h2m16 0H9"/><circle cx="9" cy="5" r="2"/><circle cx="17" cy="12" r="2"/><circle cx="7" cy="19" r="2"/></svg>`;
+//# sourceMappingURL=settings-horizontal.svg.js.map

package/x/lib/ui/icons/akar/settings-horizontal.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-horizontal.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/settings-horizontal.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,+WAA+W,CAAA"}

package/x/lib/ui/icons/akar/trash-can.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/trash-can.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-TrashCan"><path d="M4 6h16l-1.58 14.22A2 2 0 0 1 16.432 22H7.568a2 2 0 0 1-1.988-1.78L4 6z"/><path d="M7.345 3.147A2 2 0 0 1 9.154 2h5.692a2 2 0 0 1 1.81 1.147L18 6H6l1.345-2.853z"/><path d="M2 6h20"/><path d="M10 11v5"/><path d="M14 11v5"/></svg>`;
+//# sourceMappingURL=trash-can.svg.js.map

package/x/lib/ui/icons/akar/trash-can.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash-can.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/trash-can.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,2bAA2b,CAAA"}

package/x/lib/ui/icons/akar/x-small.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/lib/ui/icons/akar/x-small.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-XSmall"><path d="M17 17L7 7m10 0L7 17"/></svg>`;
+//# sourceMappingURL=x-small.svg.js.map

package/x/lib/ui/icons/akar/x-small.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-small.svg.js","sourceRoot":"","sources":["../../../../../s/lib/ui/icons/akar/x-small.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,kPAAkP,CAAA"}

package/x/lib/ui/views/controllers/style.css.js

@@ -0,0 +1,157 @@
+import { css } from "lit";
+export default css `@layer view {
+
+.plate {
+	user-select: none;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--pad);
+}
+
+[data-drag-and-drop] {
+	.player[data-drop-candidate] {
+		outline: 2px dashed color-mix(in oklch, transparent, var(--droppy) 80%);
+		background: color-mix(in oklch, var(--slate), var(--droppy) 20%);
+
+		&[data-dropping] {
+			outline: 2px solid var(--droppy);
+			background: color-mix(in oklch, var(--slate), var(--droppy) 50%);
+		}
+	}
+}
+
+.playerlist {
+	display: grid;
+	grid-template-columns: repeat(
+		auto-fit,
+		minmax(min(100%, 20em), 1fr)
+	);
+
+	width: min(100%, calc(48em + var(--pad)));
+	gap: var(--pad);
+
+	> * {
+		min-width: 0;
+		min-height: 7em;
+	}
+}
+
+.player {
+	display: flex;
+	flex-direction: column;
+
+	&.new {
+		justify-content: center;
+		align-items: center;
+		padding: var(--pad);
+
+		border-style: dashed;
+		border-width: 2px;
+		border-color: oklch(from var(--text) l c h / 30%);
+		background: transparent;
+		box-shadow: none;
+
+		button {
+			display: flex;
+			flex-direction: column;
+			svg {
+				width: 2.5em;
+				height: 2.5em;
+			}
+		}
+	}
+
+	h3 {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		padding: var(--nib) var(--pad);
+	}
+
+	.controllerlist {
+		display: flex;
+		flex: 1 1 auto;
+		flex-direction: column;
+		gap: var(--pad);
+		padding: var(--pad);
+	}
+
+	.controller {
+		--tint: oklch(0.7 0.3 var(--hue, 0));
+		background: color-mix(in oklch, transparent, var(--bg) 50%);
+		border: 2px solid var(--shimmer);
+		box-shadow:
+			inset 0 0 2em color-mix(in oklch, transparent, var(--shimmer)),
+			var(--box-shadow);
+
+		&:hover {
+			background: color-mix(in oklch, transparent, var(--bg) 70%);
+			filter: brightness(120%);
+		}
+
+		[view="profile-select"]::part(select) {
+			--base: oklch(from var(--tint) l c h / 50%);
+		}
+	}
+
+	.controller {
+		cursor: grab;
+		display: flex;
+		align-items: center;
+
+		gap: var(--pad);
+		padding: var(--nib);
+
+		border-radius: 0.5em;
+		overflow: clip;
+
+		.griptape {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			width: 1.5em;
+			flex: 0 0 auto;
+
+			svg {
+				opacity: 0.5;
+			}
+		}
+
+		.label {
+			display: flex;
+			align-items: center;
+			gap: var(--pad);
+			min-width: 0;
+
+			flex: 1 1 auto;
+			font-size: 1em;
+			font-weight: normal;
+
+			.icon {
+				display: flex;
+				flex: 0 0 auto;
+				svg {
+					width: 2em;
+					height: 2em;
+				}
+			}
+
+			.name {
+				min-width: 0;
+				line-height: 1.1;
+				font-size: 0.7em;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+		}
+
+		select {
+			padding: var(--nib) var(--pad);
+		}
+	}
+}
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/lib/ui/views/controllers/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/controllers/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0JhB,CAAA"}