@k8slens/element-components 3.4.0 → 3.6.0

package/dist/src/elements.d.ts

@@ -1,9 +1,5 @@
 import type React from "react";
 export declare const sharedPlugins: (import("@k8slens/element-component").Plugin<import("..").DroppablePluginProps, unknown> | import("@k8slens/element-component").Plugin<import("./plugins/on-outside-click/on-outside-click").OnOutsideClickPluginProps, unknown> | import("@k8slens/element-component").Plugin<{
-    $className?: import("@k8slens/public-utilities").IClassName;
-    className?: string;
-    $block?: boolean | "inline";
-}, unknown> | import("@k8slens/element-component").Plugin<{
     $className?: import("@k8slens/public-utilities").IClassName;
     className?: string;
     $cursor?: import("./plugins/cursor/cursor").$CursorProps;
@@ -113,6 +109,10 @@ export declare const sharedPlugins: (import("@k8slens/element-component").Plugin
     $className?: import("@k8slens/public-utilities").IClassName;
     className?: string;
     $grid?: import("./plugins/grid/grid").GridProps;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
 }, unknown> | import("@k8slens/element-component").Plugin<{
     $className?: import("@k8slens/public-utilities").IClassName;
     className?: string;
@@ -862,9 +862,9 @@ export declare const ClickableDiv: import("@k8slens/element-component").ElementC
     };
     readonly $anchor?: boolean;
     readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
     readonly $onOutsideClick?: (event: PointerEvent) => void;
-    children?: React.ReactNode;
-    readonly tabIndex?: number;
+    tabIndex?: number;
     readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
     $textAlign?: "left" | "center" | "right";
     $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLDivElement>[] | React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLDivElement>)) | undefined;
@@ -1151,9 +1151,9 @@ export declare const Button: import("@k8slens/element-component").ElementCompone
     };
     readonly $anchor?: boolean;
     readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
     readonly $onOutsideClick?: (event: PointerEvent) => void;
-    children?: React.ReactNode;
-    readonly tabIndex?: number;
+    tabIndex?: number;
     readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
     $textAlign?: "left" | "center" | "right";
     $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLButtonElement>[] | React.MutableRefObject<HTMLButtonElement | null> | ((instance: HTMLButtonElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLButtonElement>)) | undefined;
@@ -2462,9 +2462,9 @@ export declare const ClickableLi: import("@k8slens/element-component").ElementCo
     };
     readonly $anchor?: boolean;
     readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
     readonly $onOutsideClick?: (event: PointerEvent) => void;
-    children?: React.ReactNode;
-    readonly tabIndex?: number;
+    tabIndex?: number;
     readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
     $textAlign?: "left" | "center" | "right";
     $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLLIElement>[] | React.MutableRefObject<HTMLLIElement | null> | ((instance: HTMLLIElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLLIElement>)) | undefined;

package/dist/src/plugins/anchor/anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/anchor/anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,KAAK,UAAU,EAAsB,MAAM,kBAAkB,CAAC;AASvE;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,mBAAmB,GACnB,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,CAAC;AAExB;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,cAAc,GACd;IACE,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAElC,oEAAoE;IACpE,QAAQ,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IAE1B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAIN,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;CACnC,CAAC;AAuHF,eAAO,MAAM,YAAY;;;;;;;;;;;;;wBAvIH,KAAK,CAAC,SAAS;uBAMhB,OAAO;2BASH,UAAU;WAqKjC,CAAC"}
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/anchor/anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,KAAK,UAAU,EAAsB,MAAM,kBAAkB,CAAC;AASvE;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,mBAAmB,GACnB,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,CAAC;AAExB;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,cAAc,GACd;IACE,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAElC,oEAAoE;IACpE,QAAQ,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IAE1B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAIN,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;CACnC,CAAC;AAqJF,eAAO,MAAM,YAAY;;;;;;;;;;;;;wBArKH,KAAK,CAAC,SAAS;uBAMhB,OAAO;2BASH,UAAU;WAmMjC,CAAC"}

package/dist/src/plugins/background-color/background-color.d.ts

@@ -4,6 +4,7 @@ export type BackgroundColor = Color | BackgroundColorAlias;
 export type $BackgroundColorProps = {
     normal?: BackgroundColor;
     hover?: BackgroundColor;
+    focus?: BackgroundColor;
 };
 export type BackgroundColorPluginProps = {
     $backgroundColor?: BackgroundColor | $BackgroundColorProps;

package/dist/src/plugins/background-color/background-color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background-color.d.ts","sourceRoot":"","sources":["../../../../src/plugins/background-color/background-color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,oBAAoB,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IAAE,gBAAgB,CAAC,EAAE,eAAe,GAAG,qBAAqB,CAAA;CAAE,CAAC;AAExG,QAAA,MAAM,cAAc;aAClB,iBAAiB,EAAE,QAAQ;aAC3B,mBAAmB,EAAE,SAAS;aAC9B,uBAAuB,EAAE,eAAe;CAChC,CAAC;AAIX,eAAO,MAAM,qBAAqB;;;uBAV4B,eAAe,GAAG,qBAAqB;WAyBnG,CAAC"}
+{"version":3,"file":"background-color.d.ts","sourceRoot":"","sources":["../../../../src/plugins/background-color/background-color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,oBAAoB,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IAAE,gBAAgB,CAAC,EAAE,eAAe,GAAG,qBAAqB,CAAA;CAAE,CAAC;AAExG,QAAA,MAAM,cAAc;aAClB,iBAAiB,EAAE,QAAQ;aAC3B,mBAAmB,EAAE,SAAS;aAC9B,uBAAuB,EAAE,eAAe;CAChC,CAAC;AAIX,eAAO,MAAM,qBAAqB;;;uBAV4B,eAAe,GAAG,qBAAqB;WA2BnG,CAAC"}

package/dist/src/plugins/color/color.d.ts

@@ -3,6 +3,7 @@ export type TextColor = Color | TextColorAlias;
 export type $ColorProps = {
     readonly normal?: TextColor;
     readonly hover?: TextColor;
+    readonly focus?: TextColor;
     readonly disabled?: TextColor;
 };
 export type ColorPluginProps = {

package/dist/src/plugins/color/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/plugins/color/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,QAAA,MAAM,cAAc;aAClB,SAAS,EAAE,QAAQ;aACnB,WAAW,EAAE,QAAQ;aACrB,aAAa,EAAE,QAAQ;CACf,CAAC;AAIX,eAAO,MAAM,WAAW;;;sBAX2B,SAAS,GAAG,WAAW;WA4BxE,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/plugins/color/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,QAAA,MAAM,cAAc;aAClB,SAAS,EAAE,QAAQ;aACnB,WAAW,EAAE,QAAQ;aACrB,aAAa,EAAE,QAAQ;CACf,CAAC;AAIX,eAAO,MAAM,WAAW;;;sBAX2B,SAAS,GAAG,WAAW;WA8BxE,CAAC"}

package/dist/src/plugins/drop-down-menu/drop-down-menu.d.ts

@@ -11,10 +11,24 @@ export type DropDownMenuPluginProps = {
      * The menu positions itself against the nearest anchor around it, so the element — or something
      * enclosing it — declares `$anchor`.
      *
+     * Focus returns to the element once the menu is gone. A menu that opens on hovering opens with
+     * ArrowRight as well, and closes with ArrowLeft from anywhere within it, so a menu held by a menu
+     * row is reachable without a pointer.
+     *
      * Requires `dropDownMenuFeature` of `@lensapp/drop-down-menu` to be registered: the menu
      * component is resolved through an injection token this package does not implement.
      */
     readonly $dropDownMenu?: DropDownMenuSpec;
 };
-export declare const dropDownMenuPlugin: import("@k8slens/element-component").Plugin<DropDownMenuPluginProps, unknown>;
+export declare const dropDownMenuPlugin: import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("../cursor/cursor").$CursorProps;
+    readonly children?: React.ReactNode;
+    readonly tabIndex?: number;
+    readonly $dropDownMenu?: DropDownMenuSpec;
+}, unknown>;
 //# sourceMappingURL=drop-down-menu.d.ts.map

package/dist/src/plugins/drop-down-menu/drop-down-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/plugins/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAC3C,CAAC;AA8HF,eAAO,MAAM,kBAAkB,+EAiB7B,CAAC"}
+{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/plugins/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAC3C,CAAC;AAsNF,eAAO,MAAM,kBAAkB;;;;;;;wBAzOT,KAAK,CAAC,SAAS;wBACf,MAAM;6BAiBD,gBAAgB;WAwP1C,CAAC"}

package/dist/src/plugins/focusable/_private/use-keyboard-navigation.d.ts

@@ -1,8 +1,9 @@
-import type { IObservableValue } from "mobx";
 import type { KeyboardNavigableFocusableContext } from "../get-focusable-context";
 type KeyboardNavigation = {
     readonly onKeyDown: (event: React.KeyboardEvent) => void;
+    readonly onFocus: () => void;
+    readonly focusWhatThePointerIsOn: (event: React.MouseEvent) => void;
 };
-export declare const useKeyboardNavigation: (context: KeyboardNavigableFocusableContext<any> | undefined, item: unknown, orderNumber: number | undefined, element: HTMLElement | null, state: IObservableValue<unknown>) => KeyboardNavigation;
+export declare const useKeyboardNavigation: (context: KeyboardNavigableFocusableContext<any> | undefined, item: unknown, orderNumber: number | undefined, element: HTMLElement | null) => KeyboardNavigation;
 export {};
 //# sourceMappingURL=use-keyboard-navigation.d.ts.map

package/dist/src/plugins/focusable/_private/use-keyboard-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/focusable/_private/use-keyboard-navigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAK7C,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC1D,CAAC;AAIF,eAAO,MAAM,qBAAqB,YACvB,iCAAiC,CAAC,GAAG,CAAC,GAAG,SAAS,QACrD,OAAO,eACA,MAAM,GAAG,SAAS,WACtB,WAAW,GAAG,IAAI,SACpB,gBAAgB,CAAC,OAAO,CAAC,KAC/B,kBA0EF,CAAC"}
+{"version":3,"file":"use-keyboard-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/focusable/_private/use-keyboard-navigation.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iCAAiC,EAAiC,MAAM,0BAA0B,CAAC;AAEjH,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrE,CAAC;AAQF,eAAO,MAAM,qBAAqB,YACvB,iCAAiC,CAAC,GAAG,CAAC,GAAG,SAAS,QACrD,OAAO,eACA,MAAM,GAAG,SAAS,WACtB,WAAW,GAAG,IAAI,KAC1B,kBAmGF,CAAC"}

package/dist/src/plugins/focusable/_shared/keyboard-navigation-state.injectable.d.ts

@@ -6,12 +6,16 @@ export type NavigableEntry = {
 };
 type NavigableContext = KeyboardNavigableFocusableContext<any>;
 /**
- * The members of every keyboard-navigable context, and the order the contexts appeared in. Focus
- * belongs to the context that appeared last; when it goes away, the previous one takes it back.
+ * The members of every keyboard-navigable context, the order the contexts appeared in, and which
+ * member of each had focus. Focus belongs to the context that appeared last; when it goes away, the
+ * previous one takes it back — at the member it was left on, which is what makes stepping into
+ * something and back out of it land where it started rather than at the beginning.
  */
 export declare const keyboardNavigationStateInjectable: import("@k8slens/injectable").Injectable2<() => {
     sortedEntriesOf: (context: NavigableContext) => NavigableEntry[];
     contextInFocus: () => NavigableContext | undefined;
+    itemInFocusOf: (context: NavigableContext) => unknown;
+    noteItemInFocus: (context: NavigableContext, item: unknown) => void;
     register: (context: NavigableContext, entry: NavigableEntry) => void;
     deregister: (context: NavigableContext, entry: NavigableEntry) => void;
 }>;

package/dist/src/plugins/focusable/_shared/keyboard-navigation-state.injectable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-navigation-state.injectable.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/focusable/_shared/keyboard-navigation-state.injectable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG,iCAAiC,CAAC,GAAG,CAAC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,iCAAiC;+BAsBb,gBAAgB;;wBAKvB,gBAAgB,SAAS,cAAc;0BAUrC,gBAAgB,SAAS,cAAc;EAejE,CAAC"}
+{"version":3,"file":"keyboard-navigation-state.injectable.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/focusable/_shared/keyboard-navigation-state.injectable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG,iCAAiC,CAAC,GAAG,CAAC,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,iCAAiC;+BAuBb,gBAAgB;;6BAKlB,gBAAgB;+BAEd,gBAAgB,QAAQ,OAAO;wBAItC,gBAAgB,SAAS,cAAc;0BAUrC,gBAAgB,SAAS,cAAc;EAmBjE,CAAC"}

package/dist/src/plugins/focusable/focusable-item-context.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Carries the focusable an element is, as decided by the surface it renders in rather than by the
+ * element itself: which context it competes in, which item it stands for, and where it sits among
+ * the others.
+ *
+ * A surface that knows its items — a menu, a toolbar — provides one of these per item; whatever
+ * draws the item adopts it through {@link useFocusableItem} while knowing nothing about the
+ * surface, which is what lets a dumb component be keyboard-navigable in one surface and ordinary
+ * in another.
+ */
+export declare const contextForFocusableItem: import("react").Context<{
+    context: import("./get-focusable-context").AnyFocusableContext<any>;
+    item: any;
+    orderNumber?: number;
+} | undefined>;
+/**
+ * The `$focusable` of the item a component draws, when the surface around it decided one.
+ * `undefined` outside such a surface, which is what makes adopting it a matter of passing it on.
+ *
+ * @example
+ * ```tsx
+ * const Row = ({ children }: { children: React.ReactNode }) => (
+ *   <ClickableLi $focusable={useFocusableItem()}>{children}</ClickableLi>
+ * );
+ * ```
+ */
+export declare const useFocusableItem: () => {
+    context: import("./get-focusable-context").AnyFocusableContext<any>;
+    item: any;
+    orderNumber?: number;
+} | undefined;
+//# sourceMappingURL=focusable-item-context.d.ts.map

package/dist/src/plugins/focusable/focusable-item-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusable-item-context.d.ts","sourceRoot":"","sources":["../../../../src/plugins/focusable/focusable-item-context.ts"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB;;;;cAA6D,CAAC;AAElG;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB;;;;aAA4C,CAAC"}

package/dist/src/plugins/focusable/focusable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusable.d.ts","sourceRoot":"","sources":["../../../../src/plugins/focusable/focusable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,IAAI;IACvD,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,EAAE,WAAW,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACpC,CAAC;AA+EF,wBAAgB,eAAe,CAAC,CAAC;;;;;;sBAtFf,MAAM;;;;;eAMX,WAAW,CAAC,UAAU,CAAC;YAsGnC"}
+{"version":3,"file":"focusable.d.ts","sourceRoot":"","sources":["../../../../src/plugins/focusable/focusable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,IAAI;IACvD,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,EAAE,WAAW,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACpC,CAAC;AAkFF,wBAAgB,eAAe,CAAC,CAAC;;;;;;sBAzFf,MAAM;;;;;eAMX,WAAW,CAAC,UAAU,CAAC;YAyGnC"}

package/dist/src/plugins/focusable/get-focusable-context.d.ts

@@ -9,6 +9,8 @@ export type FocusableContext<FocusedItem> = {
     readonly isKeyboardNavigable: false;
     focusable: (item: FocusedItem) => $FocusableProps<FocusedItem>;
 };
+/** Which arrow keys move focus within a keyboard-navigable context. */
+export type KeyboardNavigationOrientation = "vertical" | "horizontal" | "both";
 /**
  * A focusable context whose members are also navigated with arrow keys, in the order they state.
  * The lowest order number is focused when the members appear, and focus returns to the enclosing
@@ -17,6 +19,7 @@ export type FocusableContext<FocusedItem> = {
 export type KeyboardNavigableFocusableContext<FocusedItem> = {
     readonly id: string;
     readonly isKeyboardNavigable: true;
+    readonly orientation: KeyboardNavigationOrientation;
     focusable: (item: FocusedItem, orderNumber: number) => $FocusableProps<FocusedItem>;
 };
 export type AnyFocusableContext<FocusedItem = any> = FocusableContext<FocusedItem> | KeyboardNavigableFocusableContext<FocusedItem>;
@@ -26,8 +29,18 @@ export type AnyFocusableContext<FocusedItem = any> = FocusableContext<FocusedIte
  * instance.
  */
 export declare const getFocusableContext: <FocusedItem>(id: string) => FocusableContext<FocusedItem>;
+export type KeyboardNavigableFocusableContextOptions = {
+    /**
+     * Which arrow keys move focus. Downwards by default, as most sets of things are laid out: the
+     * keys of the other axis are then left to whatever the members want them for, such as a menu row
+     * opening the menu it holds with ArrowRight.
+     */
+    readonly orientation?: KeyboardNavigationOrientation;
+};
 /**
- * Declares a focusable context whose members are navigated with arrow keys.
+ * Declares a focusable context whose members are navigated with arrow keys. As with
+ * {@link getFocusableContext}, the same id always yields the same context — so the options are the
+ * ones the first call for an id stated.
  */
-export declare const getKeyboardNavigableFocusableContext: <FocusedItem>(id: string) => KeyboardNavigableFocusableContext<FocusedItem>;
+export declare const getKeyboardNavigableFocusableContext: <FocusedItem>(id: string, options?: KeyboardNavigableFocusableContextOptions) => KeyboardNavigableFocusableContext<FocusedItem>;
 //# sourceMappingURL=get-focusable-context.d.ts.map

package/dist/src/plugins/focusable/get-focusable-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-focusable-context.d.ts","sourceRoot":"","sources":["../../../../src/plugins/focusable/get-focusable-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,eAAe,CAAC,WAAW,IAAI,QAAQ,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;AAErG;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,WAAW,IAAI;IAC1C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,mBAAmB,EAAE,KAAK,CAAC;IACpC,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,eAAe,CAAC,WAAW,CAAC,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iCAAiC,CAAC,WAAW,IAAI;IAC3D,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,mBAAmB,EAAE,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,KAAK,eAAe,CAAC,WAAW,CAAC,CAAC;CACrF,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,WAAW,GAAG,GAAG,IAC7C,gBAAgB,CAAC,WAAW,CAAC,GAC7B,iCAAiC,CAAC,WAAW,CAAC,CAAC;AAInD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAO,MAAM,KAAG,gBAAgB,CAAC,WAAW,CASvF,CAAC;AAEL;;GAEG;AACH,eAAO,MAAM,oCAAoC,GAAI,WAAW,MAC1D,MAAM,KACT,iCAAiC,CAAC,WAAW,CAS5C,CAAC"}
+{"version":3,"file":"get-focusable-context.d.ts","sourceRoot":"","sources":["../../../../src/plugins/focusable/get-focusable-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,eAAe,CAAC,WAAW,IAAI,QAAQ,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;AAErG;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,WAAW,IAAI;IAC1C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,mBAAmB,EAAE,KAAK,CAAC;IACpC,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,eAAe,CAAC,WAAW,CAAC,CAAC;CAChE,CAAC;AAEF,uEAAuE;AACvE,MAAM,MAAM,6BAA6B,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAE/E;;;;GAIG;AACH,MAAM,MAAM,iCAAiC,CAAC,WAAW,IAAI;IAC3D,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,mBAAmB,EAAE,IAAI,CAAC;IACnC,QAAQ,CAAC,WAAW,EAAE,6BAA6B,CAAC;IACpD,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,KAAK,eAAe,CAAC,WAAW,CAAC,CAAC;CACrF,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,WAAW,GAAG,GAAG,IAC7C,gBAAgB,CAAC,WAAW,CAAC,GAC7B,iCAAiC,CAAC,WAAW,CAAC,CAAC;AAInD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAO,MAAM,KAAG,gBAAgB,CAAC,WAAW,CASvF,CAAC;AAEL,MAAM,MAAM,wCAAwC,GAAG;IACrD;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,6BAA6B,CAAC;CACtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oCAAoC,GAAI,WAAW,MAC1D,MAAM,YACD,wCAAwC,KAChD,iCAAiC,CAAC,WAAW,CAU5C,CAAC"}