@primer/view-components 0.35.0-rc.f7c7f9be → 0.35.0-rc.fa043527

package/app/components/primer/beta/progress_bar.css

@@ -1 +1 @@
-.Progress{background-color:var(--bgColor-neutral-muted);border-radius:6px;display:flex;height:8px;outline:1px solid #0000;overflow:hidden}.Progress--large{height:10px}.Progress--small{height:5px}.Progress-item{outline:2px solid #0000}.Progress-item+.Progress-item{margin-left:2px}
+.Progress{background-color:var(--bgColor-neutral-muted);border-radius:var(--borderRadius-medium);display:flex;height:8px;outline:1px solid #0000;overflow:hidden}.Progress--large{height:10px}.Progress--small{height:5px}.Progress-item{outline:2px solid #0000}.Progress-item+.Progress-item{margin-left:var(--base-size-2)}

package/app/components/primer/beta/state.css

@@ -1 +1 @@
-.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-medium);line-height:var(--control-medium-lineBoxHeight);padding:5px var(--control-medium-paddingInline-normal);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--bgColor-neutral-emphasis);border:var(--borderWidth-thin) solid #0000;box-shadow:var(--boxShadow-thin) var(--borderColor-neutral-emphasis);color:var(--fgColor-onEmphasis)}.State--open{background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-open-emphasis)}.State--merged,.State--open{color:var(--fgColor-onEmphasis)}.State--merged{background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-done-emphasis)}.State--closed{background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-closed-emphasis);color:var(--fgColor-onEmphasis)}.State--small{font-size:var(--text-body-size-small);line-height:var(--base-size-24);padding:0 10px}.State--small .octicon{width:1em}
+.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-medium);line-height:var(--control-medium-lineBoxHeight);padding:var(--base-size-4) var(--control-medium-paddingInline-normal);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--bgColor-neutral-emphasis);border:var(--borderWidth-thin) solid #0000;box-shadow:var(--boxShadow-thin) var(--borderColor-neutral-emphasis);color:var(--fgColor-onEmphasis)}.State--open{background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-open-emphasis)}.State--merged,.State--open{color:var(--fgColor-onEmphasis)}.State--merged{background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-done-emphasis)}.State--closed{background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis));box-shadow:var(--boxShadow-thin) var(--borderColor-closed-emphasis);color:var(--fgColor-onEmphasis)}.State--small{font-size:var(--text-body-size-small);line-height:var(--base-size-24);padding:0 10px}.State--small .octicon{width:1em}

package/app/components/primer/primer.js

@@ -21,8 +21,8 @@ import './beta/auto_complete/auto_complete';
 import './beta/clipboard_copy';
 import './beta/relative_time';
 import './alpha/tab_container';
-import '../../../lib/primer/forms/primer_multi_input';
-import '../../../lib/primer/forms/primer_text_field';
-import '../../../lib/primer/forms/toggle_switch_input';
+import '../../lib/primer/forms/primer_multi_input';
+import '../../lib/primer/forms/primer_text_field';
+import '../../lib/primer/forms/toggle_switch_input';
 import './alpha/action_menu/action_menu_element';
 import './alpha/select_panel_element';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.35.0-rc.f7c7f9be",
+  "version": "0.35.0-rc.fa043527",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -26,15 +26,15 @@
     "app/components/primer/**/*.css",
     "app/components/primer/**/*.css.json",
     "app/components/primer/**/*.d.ts",
-    "lib/primer/forms/**/*.js",
-    "lib/primer/forms/**/*.d.ts"
+    "app/lib/primer/forms/**/*.js",
+    "app/lib/primer/forms/**/*.d.ts"
   ],
   "scripts": {
     "clean": "git clean -fdX -- app/",
     "prepare": "script/build-assets",
     "lint": "npm run lint:stylelint && npm run lint:eslint",
-    "lint:stylelint": "stylelint 'app/components/**/*.pcss'",
-    "lint:stylelint:fix": "stylelint 'app/components/**/*.pcss' --fix",
+    "lint:stylelint": "stylelint --rd -q 'app/components/**/*.pcss'",
+    "lint:stylelint:fix": "npm run lint:stylelint --  --fix",
     "lint:eslint": "eslint 'app/components/**/*.ts'",
     "lint:eslint:fix": "eslint 'app/components/**/*.ts' --fix",
     "changeset:version": "changeset version && script/version",
@@ -66,7 +66,7 @@
     "@playwright/test": "^1.35.1",
     "@primer/css": "21.3.6",
     "@primer/primitives": "^9.0.2",
-    "@primer/stylelint-config": "^12.7.2",
+    "@primer/stylelint-config": "^13.1.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^8.3.3",
     "@typescript-eslint/eslint-plugin": "^7.0.1",
@@ -89,8 +89,7 @@
     "prettier": "^3.3.2",
     "rollup": "^2.79.1",
     "rollup-plugin-terser": "^7.0.2",
-    "stylelint": "^16.1.0",
-    "stylelint-config-standard": "^36.0.0",
+    "stylelint-actions-formatters": "^16.3.1",
     "tslib": "^2.4.0",
     "typescript": "^5.2.2",
     "vite": "^5.4.3",

package/static/arguments.json

@@ -2510,6 +2510,92 @@
       }
     ]
   },
+  {
+    "component": "Stack",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Stack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "gap",
+        "type": "Symbol",
+        "default": "`GapArg::DEFAULT`",
+        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:vertical`",
+        "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:stretch`",
+        "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
+      },
+      {
+        "name": "wrap",
+        "type": "Symbol",
+        "default": "`:nowrap`",
+        "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, or `:wrap`."
+      },
+      {
+        "name": "justify",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
+      },
+      {
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "StackItem",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "StackItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "grow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Allow item to keep size or expand to fill the available space."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "SubmitButton",
     "status": "alpha",

package/static/audited_at.json

@@ -54,6 +54,8 @@
   "Primer::Alpha::Select": "",
   "Primer::Alpha::SelectPanel": "",
   "Primer::Alpha::SelectPanel::ItemList": "2023-07-10",
+  "Primer::Alpha::Stack": "",
+  "Primer::Alpha::StackItem": "",
   "Primer::Alpha::SubmitButton": "",
   "Primer::Alpha::TabContainer": "",
   "Primer::Alpha::TabNav": "",

package/static/classes.json

@@ -501,6 +501,12 @@
   "SelectPanel-loadingPanel": [
     "Primer::Alpha::SelectPanel"
   ],
+  "Stack": [
+    "Primer::Alpha::Stack"
+  ],
+  "StackItem": [
+    "Primer::Alpha::StackItem"
+  ],
   "State": [
     "Primer::Beta::State"
   ],

package/static/constants.json

@@ -621,6 +621,30 @@
   },
   "Primer::Alpha::SelectPanel::ItemList": {
   },
+  "Primer::Alpha::Stack": {
+    "ARG_CLASSES": [
+      "Primer::Alpha::Stack::JustifyArg",
+      "Primer::Alpha::Stack::DirectionArg",
+      "Primer::Alpha::Stack::AlignArg",
+      "Primer::Alpha::Stack::WrapArg",
+      "Primer::Alpha::Stack::PaddingArg",
+      "Primer::Alpha::Stack::GapArg"
+    ],
+    "AlignArg": "Primer::Alpha::Stack::AlignArg",
+    "DEFAULT_TAG": "div",
+    "DirectionArg": "Primer::Alpha::Stack::DirectionArg",
+    "GapArg": "Primer::Alpha::Stack::GapArg",
+    "JustifyArg": "Primer::Alpha::Stack::JustifyArg",
+    "PaddingArg": "Primer::Alpha::Stack::PaddingArg",
+    "WrapArg": "Primer::Alpha::Stack::WrapArg"
+  },
+  "Primer::Alpha::StackItem": {
+    "ARG_CLASSES": [
+      "Primer::Alpha::StackItem::GrowArg"
+    ],
+    "DEFAULT_TAG": "div",
+    "GrowArg": "Primer::Alpha::StackItem::GrowArg"
+  },
   "Primer::Alpha::SubmitButton": {
   },
   "Primer::Alpha::TabContainer": {

package/static/info_arch.json

@@ -8248,6 +8248,178 @@
       }
     ]
   },
+  {
+    "fully_qualified_name": "Primer::Alpha::Stack",
+    "description": "Stack is a layout component that creates responsive horizontal and vertical flows.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "Stack",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Stack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "gap",
+        "type": "Symbol",
+        "default": "`GapArg::DEFAULT`",
+        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:vertical`",
+        "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:stretch`",
+        "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
+      },
+      {
+        "name": "wrap",
+        "type": "Symbol",
+        "default": "`:nowrap`",
+        "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, or `:wrap`."
+      },
+      {
+        "name": "justify",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
+      },
+      {
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/alpha/stack/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/stack/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::Alpha::StackItem",
+    "description": "StackItem is a layout component designed to be used as the child of a Stack.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "StackItem",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "StackItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "grow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Allow item to keep size or expand to fill the available space."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/alpha/stack_item/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/stack_item/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::Alpha::SubmitButton",
     "description": "A submit button input rendered using the HTML `<button type=\"submit\">` tag.\n\nThis component wraps the Primer button component and supports the same slots and arguments.",

package/static/previews.json

@@ -6249,6 +6249,74 @@
       }
     ]
   },
+  {
+    "name": "stack",
+    "component": "Stack",
+    "status": "alpha",
+    "lookup_path": "primer/alpha/stack",
+    "examples": [
+      {
+        "preview_path": "primer/alpha/stack/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/stack/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "name": "stack_item",
+    "component": "StackItem",
+    "status": "alpha",
+    "lookup_path": "primer/alpha/stack_item",
+    "examples": [
+      {
+        "preview_path": "primer/alpha/stack_item/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/stack_item/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "state",
     "component": "State",

package/static/statuses.json

@@ -54,6 +54,8 @@
   "Primer::Alpha::Select": "alpha",
   "Primer::Alpha::SelectPanel": "alpha",
   "Primer::Alpha::SelectPanel::ItemList": "alpha",
+  "Primer::Alpha::Stack": "alpha",
+  "Primer::Alpha::StackItem": "alpha",
   "Primer::Alpha::SubmitButton": "alpha",
   "Primer::Alpha::TabContainer": "alpha",
   "Primer::Alpha::TabNav": "alpha",

package/app/components/primer/alpha/action_bar_element.d.ts

@@ -1,17 +0,0 @@
-import { ActionMenuElement } from './action_menu/action_menu_element';
-declare class ActionBarElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    itemContainer: HTMLElement;
-    moreMenu: ActionMenuElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    menuItemClick(event: Event): void;
-    update(): void;
-}
-declare global {
-    interface Window {
-        ActionBarElement: typeof ActionBarElement;
-    }
-}
-export {};

package/app/components/primer/alpha/action_list.d.ts

@@ -1,16 +0,0 @@
-export declare class ActionListTruncationObserver {
-    resizeObserver: ResizeObserver;
-    constructor(el: HTMLElement);
-    unobserve(el: HTMLElement): void;
-    update(el: HTMLElement): void;
-}
-export declare class ActionListElement extends HTMLElement {
-    #private;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface Window {
-        ActionListElement: typeof ActionListElement;
-    }
-}

package/app/components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -1,42 +0,0 @@
-import '@oddbird/popover-polyfill';
-import type { IncludeFragmentElement } from '@github/include-fragment-element';
-type SelectVariant = 'none' | 'single' | 'multiple' | null;
-type SelectedItem = {
-    label: string | null | undefined;
-    value: string | null | undefined;
-    element: Element;
-};
-export declare class ActionMenuElement extends HTMLElement {
-    #private;
-    includeFragment: IncludeFragmentElement;
-    get selectVariant(): SelectVariant;
-    set selectVariant(variant: SelectVariant);
-    get dynamicLabelPrefix(): string;
-    set dynamicLabelPrefix(value: string);
-    get dynamicLabel(): boolean;
-    set dynamicLabel(value: boolean);
-    get popoverElement(): HTMLElement | null;
-    get invokerElement(): HTMLButtonElement | null;
-    get invokerLabel(): HTMLElement | null;
-    get selectedItems(): SelectedItem[];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-    get items(): HTMLElement[];
-    getItemById(itemId: string): HTMLElement | null;
-    isItemDisabled(item: Element | null): boolean;
-    disableItem(item: Element | null): void;
-    enableItem(item: Element | null): void;
-    isItemHidden(item: Element | null): boolean;
-    hideItem(item: Element | null): void;
-    showItem(item: Element | null): void;
-    isItemChecked(item: Element | null): boolean;
-    checkItem(item: Element | null): void;
-    uncheckItem(item: Element | null): void;
-}
-declare global {
-    interface Window {
-        ActionMenuElement: typeof ActionMenuElement;
-    }
-}
-export {};

package/app/components/primer/alpha/dropdown/menu.d.ts

@@ -1 +0,0 @@
-import '@github/details-menu-element';

package/app/components/primer/alpha/dropdown.d.ts

@@ -1 +0,0 @@
-import './dropdown/menu';

package/app/components/primer/alpha/image_crop.d.ts

@@ -1 +0,0 @@
-import '@github/image-crop-element';

package/app/components/primer/alpha/modal_dialog.d.ts

@@ -1,18 +0,0 @@
-export declare class ModalDialogElement extends HTMLElement {
-    #private;
-    openButton: HTMLButtonElement | null;
-    get open(): boolean;
-    set open(value: boolean);
-    get showButtons(): NodeList;
-    connectedCallback(): void;
-    show(): void;
-    close(closedNotCancelled?: boolean): void;
-}
-declare global {
-    interface Window {
-        ModalDialogElement: typeof ModalDialogElement;
-    }
-    interface HTMLElementTagNameMap {
-        'modal-dialog': ModalDialogElement;
-    }
-}

package/app/components/primer/alpha/segmented_control.d.ts

@@ -1,12 +0,0 @@
-declare class SegmentedControlElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    connectedCallback(): void;
-    select(event: Event): void;
-}
-declare global {
-    interface Window {
-        SegmentedControlElement: typeof SegmentedControlElement;
-    }
-}
-export {};

package/app/components/primer/alpha/select_panel_element.d.ts

@@ -1,63 +0,0 @@
-import { IncludeFragmentElement } from '@github/include-fragment-element';
-import type { AnchorAlignment, AnchorSide } from '@primer/behaviors';
-import '@oddbird/popover-polyfill';
-type SelectVariant = 'none' | 'single' | 'multiple' | null;
-type SelectedItem = {
-    label: string | null | undefined;
-    value: string | null | undefined;
-    inputName: string | null | undefined;
-};
-export type SelectPanelItem = HTMLLIElement;
-export type FilterFn = (item: SelectPanelItem, query: string) => boolean;
-export declare class SelectPanelElement extends HTMLElement {
-    #private;
-    includeFragment: IncludeFragmentElement;
-    dialog: HTMLDialogElement;
-    filterInputTextField: HTMLInputElement;
-    remoteInput: HTMLElement;
-    list: HTMLElement;
-    ariaLiveContainer: HTMLElement;
-    noResults: HTMLElement;
-    fragmentErrorElement: HTMLElement;
-    bannerErrorElement: HTMLElement;
-    bodySpinner: HTMLElement;
-    filterFn?: FilterFn;
-    get open(): boolean;
-    get selectVariant(): SelectVariant;
-    get ariaSelectionType(): string;
-    set selectVariant(variant: SelectVariant);
-    get dynamicLabelPrefix(): string;
-    get dynamicAriaLabelPrefix(): string;
-    set dynamicLabelPrefix(value: string);
-    get dynamicLabel(): boolean;
-    set dynamicLabel(value: boolean);
-    get invokerElement(): HTMLButtonElement | null;
-    get closeButton(): HTMLButtonElement | null;
-    get invokerLabel(): HTMLElement | null;
-    get selectedItems(): SelectedItem[];
-    get align(): AnchorAlignment;
-    get side(): AnchorSide;
-    updateAnchorPosition(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-    show(): void;
-    hide(): void;
-    get visibleItems(): SelectPanelItem[];
-    get items(): SelectPanelItem[];
-    get focusableItem(): HTMLElement | undefined;
-    getItemById(itemId: string): SelectPanelItem | null;
-    isItemDisabled(item: SelectPanelItem | null): boolean;
-    disableItem(item: SelectPanelItem | null): void;
-    enableItem(item: SelectPanelItem | null): void;
-    isItemHidden(item: SelectPanelItem | null): boolean;
-    isItemChecked(item: SelectPanelItem | null): boolean;
-    checkItem(item: SelectPanelItem | null): void;
-    uncheckItem(item: SelectPanelItem | null): void;
-}
-declare global {
-    interface Window {
-        SelectPanelElement: typeof SelectPanelElement;
-    }
-}
-export {};