@six-group/ui-library 3.0.0-beta.1.11

package/dist/types/components/six-menu/six-menu.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="node" />
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SixMenuItemData {
+  label: string;
+  value: string;
+}
+export interface SixMenuItemSelectedPayload {
+  name: string;
+  item: HTMLSixMenuItemElement;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The menu's content, including menu items, menu dividers, and menu labels.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixMenu {
+  private readonly eventListeners;
+  menu: HTMLElement;
+  menuWrapper: HTMLElement;
+  typeToSelectString: string;
+  typeToSelectTimeout: NodeJS.Timeout;
+  host: HTMLSixMenuElement;
+  /** Emitted when a menu item is selected. */
+  sixMenuItemSelected: EventEmitter<SixMenuItemSelectedPayload>;
+  /** Set to true to remove the box-shadow */
+  removeBoxShadow: boolean;
+  /** Set the options to be shown in the dropdown */
+  items: SixMenuItemData[] | null;
+  /** Defines how many items should be shown. If the number of items is larger than this properties a scrollbar will be shown */
+  itemsShown?: number;
+  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
+   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
+  virtualScroll: boolean;
+  /**
+   * Used for virtual scrolling
+   * Define how many items should be rendered in the DOM when using virtual scrolling
+   */
+  itemSize: number;
+  /**
+   * Used for virtual scrolling
+   * Define the debounce for listening on scrolling changes in milliseconds.
+   * The lower the number the more sensitive the component reacts to scrolling changes.
+   */
+  scrollingDebounce: number;
+  /**
+   * Used to calculate which items should be rendered in the DOM
+   */
+  private scrollingIndex;
+  sixMenuItemHeight: number;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  private handleScrolling;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /**
+   * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.
+   * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the
+   * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for
+   * enabling type-to-select when the menu doesn't have focus.
+   */
+  typeToSelect(key: string): Promise<void>;
+  private getItemsShown;
+  private setupForVirtualScrollingAfterRendering;
+  getItems(): any[];
+  private getActiveItemIndex;
+  getActiveItem(): any;
+  private extractItemsFromDOM;
+  setActiveItem(item: HTMLSixMenuItemElement): void;
+  handleClick(event: MouseEvent): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  private getMenuWrapperStyle;
+  private getMenuContainerStyle;
+  private getScrollbarGhostStyle;
+  private renderItems;
+  render(): any;
+}

package/dist/types/components/six-menu-divider/six-menu-divider.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixMenuDivider {
+  render(): any;
+}

package/dist/types/components/six-menu-item/six-menu-item.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The menu item's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @part base - The component's base wrapper.
+ * @part checked-icon - The container that wraps the checked icon.
+ * @part prefix - The prefix container.
+ * @part label - The menu item label.
+ * @part suffix - The suffix container.
+ */
+export declare class SixMenuItem {
+  menuItem: HTMLElement;
+  hasFocus: boolean;
+  /** Set to true to draw the item in a checked state. */
+  checked: boolean;
+  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
+  value: string;
+  /** Set to true to draw the menu item in a disabled state. */
+  disabled: boolean;
+  connectedCallback(): void;
+  /** Sets focus on the button. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the button. */
+  removeFocus(): Promise<void>;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleMouseEnter(): void;
+  handleMouseLeave(): void;
+  render(): any;
+}

package/dist/types/components/six-menu-label/six-menu-label.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The menu label's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixMenuLabel {
+  render(): any;
+}

package/dist/types/components/six-picto/six-picto.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @since 1.1
+ * @status stable
+ *
+ * @part icon - The component's icon wrapper.
+ */
+export declare class SixPicto {
+  host: HTMLSixPictoElement;
+  /**
+   * Defines the size of the icon.
+   */
+  size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' | '4xl';
+  render(): any;
+}

package/dist/types/components/six-progress-bar/six-progress-bar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - A label to show inside the indicator.
+ *
+ * @part base - The component's base wrapper.
+ * @part indicator - The progress bar indicator.
+ * @part label - The progress bar label.
+ */
+export declare class SixProgressBar {
+  /** The progress bar's percentage, 0 to 100. */
+  percentage: number;
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate: boolean;
+  render(): any;
+}

package/dist/types/components/six-progress-ring/six-progress-ring.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - A label to show inside the ring.
+ *
+ * @part base - The component's base wrapper.
+ * @part label - The progress ring label.
+ */
+export declare class SixProgressRing {
+  indicator: SVGCircleElement;
+  /** The size of the progress ring in pixels. */
+  size: number;
+  /** The stroke width of the progress ring in pixels. */
+  strokeWidth: number;
+  /** The current progress percentage, 0 - 100. */
+  percentage: number;
+  handlePercentageChange(): void;
+  componentDidLoad(): void;
+  updateProgress(): void;
+  render(): any;
+}

package/dist/types/components/six-radio/six-radio.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The radio's label.
+ *
+ * @part base - The component's base wrapper.
+ * @part control - The radio control.
+ * @part checked-icon - The container the wraps the checked icon.
+ * @part label - The radio label.
+ */
+export declare class SixRadio {
+  inputId: string;
+  labelId: string;
+  input: HTMLInputElement;
+  host: HTMLSixRadioElement;
+  hasFocus: boolean;
+  /** The radio's name attribute. */
+  name: string;
+  /** The radio's value attribute. */
+  value: string;
+  /** Set to true to disable the radio. */
+  disabled: boolean;
+  /** Set to true to draw the radio in a checked state. */
+  checked: boolean;
+  /**
+   * This will be true when the control is in an invalid state. Validity in range inputs is determined by the message
+   * provided by the `setCustomValidity` method.
+   */
+  invalid: boolean;
+  handleCheckedChange(): void;
+  /** Emitted when the control loses focus. */
+  sixBlur: EventEmitter<EmptyPayload>;
+  /** Emitted when the control's checked state changes. */
+  sixChange: EventEmitter<EmptyPayload>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** default state whether the radio button should be checked or not when resetting */
+  private defaultState;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  /** Sets focus on the radio. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the radio. */
+  removeFocus(): Promise<void>;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  getAllRadios(): HTMLSixRadioElement[];
+  getSiblingRadios(): HTMLSixRadioElement[];
+  handleClick(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleMouseDown(event: MouseEvent): void;
+  render(): any;
+}

package/dist/types/components/six-range/six-range.d.ts

@@ -0,0 +1,101 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+import { EventListeners } from '../../utils/event-listeners';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot label - The input's label. Alternatively, you can use the label prop.
+ * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
+ * @part base - The component's base wrapper.
+ * @part input - The native range input.
+ * @part tooltip - The range tooltip.
+ */
+export declare class SixRange {
+  inputId: string;
+  labelId: string;
+  helpTextId: string;
+  errorTextId: string;
+  resizeObserver: ResizeObserver;
+  output: HTMLElement;
+  input: HTMLInputElement;
+  customErrorText: string;
+  customValidation: boolean;
+  readonly eventListeners: EventListeners;
+  host: HTMLSixRangeElement;
+  hasFocus: boolean;
+  hasHelpTextSlot: boolean;
+  hasLabelSlot: boolean;
+  hasErrorTextSlot: boolean;
+  hasTooltip: boolean;
+  /** The input's name attribute. */
+  name: string;
+  /** The input's value attribute. */
+  value: number;
+  /** Set to true to make the input a required field. */
+  required: boolean;
+  /** The range's label. Alternatively, you can use the label slot. */
+  label: string;
+  /** The range's help text. Alternatively, you can use the help-text slot. */
+  helpText: string;
+  /** The input's error text. Alternatively, you can use the error-text slot. */
+  errorText: string;
+  /** Set to true to disable the input. */
+  disabled: boolean;
+  /**
+   * This will be true when the control is in an invalid state. Validity in range inputs is determined by the message
+   * provided by the `setCustomValidity` method.
+   */
+  invalid: boolean;
+  /** The input's min attribute. */
+  min: number;
+  /** The input's max attribute. */
+  max: number;
+  /** The input's step attribute. */
+  step: number;
+  /** The preferred placedment of the tooltip. */
+  tooltip: 'top' | 'bottom' | 'none';
+  /** A function used to format the tooltip's value. */
+  tooltipFormatter: (value: number) => string;
+  /** Set to display the error text on blur and not when typing */
+  errorOnBlur: boolean;
+  /** Emitted when the control's value changes. */
+  sixChange: EventEmitter<EmptyPayload>;
+  /** Emitted when the control loses focus. */
+  sixBlur: EventEmitter<EmptyPayload>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** default value the slider will be reverted to when reset is executed */
+  private defaultValue;
+  handleLabelChange(): void;
+  handleValueChange(): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Sets focus on the input. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the input. */
+  removeFocus(): Promise<void>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  handleInput(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleSlotChange(): void;
+  handleTouchStart(): void;
+  displayError(): boolean;
+  syncTooltip(): void;
+  /**
+   * For Firefox this functionality is not needed because it is supported by standard CSS.
+   */
+  calculateColorRunnableTrack(): void;
+  isFirefox(): boolean;
+  render(): any;
+}

package/dist/types/components/six-root/six-root.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { StageType } from '../six-stage-indicator/six-stage-indicator';
+export interface SixRootCollapsedPayload {
+  collapsed: boolean;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot header - Used to define the header component.
+ * @slot main - Used to define the components in the main area.
+ * @slot left-sidebar - Used to define the side bar on the left side.
+ * @slot right-sidebar - Used to define the side bar on the right side.
+ * @slot footer - Used to define the footer component.
+ */
+export declare class SixRoot {
+  host: HTMLSixRootElement;
+  /** Breakpoint for smaller screens when the right sidebar is collapsed by default. */
+  breakpoint: number;
+  /** Defines whether the content section should be padded */
+  padded: boolean;
+  /** Defines the stage of the application*/
+  stage: StageType;
+  /** Defines the version of the application*/
+  version: string;
+  /** Emitted when display size is updated. */
+  collapsedEvent: EventEmitter<SixRootCollapsedPayload>;
+  collapse: boolean;
+  resizeObserver: ResizeObserver;
+  handleCollapsed(collapsed: boolean): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/six-search-field/six-search-field.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EventListeners } from '../../utils/event-listeners';
+export interface SixSearchFieldChangePayload {
+  value: string;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the results below the search component.
+ */
+export declare class SixSearchField {
+  /** The input's placeholder text. */
+  placeholder: string;
+  /** Debounce time in milliseconds, default is 300 ms */
+  debounce: number;
+  /** Set to true to disable the input. */
+  disabled: boolean;
+  /** The input's value attribute. */
+  value: string;
+  /** Set to true to add a clear button when the input is populated. */
+  clearable: boolean;
+  /** Emitted when a search is triggered */
+  searchFieldChange: EventEmitter<SixSearchFieldChangePayload>;
+  inputElement: HTMLSixInputElement;
+  readonly eventListeners: EventListeners;
+  handleInputChange: () => void;
+  handleValueChange(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/six-select/six-select.d.ts

@@ -0,0 +1,163 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+import { EventListeners } from '../../utils/event-listeners';
+import { SixMenuItemData } from '../six-menu/six-menu';
+export interface SixSelectChangePayload {
+  value: string | string[];
+  isSelected: boolean;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The select's options in the form of menu items.
+ * @slot label - The select's label. Alternatively, you can use the label prop.
+ * @slot help-text - Help text that describes how to use the select.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
+ * @part base - The component's base wrapper.
+ * @part clear-button - The input's clear button, exported from six-input.
+ * @part form-control - The form control that wraps the label, input, and help text.
+ * @part help-text - The select's help text.
+ * @part icon - The select's icon.
+ * @part label - The select's label.
+ * @part menu - The select menu, a six-menu element.
+ * @part tag - The multiselect option, a six-tag element.
+ * @part tags - The container in which multiselect options are rendered.
+ */
+export declare class SixSelect {
+  box: HTMLElement;
+  dropdown: HTMLSixDropdownElement;
+  input: HTMLSixInputElement;
+  inputId: string;
+  labelId: string;
+  helpTextId: string;
+  errorTextId: string;
+  menu: HTMLSixMenuElement;
+  resizeObserver: ResizeObserver;
+  touched: boolean;
+  customErrorText: string;
+  customValidation: boolean;
+  readonly eventListeners: EventListeners;
+  host: HTMLSixSelectElement;
+  hasFocus: boolean;
+  hasHelpTextSlot: boolean;
+  hasErrorTextSlot: boolean;
+  hasLabelSlot: boolean;
+  isOpen: boolean;
+  displayLabel: string;
+  displayTags: any[];
+  /** Set to true to enable multiselect. */
+  multiple: boolean;
+  /**
+   * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the
+   * number of additional items that are selected. Set to -1 to remove the limit.
+   */
+  maxTagsVisible: number;
+  /** Set to true to disable the select control. */
+  disabled: boolean;
+  /** The select's name. */
+  name: string;
+  /** The select's placeholder text. */
+  placeholder: string;
+  /** The filter's placeholder text. */
+  filterPlaceholder: string;
+  /** The debounce for the filter callbacks. */
+  filterDebounce: number;
+  /** The select's size. */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+   * `overflow: auto|scroll`.
+   */
+  hoist: boolean;
+  /** The value of the control. This will be a string or an array depending on `multiple`. */
+  value: string | string[];
+  /** Set to true to draw a pill-style select with rounded edges. */
+  pill: boolean;
+  /** The select's label. Alternatively, you can use the label slot. */
+  label: string;
+  /** The select's help text. Alternatively, you can use the help-text slot. */
+  helpText: string;
+  /** The select's error text. Alternatively, you can use the error-text slot. */
+  errorText: string;
+  /** The select's required attribute. */
+  required: boolean;
+  /** Set to true to add a clear button when the select is populated. */
+  clearable: boolean;
+  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */
+  invalid: boolean;
+  /** Set to render as line */
+  line: boolean;
+  /** Set to display the error text on blur and not when typing */
+  errorOnBlur: boolean;
+  /** Set to true to allow filtering for entries in the dropdown */
+  filter: boolean;
+  /**
+   * Set to true to allow async filtering.
+   * When you enter something in the search field the component will only emit an event but not filter any elements itself.
+   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself
+   */
+  asyncFilter: boolean;
+  /**
+   * Set to true to turn the six-select into an autocomplete.
+   */
+  autocomplete: boolean;
+  /** The debounce for when the input changes for autocompletes should be emitted */
+  inputDebounce: number;
+  /** Set the options to be shown in the dropdown (alternative to setting the elements via html) */
+  options: SixMenuItemData[] | null;
+  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
+   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
+  virtualScroll: boolean;
+  /** The default value the select will be reverted to when reset is executed */
+  defaultValue: string | string[];
+  handleDisabledChange(): void;
+  handleLabelChange(): void;
+  handleMultipleChange(): void;
+  handleValueChange(): void;
+  /** Emitted when the control's value changes. */
+  sixChange: EventEmitter<SixSelectChangePayload>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** Emitted when the control loses focus. */
+  sixBlur: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  getItemLabel(item: HTMLSixMenuItemElement): string;
+  getItems(): any[];
+  hasMenuItems(): boolean;
+  getValueAsArray(): string[];
+  handleBlur(): void;
+  handleFocus(): void;
+  handleInvalid(): void;
+  handleClearClick(event: MouseEvent): void;
+  clearValues(): void;
+  handleSelectAll(event: KeyboardEvent): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleLabelClick(): void;
+  handleMenuSelect(event: CustomEvent): void;
+  handleMenuShow(event: CustomEvent): void;
+  handleMenuHide(): void;
+  handleSlotChange(): void;
+  handleTagInteraction(event: KeyboardEvent | MouseEvent): void;
+  resizeMenu(): void;
+  syncItemsFromValue(): void;
+  private extractLabelForSelectedItem;
+  syncValueFromItems(): void;
+  displayError(): boolean;
+  render(): any;
+  private hasSelection;
+}

package/dist/types/components/six-sidebar/six-sidebar.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the nested side bar [group] items.
+ */
+export declare class SixSidebar {
+  willShow: boolean;
+  willHide: boolean;
+  sidebar: HTMLElement;
+  isVisible: boolean;
+  /** Sidebar position */
+  position: 'left' | 'right';
+  /** Indicates whether or not the sidebar is open. You can use this in lieu of the show/hide methods. */
+  open: boolean;
+  /** Sidebar width */
+  width: string;
+  /** Define whether sidebar is toggled meaning only one menu can be open at the same time*/
+  toggled: boolean;
+  /** Emitted when the sidebar opens. Calling `event.preventDefault()` will prevent it from being opened. */
+  sixShow: EventEmitter<EmptyPayload>;
+  /** Emitted after the sidebar opens and all transitions are complete. */
+  sixAfterShow: EventEmitter<EmptyPayload>;
+  /** Emitted when the sidebar closes. Calling `event.preventDefault()` will prevent it from being closed. */
+  sixHide: EventEmitter<EmptyPayload>;
+  /** Emitted after the sidebar closes and all transitions are complete. */
+  sixAfterHide: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted when the sidebar opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and
+   * allow you to set it on a different element in the sidebar, such as an input or button.
+   */
+  sixInitialFocus: EventEmitter<EmptyPayload>;
+  handleOpenChange(): void;
+  handleTransitionEnd: (event: TransitionEvent) => void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  private closeSiblingDetailsOnShow;
+  private setupTogglableMenuItems;
+  private markAllMenuItemsAsSelectableEmpty;
+  /** Toggles whether the sidebar should be shown or hidden */
+  toggle(): Promise<void>;
+  /** Shows the sidebar */
+  show(): Promise<void>;
+  /** Hides the sidebar */
+  hide(): Promise<void>;
+  /** Allows to select a menu item programmatically by index */
+  selectItemByIndex(index: number): Promise<void>;
+  /** Allows to select a menu item programmatically by name */
+  selectItemByName(value: string): Promise<void>;
+  private resetTransitionVariables;
+  render(): any;
+}

package/dist/types/components/six-sidebar-item/six-sidebar-item.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the nested displayed text of the item.
+ */
+export declare class SixSidebarItem {
+  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */
+  value: string;
+  /** Set to true to draw the item in a selected state. */
+  selected: boolean;
+  /** Set to true to draw the sidebar item in a disabled state. */
+  disabled: boolean;
+  render(): any;
+}