@m4l/gclick 0.28.0 → 0.29.0

package/components/DevicesPicker/constants.d.ts

@@ -0,0 +1,51 @@
+export declare const DEVICES_PICKER_KEY_COMPONENT = "M4LDevicesPicker";
+export declare const DEVICES_PICKER_CLASSES: Record<"root" | "placeholder" | "trigger" | "placeholderIcon" | "cardsContainer" | "placeholderContainer" | "overflowToggle" | "chevronButton" | "deviceCardWrapper" | "measuringLayer" | "partialCardWrapper" | "deviceCard" | "deviceCardIcon" | "deviceCardContent" | "deviceCardName" | "deviceCardSubtitle" | "deviceCardId" | "deviceCardRemove" | "panelActions" | "panelActionDone" | "selectedList" | "selectedListHeader" | "selectedListTitle" | "selectedListCount" | "selectedListItems" | "skeletonCard" | "skeletonIcon" | "skeletonLine" | "skeletonChevron", string>;
+/**
+ * Base width of the picker: two cards plus the +N toggle and the chevron,
+ * taken from the master's Multiselect variant.
+ */
+export declare const DEVICES_PICKER_WIDTH = 440;
+/**
+ * Fixed width of the selected-devices list opened from the +N toggle.
+ * Matches the selection panel: the names wrap instead of truncating here, and
+ * the master's narrower box left them breaking after a couple of words.
+ */
+export declare const DEVICES_PICKER_SELECTED_LIST_WIDTH = 320;
+/**
+ * Height cap of the selected-devices list.
+ * Beyond it the list scrolls instead of growing the popover past the viewport,
+ * the same ceiling the selection panel applies to its own list.
+ */
+export declare const DEVICES_PICKER_SELECTED_LIST_HEIGHT = 320;
+/**
+ * Proportions of the loading skeleton bars, from the Figma master: the name bar
+ * takes 60-70% of the card width and the plate/id bar 40%.
+ * Only the proportions live here — every measurement of the skeleton (icon,
+ * chevron, bar height) comes from the size tokens, never from a literal.
+ */
+export declare const DEVICES_PICKER_SKELETON: {
+    /** Ghost text bar width, taken from the master's Skeleton variant. */
+    readonly textLineWidth: 140;
+};
+/**
+ * Keys owned by the async engine. They are consumed by DevicesPicker itself and
+ * must never reach the DOM or the presentational subcomponents.
+ */
+export declare const DEVICES_PICKER_ASYNC_ONLY_KEYS: readonly ["endPoint", "timeout", "parms", "resultField", "isRemote", "isExternalUrl", "responseToCamelCase", "shouldFetch"];
+/**
+ * Fixed height of a selected device card, so a device without a plate keeps
+ * the same height as one with it. Taken from the master's three-line Item.
+ */
+export declare const DEVICES_PICKER_CARD_MIN_HEIGHT = 56;
+/**
+ * Widest a selected device card can get inside the trigger. The card that does
+ * not fit whole is excluded: it already truncates against the leftover space.
+ */
+export declare const DEVICES_PICKER_CARD_MAX_WIDTH = 200;
+/**
+ * Narrowest the card that does not fit whole may get before it stops being
+ * painted: below this it only shows the icon and the remove action, which
+ * identifies no device. It is reported by the +N toggle instead.
+ */
+export declare const DEVICES_PICKER_PARTIAL_CARD_MIN_WIDTH = 150;
+//# sourceMappingURL=constants.d.ts.map

package/components/DevicesPicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DevicesPicker/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,sBAAsB,ujBAGlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAQxC;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,MAAM,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,mCAAmC,MAAM,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;IAClC,sEAAsE;;CAE9D,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,8BAA8B,6HASjC,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,MAAM,CAAC"}

package/components/DevicesPicker/constants.js

@@ -0,0 +1,30 @@
+import { getComponentClasses as E } from "@m4l/components";
+import { DevicesPickerSlots as _ } from "./slots/DevicesPickerEnum.js";
+const C = "M4LDevicesPicker", e = E(
+  C,
+  _
+), o = 440, s = 320, D = 320, S = {
+  /** Ghost text bar width, taken from the master's Skeleton variant. */
+  textLineWidth: 140
+}, n = [
+  "endPoint",
+  "timeout",
+  "parms",
+  "resultField",
+  "isRemote",
+  "isExternalUrl",
+  "responseToCamelCase",
+  "shouldFetch"
+], c = 56, P = 200, R = 150;
+export {
+  n as DEVICES_PICKER_ASYNC_ONLY_KEYS,
+  P as DEVICES_PICKER_CARD_MAX_WIDTH,
+  c as DEVICES_PICKER_CARD_MIN_HEIGHT,
+  e as DEVICES_PICKER_CLASSES,
+  C as DEVICES_PICKER_KEY_COMPONENT,
+  R as DEVICES_PICKER_PARTIAL_CARD_MIN_WIDTH,
+  D as DEVICES_PICKER_SELECTED_LIST_HEIGHT,
+  s as DEVICES_PICKER_SELECTED_LIST_WIDTH,
+  S as DEVICES_PICKER_SKELETON,
+  o as DEVICES_PICKER_WIDTH
+};

package/components/DevicesPicker/dictionary.d.ts

@@ -0,0 +1,17 @@
+export declare const DEVICES_PICKER_DICTIONARY_ID = "devices_picker";
+/**
+ * getDevicesPickerComponentsDictionary: Returns the dictionary ids used by the
+ * DevicesPicker component.
+ * The selection panel is a CheckableDevicesPicker with its own dictionary, so
+ * its id is included here and modules keep registering a single entry.
+ */
+export declare function getDevicesPickerComponentsDictionary(): string[];
+export declare const DICCTIONARY: {
+    readonly label_placeholder: "devices_picker.label_placeholder";
+    readonly label_selected_title: "devices_picker.label_selected_title";
+    readonly label_open_panel: "devices_picker.label_open_panel";
+    readonly label_remove_device: "devices_picker.label_remove_device";
+    readonly label_done: "devices_picker.label_done";
+};
+export type TypeDictionary = typeof DICCTIONARY;
+//# sourceMappingURL=dictionary.d.ts.map

package/components/DevicesPicker/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DevicesPicker/dictionary.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D;;;;;GAKG;AACH,wBAAgB,oCAAoC,aAEnD;AAED,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC"}

package/components/DevicesPicker/dictionary.js

@@ -0,0 +1,17 @@
+import { getCheckableDevicesPickerComponentsDictionary as l } from "../CheckableDevicesPicker/dictionary.js";
+const e = "devices_picker";
+function _() {
+  return [e, ...l()];
+}
+const c = {
+  label_placeholder: `${e}.label_placeholder`,
+  label_selected_title: `${e}.label_selected_title`,
+  label_open_panel: `${e}.label_open_panel`,
+  label_remove_device: `${e}.label_remove_device`,
+  label_done: `${e}.label_done`
+};
+export {
+  e as DEVICES_PICKER_DICTIONARY_ID,
+  c as DICCTIONARY,
+  _ as getDevicesPickerComponentsDictionary
+};

package/components/DevicesPicker/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DevicesPicker';
+export * from './types';
+export * from './constants';
+export * from './dictionary';
+export * from './subcomponents/DeviceCard';
+export * from './subcomponents/DevicesPickerSkeleton';
+export * from './subcomponents/SelectedDevicesList';
+//# sourceMappingURL=index.d.ts.map

package/components/DevicesPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DevicesPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC"}

package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts

@@ -0,0 +1,61 @@
+export declare enum DevicesPickerSlots {
+    /** Full-width wrapper: its size is the space the trigger can grow into. */
+    root = "root",
+    /** Trigger row: hugs its content (cards + overflow toggle + chevron). */
+    trigger = "trigger",
+    /** Horizontal container that holds the visible device cards. */
+    cardsContainer = "cardsContainer",
+    /** Row holding the leading icon and the placeholder text. */
+    placeholderContainer = "placeholderContainer",
+    /** Leading icon shown next to the placeholder. */
+    placeholderIcon = "placeholderIcon",
+    /** Placeholder text shown when there is no selection. */
+    placeholder = "placeholder",
+    /** ToggleButton showing the number of hidden cards (+N). */
+    overflowToggle = "overflowToggle",
+    /** IconButton that opens/closes the selection panel. */
+    chevronButton = "chevronButton",
+    /** Element that carries the measuring ref of each card. */
+    deviceCardWrapper = "deviceCardWrapper",
+    /** Off-layout container where pending cards are measured. */
+    measuringLayer = "measuringLayer",
+    /** Wrapper of the truncated card that fills the leftover space. */
+    partialCardWrapper = "partialCardWrapper",
+    /** Device card built on top of the system Card. */
+    deviceCard = "deviceCard",
+    /** Device icon wrapper inside the card. */
+    deviceCardIcon = "deviceCardIcon",
+    /** Column holding name, subtitle and id inside the card. */
+    deviceCardContent = "deviceCardContent",
+    /** Device name (first line of the card). */
+    deviceCardName = "deviceCardName",
+    /** Device plate (second line of the card, below the alias). */
+    deviceCardSubtitle = "deviceCardSubtitle",
+    /** Device id (third line of the card). */
+    deviceCardId = "deviceCardId",
+    /** Remove action of the card. */
+    deviceCardRemove = "deviceCardRemove",
+    /** Row at the foot of the selection panel that holds its close action. */
+    panelActions = "panelActions",
+    /** Button that closes the selection panel; the selection is already applied. */
+    panelActionDone = "panelActionDone",
+    /** Selected-devices list surface, opened from the +N toggle. */
+    selectedList = "selectedList",
+    /** Header of the selected-devices list. */
+    selectedListHeader = "selectedListHeader",
+    /** Icon and label group at the start of the selected-devices header. */
+    selectedListTitle = "selectedListTitle",
+    /** Count chip at the end of the selected-devices header. */
+    selectedListCount = "selectedListCount",
+    /** Scrollable body of the selected-devices list. */
+    selectedListItems = "selectedListItems",
+    /** Ghost card rendered while the devices are loading. */
+    skeletonCard = "skeletonCard",
+    /** Ghost icon inside the loading card. */
+    skeletonIcon = "skeletonIcon",
+    /** Ghost text bar inside the loading card. */
+    skeletonLine = "skeletonLine",
+    /** Ghost chevron of the loading trigger. */
+    skeletonChevron = "skeletonChevron"
+}
+//# sourceMappingURL=DevicesPickerEnum.d.ts.map

package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPickerEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/DevicesPicker/slots/DevicesPickerEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,2EAA2E;IAC3E,IAAI,SAAS;IACb,yEAAyE;IACzE,OAAO,YAAY;IACnB,gEAAgE;IAChE,cAAc,mBAAmB;IACjC,6DAA6D;IAC7D,oBAAoB,yBAAyB;IAC7C,kDAAkD;IAClD,eAAe,oBAAoB;IACnC,yDAAyD;IACzD,WAAW,gBAAgB;IAC3B,4DAA4D;IAC5D,cAAc,mBAAmB;IACjC,wDAAwD;IACxD,aAAa,kBAAkB;IAC/B,2DAA2D;IAC3D,iBAAiB,sBAAsB;IACvC,6DAA6D;IAC7D,cAAc,mBAAmB;IACjC,mEAAmE;IACnE,kBAAkB,uBAAuB;IACzC,mDAAmD;IACnD,UAAU,eAAe;IACzB,2CAA2C;IAC3C,cAAc,mBAAmB;IACjC,4DAA4D;IAC5D,iBAAiB,sBAAsB;IACvC,4CAA4C;IAC5C,cAAc,mBAAmB;IACjC,+DAA+D;IAC/D,kBAAkB,uBAAuB;IACzC,0CAA0C;IAC1C,YAAY,iBAAiB;IAC7B,iCAAiC;IACjC,gBAAgB,qBAAqB;IACrC,0EAA0E;IAC1E,YAAY,iBAAiB;IAC7B,gFAAgF;IAChF,eAAe,oBAAoB;IACnC,gEAAgE;IAChE,YAAY,iBAAiB;IAC7B,2CAA2C;IAC3C,kBAAkB,uBAAuB;IACzC,wEAAwE;IACxE,iBAAiB,sBAAsB;IACvC,4DAA4D;IAC5D,iBAAiB,sBAAsB;IACvC,oDAAoD;IACpD,iBAAiB,sBAAsB;IACvC,yDAAyD;IACzD,YAAY,iBAAiB;IAC7B,0CAA0C;IAC1C,YAAY,iBAAiB;IAC7B,8CAA8C;IAC9C,YAAY,iBAAiB;IAC7B,4CAA4C;IAC5C,eAAe,oBAAoB;CACpC"}

package/components/DevicesPicker/slots/DevicesPickerEnum.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((d) => (d.root = "root", d.trigger = "trigger", d.cardsContainer = "cardsContainer", d.placeholderContainer = "placeholderContainer", d.placeholderIcon = "placeholderIcon", d.placeholder = "placeholder", d.overflowToggle = "overflowToggle", d.chevronButton = "chevronButton", d.deviceCardWrapper = "deviceCardWrapper", d.measuringLayer = "measuringLayer", d.partialCardWrapper = "partialCardWrapper", d.deviceCard = "deviceCard", d.deviceCardIcon = "deviceCardIcon", d.deviceCardContent = "deviceCardContent", d.deviceCardName = "deviceCardName", d.deviceCardSubtitle = "deviceCardSubtitle", d.deviceCardId = "deviceCardId", d.deviceCardRemove = "deviceCardRemove", d.panelActions = "panelActions", d.panelActionDone = "panelActionDone", d.selectedList = "selectedList", d.selectedListHeader = "selectedListHeader", d.selectedListTitle = "selectedListTitle", d.selectedListCount = "selectedListCount", d.selectedListItems = "selectedListItems", d.skeletonCard = "skeletonCard", d.skeletonIcon = "skeletonIcon", d.skeletonLine = "skeletonLine", d.skeletonChevron = "skeletonChevron", d))(e || {});
+export {
+  e as DevicesPickerSlots
+};

package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts

@@ -0,0 +1,88 @@
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const TriggerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DeviceCardWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const CardsContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MeasuringLayerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PartialCardWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PlaceholderContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PlaceholderIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PlaceholderStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const OverflowToggleStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').ToggleButtonProps, keyof import('@m4l/components').ToggleButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const ChevronButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "action" | "selected" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "sx" | "form" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "placement" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "rotationAngle" | "instaceDataTestId" | "instanceDataTestId" | "ariaLabel" | "src" | "icon" | "value" | "tooltip" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dataTestId" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const DeviceCardStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').CardProps, keyof import('@m4l/components').CardProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const DeviceCardIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DeviceCardContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DeviceCardNameStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const DeviceCardSubtitleStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const DeviceCardIdStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const DeviceCardRemoveStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "action" | "selected" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "sx" | "form" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "placement" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "rotationAngle" | "instaceDataTestId" | "instanceDataTestId" | "ariaLabel" | "src" | "icon" | "value" | "tooltip" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dataTestId" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const PanelActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PanelActionDoneStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/components/components/CommonActions/components/ActionIntro').ActionIntroProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "action" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "sx" | "form" | "label" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "value" | "skeletonWidth" | "dataTestid" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import('react').RefAttributes<HTMLButtonElement> | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const SelectedListStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const SelectedListHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const SelectedListTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const SelectedListCountStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').ChipProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('@m4l/components').ChipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const SelectedListItemsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const SkeletonCardStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const SkeletonIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps, keyof import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const SkeletonLineStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps, keyof import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const SkeletonChevronStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps, keyof import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').DevicesPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=DevicesPickerSlots.d.ts.map

package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPickerSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/DevicesPicker/slots/DevicesPickerSlots.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU;;6NAGM,CAAC;AAE9B,eAAO,MAAM,aAAa;;6NAGM,CAAC;AAEjC,eAAO,MAAM,uBAAuB;;6NAGM,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;6NAGM,CAAC;AAExC,eAAO,MAAM,oBAAoB;;6NAGM,CAAC;AAExC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,0BAA0B;;6NAGM,CAAC;AAE9C,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;UAGM,CAAC;AAErC,eAAO,MAAM,oBAAoB;;UAGM,CAAC;AAExC,eAAO,MAAM,mBAAmB;;UAGM,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;UAGM,CAAC;AAEpC,eAAO,MAAM,oBAAoB;;6NAGM,CAAC;AAExC,eAAO,MAAM,uBAAuB;;6NAGM,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;UAGM,CAAC;AAExC,eAAO,MAAM,wBAAwB;;UAGM,CAAC;AAE5C,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,sBAAsB;;UAGM,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,qBAAqB;;UAGM,CAAC;AAEzC,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;6NAGM,CAAC;AAE3C,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,uBAAuB;;6NAGM,CAAC;AAE3C,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,qBAAqB;;UAGM,CAAC"}

package/components/DevicesPicker/slots/DevicesPickerSlots.js

@@ -0,0 +1,125 @@
+import { styled as e } from "@mui/material/styles";
+import { Typography as l } from "@m4l/base";
+import { ToggleButton as s, IconButton as a, ActionIntro as r, Card as c, Skeleton as d, Chip as i } from "@m4l/components";
+import { devicesPickerStyles as t } from "../DevicesPicker.styles.js";
+import { DEVICES_PICKER_KEY_COMPONENT as o } from "../constants.js";
+import { DevicesPickerSlots as n } from "./DevicesPickerEnum.js";
+const L = e("div", {
+  name: o,
+  slot: n.root
+})(t?.root), I = e("div", {
+  name: o,
+  slot: n.trigger
+})(t?.trigger), g = e("div", {
+  name: o,
+  slot: n.deviceCardWrapper
+})(t?.deviceCardWrapper), h = e("div", {
+  name: o,
+  slot: n.cardsContainer
+})(t?.cardsContainer), k = e("div", {
+  name: o,
+  slot: n.measuringLayer
+})(t?.measuringLayer), u = e("div", {
+  name: o,
+  slot: n.partialCardWrapper
+})(t?.partialCardWrapper), D = e("div", {
+  name: o,
+  slot: n.placeholderContainer
+})(t?.placeholderContainer), P = e("div", {
+  name: o,
+  slot: n.placeholderIcon
+})(t?.placeholderIcon), T = e(l, {
+  name: o,
+  slot: n.placeholder
+})(t?.placeholder), f = e(s, {
+  name: o,
+  slot: n.overflowToggle
+})(t?.overflowToggle), A = e(a, {
+  name: o,
+  slot: n.chevronButton
+})(t?.chevronButton), W = e(c, {
+  name: o,
+  slot: n.deviceCard
+})(t?.deviceCard), B = e("div", {
+  name: o,
+  slot: n.deviceCardIcon
+})(t?.deviceCardIcon), E = e("div", {
+  name: o,
+  slot: n.deviceCardContent
+})(t?.deviceCardContent), N = e(l, {
+  name: o,
+  slot: n.deviceCardName
+})(t?.deviceCardName), R = e(l, {
+  name: o,
+  slot: n.deviceCardSubtitle
+})(t?.deviceCardSubtitle), b = e(l, {
+  name: o,
+  slot: n.deviceCardId
+})(t?.deviceCardId), w = e(a, {
+  name: o,
+  slot: n.deviceCardRemove
+})(t?.deviceCardRemove), H = e("div", {
+  name: o,
+  slot: n.panelActions
+})(t?.panelActions), O = e(r, {
+  name: o,
+  slot: n.panelActionDone
+})(t?.panelActionDone), _ = e("div", {
+  name: o,
+  slot: n.selectedList
+})(t?.selectedList), K = e("div", {
+  name: o,
+  slot: n.selectedListHeader
+})(t?.selectedListHeader), M = e("div", {
+  name: o,
+  slot: n.selectedListTitle
+})(t?.selectedListTitle), x = e(i, {
+  name: o,
+  slot: n.selectedListCount
+})(t?.selectedListCount), V = e("div", {
+  name: o,
+  slot: n.selectedListItems
+})(t?.selectedListItems), Y = e("div", {
+  name: o,
+  slot: n.skeletonCard
+})(t?.skeletonCard), j = e(d, {
+  name: o,
+  slot: n.skeletonIcon
+})(t?.skeletonIcon), q = e(d, {
+  name: o,
+  slot: n.skeletonLine
+})(t?.skeletonLine), z = e(d, {
+  name: o,
+  slot: n.skeletonChevron
+})(t?.skeletonChevron);
+export {
+  h as CardsContainerStyled,
+  A as ChevronButtonStyled,
+  E as DeviceCardContentStyled,
+  B as DeviceCardIconStyled,
+  b as DeviceCardIdStyled,
+  N as DeviceCardNameStyled,
+  w as DeviceCardRemoveStyled,
+  W as DeviceCardStyled,
+  R as DeviceCardSubtitleStyled,
+  g as DeviceCardWrapperStyled,
+  k as MeasuringLayerStyled,
+  f as OverflowToggleStyled,
+  O as PanelActionDoneStyled,
+  H as PanelActionsStyled,
+  u as PartialCardWrapperStyled,
+  D as PlaceholderContainerStyled,
+  P as PlaceholderIconStyled,
+  T as PlaceholderStyled,
+  L as RootStyled,
+  x as SelectedListCountStyled,
+  K as SelectedListHeaderStyled,
+  V as SelectedListItemsStyled,
+  _ as SelectedListStyled,
+  M as SelectedListTitleStyled,
+  Y as SkeletonCardStyled,
+  z as SkeletonChevronStyled,
+  j as SkeletonIconStyled,
+  q as SkeletonLineStyled,
+  I as TriggerStyled
+};

package/components/DevicesPicker/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DevicesPickerEnum';
+export * from './DevicesPickerSlots';
+//# sourceMappingURL=index.d.ts.map

package/components/DevicesPicker/slots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/DevicesPicker/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}