@opalkelly/frontpanel-react-components 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,1456 @@
+/// <reference types="react" />
+import { BitCount, IFrontPanel, WorkQueue, IFrontPanelEventSource } from '@opalkelly/frontpanel-alloy-core';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+/**
+ * Enumeration representing numeral systems.
+ */
+declare enum NumeralSystem {
+    /**
+     * Binary numeral system (base 2).
+     */
+    Binary = 2,
+    /**
+     * Octal numeral system (base 8).
+     */
+    Octal = 8,
+    /**
+     * Decimal numeral system (base 10).
+     */
+    Decimal = 10,
+    /**
+     * Hexadecimal numeral system (base 16).
+     */
+    Hexadecimal = 16
+}
+/**
+ * Enumeration representing toggle states.
+ */
+declare enum ToggleState {
+    Off = 0,
+    On = 1
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Class representing numeric digits in various numeral systems.
+ */
+declare class NumericDigits {
+    /**
+     * Maximum number of digits.
+     */
+    static readonly MAX_DIGITS: number;
+    /**
+     * Binary digit values.
+     */
+    static readonly BINARY_DIGITVALUES: string[];
+    /**
+     * Octal digit values.
+     */
+    static readonly OCTAL_DIGITVALUES: string[];
+    /**
+     * Decimal digit values.
+     */
+    static readonly DECIMAL_DIGITVALUES: string[];
+    /**
+     * Hexadecimal digit values.
+     */
+    static readonly HEXADECIMAL_DIGITVALUES: string[];
+    private readonly _DigitCount;
+    private readonly _NumeralSystem;
+    private readonly _DigitChars;
+    /**
+     * Gets the count of digits.
+     */
+    get DigitCount(): bigint;
+    /**
+     * Gets the numeral system.
+     */
+    get NumeralSystem(): NumeralSystem;
+    /**
+     * Gets the digit characters.
+     */
+    get DigitChars(): string[];
+    /**
+     * Creates a new instance of NumericDigits.
+     * @param digitCount - The count of digits.
+     * @param numeralSystem - The numeral system.
+     */
+    constructor(digitCount: bigint, numeralSystem: NumeralSystem);
+    /**
+     * Gets the character representation of the digit corresponding
+     * to the value specified.
+     * @param value - The value.
+     * @returns {string} - The digit as represented in the numeral system.
+     */
+    GetDigitFromValue(value: number): string;
+    /**
+     * Gets the digit characters from the numeral.
+     * @param numeral - The numeral system.
+     * @returns {string[]} - The digit characters.
+     */
+    static GetDigitChars(numeral: NumeralSystem): string[];
+    /**
+     * Computes the digit count from the bits.
+     * @param bitcount - The bit count.
+     * @param numeral - The numeral.
+     * @returns {bigint} - The digit count.
+     */
+    static ComputeDigitCountFromBits(bitcount: number, numeral: NumeralSystem): bigint;
+    /**
+     * Computes the digit count from the value.
+     * @param value - The value.
+     * @param numeral - The numeral.
+     * @returns {bigint} - The digit count.
+     */
+    static ComputeDigitCountFromValue(value: bigint, numeral: NumeralSystem): bigint;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+declare function CalculateBitLength(value: bigint): number;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface EndpointAddressProps {
+    epAddress: number;
+    bitOffset: BitCount;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelProps extends React.PropsWithChildren<NonNullable<unknown>> {
+    /**
+     * The front panel device to be used
+     */
+    device?: IFrontPanel;
+    /**
+     * Optional work queue to be used
+     */
+    workQueue?: WorkQueue;
+    /**
+     * Optional event source to be used
+     */
+    eventSource?: IFrontPanelEventSource;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+declare const FrontPanel: React__default.FC<FrontPanelProps>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+interface ApplicationProps extends React.PropsWithChildren<NonNullable<unknown>> {
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+declare const Application: React$1.ForwardRefExoticComponent<ApplicationProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+type ButtonSize = 1 | 2 | 3;
+type ButtonStateChangeEventHandler = () => void;
+type ButtonClickEventHandler = () => void;
+/**
+ * Interface for the properties of the `Button` component.
+ */
+interface ButtonProps {
+    /**
+     * Label text to be displayed in the button
+     */
+    label: string;
+    /**
+     * Optional CSS class to apply to the button
+     */
+    className?: string;
+    /**
+     * Optional size of the button
+     * @default 1
+     */
+    size?: ButtonSize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+    /**
+     * Optional event handler for the button down event
+     */
+    onButtonDown?: ButtonStateChangeEventHandler;
+    /**
+     * Optional event handler for the button up event
+     */
+    onButtonUp?: ButtonStateChangeEventHandler;
+    /**
+     * Optional event handler for the button click event
+     */
+    onButtonClick?: ButtonClickEventHandler;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface ButtonCombinedProps extends React__default.ComponentPropsWithoutRef<"button">, ButtonProps {
+}
+
+/**
+ * `Button` is a React component that renders a button with an optional label and optional tooltip.
+ * The button event handlers provide notification when the button is clicked, pressed, or released
+ * and can be used to perform actions in response to these events.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the button
+ *
+ * @returns {React.Node} The rendered Button component
+ *
+ * @example
+ * ```jsx
+ * <Button
+ *     label="Button"
+ *     onButtonClick={() => console.log("Button clicked")} />
+ * ```
+ */
+declare const Button: React__default.ForwardRefExoticComponent<ButtonCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+type IndicatorSize = 1 | 2 | 3;
+type IndicatorState = boolean;
+/**
+ * Interface for the properties of the `Indicator` component.
+ */
+interface IndicatorProps {
+    /**
+     * Label to be displayed on the indicator
+     */
+    label: string;
+    /**
+     * Current state of the indicator
+     */
+    state: IndicatorState;
+    /**
+     * Optional CSS class to apply to the indicator
+     */
+    className?: string;
+    /**
+     * Optional size of the indicator
+     * @default 1
+     */
+    size?: IndicatorSize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `Indicator` is a React component that renders an indicator that represents the state of a boolean value with an
+ * optional tooltip.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the indicator
+ *
+ * @returns {React.Node} The rendered Indicator component
+ *
+ * @example
+ * ```jsx
+ * <Indicator
+ *     label="Indicator"
+ *     state={true} />
+ * ```
+ */
+declare const Indicator: React__default.ForwardRefExoticComponent<IndicatorProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+type LabelVerticalPosition = "top" | "bottom";
+type LabelHorizontalPosition = "left" | "right";
+/**
+ * Interface for the properties of the `Label` component.
+ */
+interface LabelProps extends React.PropsWithChildren<NonNullable<unknown>> {
+    /**
+     * Text to be displayed on the label
+     */
+    text: string;
+    /**
+     * Optional CSS class to apply to the label
+     */
+    className?: string;
+    /**
+     * Optional horizontal position of the label, defined in LabelHorizontalPosition
+     * @default "left"
+     */
+    horizontalPosition?: LabelHorizontalPosition;
+    /**
+     * Optional vertical position of the label, defined in LabelVerticalPosition
+     * @default "top"
+     */
+    verticalPosition?: LabelVerticalPosition;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `Label` is a React component that renders a label with optional positioning.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the indicator
+ *
+ * @returns {ReactNode} The rendered Label component
+ *
+ * @example
+ * ```jsx
+ * <Label
+ *     text="Label"
+ *     horizontalPosition="left"
+ *     verticalPosition="top">
+ *     <input type="text" />
+ * </Label>
+ * ```
+ */
+declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type NumberDisplaySize = 1 | 2 | 3;
+/**
+ * Interface for the properties of the `NumberDisplay` component.
+ */
+interface NumberDisplayProps {
+    /**
+     * Current value to be displayed
+     */
+    value: bigint;
+    /**
+     * Maximum value that can be displayed
+     */
+    maximumValue: bigint;
+    /**
+     * Minimum value that can be displayed
+     */
+    minimumValue: bigint;
+    /**
+     * Optional CSS class to apply to the number display
+     */
+    className?: string;
+    /**
+     * Optional label properties for the number display
+     */
+    label?: LabelProps;
+    /**
+     * Optional size of the number display
+     * @default 1
+     */
+    size?: NumberDisplaySize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+    /**
+     * Optional numeral system to be used for the number display, defined in NumeralSystem
+     */
+    numeralSystem?: NumeralSystem;
+    /**
+     * Optional decimal scale for the number entry (Only used when numeral system is NumeralSystem.Decimal)
+     */
+    decimalScale?: number;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `NumberDisplay` is a React component that renders a number represented in binary, octal,
+ * decimal, or hexadecimal numeral systems with optional tooltip. It also allows to
+ * optionally set the decimal scale of the number when using the decimal numeral system.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the NumberDisplay
+ * @returns {React.Node} The rendered NumberDisplay component
+ *
+ * @example
+ * ```jsx
+ * <NumberDisplay
+ *    label="Number Display"
+ *    value={23456}
+ *    maximumValue={65535}
+ *    minimumValue={0} />
+ * ```
+ */
+declare const NumberDisplay: React__default.ForwardRefExoticComponent<NumberDisplayProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type DigitEntryVariant = "standard" | "compact";
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type NumberEntrySize = 1 | 2 | 3;
+type NumberEntryValueChangeEventHandler = (value: bigint) => void;
+/**
+ * Interface for the properties of the `NumberEntry` component.
+ */
+interface NumberEntryProps {
+    /**
+     * Current value of the number entry
+     */
+    value: bigint;
+    /**
+     * Maximum value that can be entered
+     */
+    maximumValue: bigint;
+    /**
+     * Minimum value that can be entered
+     */
+    minimumValue: bigint;
+    /**
+     * Optional CSS class to apply to the number entry
+     */
+    className?: string;
+    /**
+     * Optional decimal scale for the number entry (Only used when numeral system is NumeralSystem.Decimal)
+     */
+    decimalScale?: number;
+    /**
+     * Optional disable the number entry
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional label properties for the number entry
+     */
+    label?: LabelProps;
+    /**
+     * Optional numeral system to be used for the number entry, defined in NumeralSystem
+     * @default Decimal
+     */
+    numeralSystem?: NumeralSystem;
+    /**
+     * Optional Size of the number entry
+     * @default 1
+     */
+    size?: NumberEntrySize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+    /**
+     * Optional variant of the digit entry
+     * @default standard
+     */
+    variant?: DigitEntryVariant;
+    /**
+     * Optional event handler for the value changed event
+     */
+    onValueChange?: NumberEntryValueChangeEventHandler;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `NumberEntry` is a React component that renders a number entry field to allow setting the value of a number
+ * represented in binary, octal, decimal, or hexadecimal numeral systems. The values of the individual digits of
+ * the number can be entered by key or they can incremented and decremented using the up and down arrow keys and or
+ * the mouse wheel. The maximum and minimum values of the number can be specified to limit the range of values that
+ * that can be set. Each individual digit shows an indicator to show if the value of that digit can be incremented
+ * or decremented based on the maximum and minimum values.
+ *
+ * @component
+ * @param {Object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the number display
+ *
+ * @returns {React.Node} The rendered NumberEntry component.
+ *
+ * @example
+ * ```jsx
+ * <NumberEntry
+ *     value={0}
+ *     maximumValue={65535}
+ *     minimumValue={0} />
+ * ```
+ */
+declare const NumberEntry: React__default.ForwardRefExoticComponent<NumberEntryProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type RangeSliderValueChangeEventHandler = (value: number) => void;
+type RangeSliderValueCommitEventHandler = (value: number) => void;
+/**
+ * Interface for the properties of the `RangeSlider` component.
+ *
+ * @interface
+ */
+interface RangeSliderProps {
+    /**
+     * Optional CSS class to apply to the range
+     */
+    className?: string;
+    /**
+     * Optional label properties for the range slider
+     */
+    label?: LabelProps;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+    /**
+     * Optional default value of the range slider
+     */
+    defaultValue?: number;
+    /**
+     * Optional current value of the range slider
+     */
+    value?: number;
+    /**
+     * Optional step value for the range slider. This determines the increments in value for each step
+     * @default 1
+     */
+    valueStep?: number;
+    /**
+     * Optional minimum value that the range slider can have
+     * @default 0
+     */
+    minimumValue?: number;
+    /**
+     * Optional maximum value that the range slider can have
+     * @default 100
+     */
+    maximumValue?: number;
+    /**
+     * Optional disable the range slider
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional show the label for the thumb (handle) of the range slider
+     * @default true
+     */
+    showThumbLabel?: boolean;
+    /**
+     * Optional show the labels for the track of the range slider
+     * @default true
+     */
+    showTrackLabels?: boolean;
+    /**
+     * Optional event handler for the range slider value change event
+     * @type {RangeSliderValueChangeEventHandler}
+     */
+    onValueChange?: RangeSliderValueChangeEventHandler;
+    /**
+     * Optional event handler for the range slider value committed event
+     * @type {RangeSliderValueCommitEventHandler}
+     */
+    onValueCommit?: RangeSliderValueCommitEventHandler;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `RangeSlider` is a React component that renders a range slider to allow setting a value within a specified
+ * range by clicking and dragging the slider thumb or by using the arrow keys. The slider can optionally show
+ * a label and/or a tooltip.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the range slider
+ *
+ * @returns {React.Node} The rendered RangeSlider component
+ *
+ * @example
+ * ```jsx
+ * <RangeSlider
+ *    defaultValue={50}
+ *    maximumValue={100}
+ *    minimumValue={0}
+ *    valueStep={1}
+ *    onValueChange={(value) => console.log(value)} />
+ * ```
+ */
+declare const RangeSlider: React__default.ForwardRefExoticComponent<RangeSliderProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntrySeparatorCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> {
+}
+
+declare const SelectEntrySeparator: React__default.ForwardRefExoticComponent<SelectEntrySeparatorCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntryLabelCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Label> {
+}
+
+declare const SelectEntryLabel: React__default.ForwardRefExoticComponent<SelectEntryLabelCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntryGroupCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Group> {
+}
+
+declare const SelectEntryGroup: React__default.ForwardRefExoticComponent<SelectEntryGroupCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntryItemCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+}
+
+declare const SelectEntryItem: React__default.ForwardRefExoticComponent<SelectEntryItemCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectContentCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    container?: React__default.ComponentProps<typeof SelectPrimitive.Portal>["container"];
+}
+
+declare const SelectEntryContent: React__default.ForwardRefExoticComponent<SelectContentCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+/**
+ * Interface for the properties of the `SelectEntryTrigger` component.
+ */
+interface SelectEntryTriggerProps {
+    /**
+     * Optional placeholder text to be displayed when no value is selected
+     */
+    placeholder?: string;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntryTriggerCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, "asChild">, SelectEntryTriggerProps {
+}
+
+declare const SelectEntryTrigger: React__default.ForwardRefExoticComponent<SelectEntryTriggerCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type SelectEntrySize = 1 | 2 | 3;
+/**
+ * Interface for the properties of the `SelectEntryRoot` component.
+ */
+interface SelectEntryRootProps {
+    /**
+     * Optional CSS class to apply to the select entry root
+     */
+    className?: string;
+    /**
+     * Optional label properties for the select entry root
+     */
+    label?: LabelProps;
+    /**
+     * Optional size of the select entry root
+     * @default 1
+     */
+    size?: SelectEntrySize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface SelectEntryRootCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, SelectEntryRootProps {
+}
+
+/**
+ * `SelectEntryRoot` is a React component that is the root component of a select entry. The children of this
+ * component are used to specify the component parts. The parts include the trigger that can be clicked on to
+ * show a list of options to select from, and the content that is the list of options.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ *
+ * @returns {ReactNode} The rendered SelectEntryRoot component
+ *
+ * @example
+ * ```jsx
+ * <SelectEntryRoot>
+ *     <SelectEntry.Trigger />
+ *     <SelectEntry.Content>
+ *         <SelectEntry.Group>
+ *            <SelectEntry.Label>Options</SelectEntry.Label>
+ *            <SelectEntry.Item value="0">Option 0</SelectEntry.Item>
+ *            <SelectEntry.Item value="1">Option 1</SelectEntry.Item>
+ *        </SelectEntry.Group>
+ *     </SelectEntry.Content>
+ * </SelectEntryRoot>
+ * ```
+ */
+declare const SelectEntryRoot: React__default.FC<SelectEntryRootCombinedProps>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+declare const SelectEntry: {
+    Root: React$1.FC<SelectEntryRootCombinedProps>;
+    Trigger: React$1.ForwardRefExoticComponent<SelectEntryTriggerCombinedProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<SelectContentCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Item: React$1.ForwardRefExoticComponent<SelectEntryItemCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<SelectEntryGroupCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<SelectEntryLabelCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<SelectEntrySeparatorCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type ToggleSize = 1 | 2 | 3;
+type ToggleStateChangeEventHandler = (state: ToggleState) => void;
+/**
+ * Interface for the properties of the `Toggle` component.
+ */
+interface ToggleProps extends React.PropsWithChildren<NonNullable<unknown>> {
+    /**
+     * Current state of the toggle, defined in ToggleState
+     */
+    state: ToggleState;
+    /**
+     * Optional CSS class to apply to the toggle
+     */
+    className?: string;
+    /**
+     * Optional size of the toggle
+     * @default 1
+     */
+    size?: ToggleSize;
+    /**
+     * Optional tooltip text to be displayed on hover
+     */
+    tooltip?: string;
+    /**
+     * Optional event handler for the toggle state change event
+     */
+    onToggleStateChanged?: ToggleStateChangeEventHandler;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface ToggleCombinedProps extends React__default.ComponentPropsWithoutRef<"button">, ToggleProps {
+}
+
+/**
+ * `Toggle` is a React component that renders a toggle button to toggle between an "on" and "off"
+ * state when the button is clicked. Notification of the state transtion is provided through the
+ * `onToggleStateChanged` event handler.
+ *
+ * @component
+ * @param {Object} props - The properties that define the `Toggle` component.
+ * @param {React.Ref<ToggleElement>} forwardedRef - A ref that is forwarded to the `Toggle` component.
+ *
+ * @returns {React.ReactElement} The `Toggle` component.
+ *
+ * @example
+ * ```jsx
+ * <Toggle
+ *    state={ToggleState.On}
+ *    onToggleStateChanged={(newState) => console.log(newState)}>
+ *   <span>Toggle<span>
+ * </Toggle>
+ * ```
+ */
+declare const Toggle: React__default.ForwardRefExoticComponent<ToggleCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `ToggleSwitch` component.
+ */
+interface ToggleSwitchProps extends ToggleProps {
+    /**
+     * Label to be displayed on the toggle switch
+     */
+    label: string;
+    /**
+     * Optional disable the toggle switch
+     * @default false
+     */
+    disabled?: boolean;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * `ToggleSwitch` is a React component that renders a toggle switch with a label and a switch button
+ * that represents the current toggle state. When the switch is clicked, the toggle
+ * state will transition to the next state. Notification of the state transtion is provided through the
+ * `onToggleStateChanged` event handler.
+ *
+ * @component
+ * @param {Object} props - Properties passed to component
+ * @param {React.Ref<ToggleSwitchElement>} forwardedRef - Forwarded ref for the button
+ *
+ * @returns {React.ReactElement} The rendered ToggleSwitch component
+ *
+ * @example
+ * ```jsx
+ * <ToggleSwitch
+ *     label="Toggle"
+ *     state={ToggleState.On}
+ *     onToggleStateChanged={(newState) => console.log(newState)} />
+ * ```
+ */
+declare const ToggleSwitch: React__default.ForwardRefExoticComponent<ToggleSwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `Tooltip` component.
+ */
+interface TooltipProps extends React.PropsWithChildren<NonNullable<unknown>> {
+    /**
+     * Content to be displayed within the tooltip
+     */
+    content: ReactNode;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface TooltipCombinedProps extends React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>, Omit<React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, "content">, TooltipProps {
+    content: NonNullable<TooltipProps["content"]>;
+    container?: React__default.ComponentProps<typeof TooltipPrimitive.Portal>["container"];
+}
+
+/**
+ * `Tooltip` is a React component that displays a popup with text when the mouse cursor hovers
+ * over the child component.
+ *
+ * @component *
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the button
+ *
+ * @returns {ReactElement} The rendered Tooltip component
+ *
+ * @example
+ * ```jsx
+ * <Tooltip content="Tooltip text">
+ *   <button>Hover over me</button>
+ * </Tooltip>
+ * ```
+ */
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelNumberEntry` component.
+ *
+ * @interface
+ */
+interface FrontPanelNumberEntryProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+    /**
+     * Maximum value that the number entry will allow.
+     */
+    maximumValue: bigint;
+    /**
+     * Optional minimum value that the number entry will allow.
+     */
+    minimumValue?: bigint;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelNumberEntryCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof NumberEntry>, "value" | "maximumValue" | "minimumValue" | "onValueChange">, FrontPanelNumberEntryProps {
+}
+
+/**
+ * `FrontPanelNumberEntry` is a React component that renders a number entry field to allow setting the value of a WireIn endpoint
+ * represented in binary, octal, decimal, or hexadecimal numeral systems. The values of the individual digits of the number can
+ * be entered by key or they can be incremented and decremented using the up and down arrow keys and or the mouse wheel.
+ *
+ * @component
+ * @param {Object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the number display
+ *
+ * @returns {React.Node} The rendered FrontPanelNumberDisplay component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelNumberEntry
+ *     fpEndpoint={{epAddress: 0x00, bitOffset: 1}}
+ *     maximumValue=0xffffffff />
+ * ```
+ */
+declare const FrontPanelNumberEntry: React__default.ForwardRefExoticComponent<FrontPanelNumberEntryCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelNumberDisplay` component.
+ *
+ * @interface
+ */
+interface FrontPanelNumberDisplayProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+    /**
+     * Maximum value that the number display will allow
+     */
+    maximumValue: bigint;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelNumberDisplayCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof NumberDisplay>, "value" | "maximumValue" | "minimumValue">, FrontPanelNumberDisplayProps {
+}
+
+/**
+ * `FrontPanelNumberDisplay` is a React component that renders a number display to represent the value of a WireOut endpoint using
+ * binary, octal, decimal, or hexadecimal numeral systems. It also allows to optionally set the decimal scale of the number when
+ * using the decimal numeral system.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the number display
+ *
+ * @returns {React.Node} The rendered FrontPanelNumberDisplay component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelNumberDisplay
+ *     fpEndpoint={{epAddress: 0x20, bitOffset: 1}}
+ *     maximumValue=0xffffffff />
+ * ```
+ */
+declare const FrontPanelNumberDisplay: React__default.ForwardRefExoticComponent<FrontPanelNumberDisplayCombinedProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelIndicator` component.
+ */
+interface FrontPanelIndicatorProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelIndicatorCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof Indicator>, "state">, FrontPanelIndicatorProps {
+}
+
+/**
+ * `FrontPanelIndicator` is a React component that renders an indicator that represents the state of a WireOut endpoint.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the indicator
+ *
+ * @returns {React.Node} The rendered FrontPanelIndicator component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelIndicator
+ *     label="Indicator"
+ *     fpEndpoint={{epAddress: 0x20, bitOffset: 1}} />
+ * ```
+ */
+declare const FrontPanelIndicator: React__default.ForwardRefExoticComponent<FrontPanelIndicatorCombinedProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelToggleButton` component.
+ */
+interface FrontPanelPushButtonProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelPushButtonCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof Button>, "asChild" | "onButtonClick" | "onButtonDown" | "onButtonUp">, FrontPanelPushButtonProps {
+}
+
+/**
+ * `FrontPanelPushButton` is a React component that renders a push button that asserts a WireIn endpoint
+ * when pressed and deasserts it when released.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the button
+ *
+ * @returns {React.Node} The rendered FrontPanelPushButton component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelPushButton
+ *     label="Pushbutton"
+ *     fpEndpoint={{epAddress: 0x00, bitOffset: 1}} />
+ * ```
+ */
+declare const FrontPanelPushButton: React__default.ForwardRefExoticComponent<FrontPanelPushButtonCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelToggleSwitch` component.
+ */
+interface FrontPanelToggleSwitchProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelToggleSwitchCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof ToggleSwitch>, "state" | "onToggleStateChanged">, FrontPanelToggleSwitchProps {
+}
+
+/**
+ * `FrontPanelToggleSwitch` is a React component that renders a toggle switch with an optional label and or tooltip
+ *  to toggle the state of a WireIn endpoint.
+ *
+ * @component
+ * @param {Object} props - The properties that define the `FrontPanelToggleSwitch` component.
+ * @param {React.Ref<FrontPanelToggleSwitchElement>} forwardedRef - A ref that is forwarded to the `FrontPanelToggleSwitch` component.
+ *
+ * @returns {React.ReactElement} The `FrontPanelToggleSwitch` component.
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelToggleSwitch
+ *    label="Toggle"
+ *    fpEndpoint={{epAddress: 0x00, bitOffset: 1}} />
+ * ```
+ */
+declare const FrontPanelToggleSwitch: React__default.ForwardRefExoticComponent<FrontPanelToggleSwitchCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the FrontPanelTriggerButton component.
+ * This interface extends the properties of the TriggerButton component.
+ */
+interface FrontPanelTriggerButtonProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelTriggerButtonCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof Button>, "asChild" | "onButtonClick" | "onButtonDown" | "onButtonUp">, FrontPanelTriggerButtonProps {
+}
+
+/**
+ * `FrontPanelTriggerButton` is a React component that renders a trigger button that asserts a TriggerIn endpoint when
+ * it is pressed.
+ *
+ * @component
+ * @param {Object} props - Properties passed to component
+ * @param {React.Ref<FrontPanelTriggerButtonElement>} forwardedRef - Forwarded ref for the button
+ *
+ * @returns {React.ReactElement} The rendered FrontPanelTriggerButton component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelTriggerButton
+ *     label="Trigger"
+ *     fpEndpoint={{epAddress: 0x00, bitOffset: 1}} />
+ * ```
+ */
+declare const FrontPanelTriggerButton: React__default.ForwardRefExoticComponent<FrontPanelTriggerButtonCombinedProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelRangeSlider` component.
+ */
+interface FrontPanelRangeSliderProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+    /**
+     * Maximum value that the range slider will allow
+     */
+    maximumValue: number;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelRangeSliderCombinedProps extends Omit<React__default.ComponentPropsWithoutRef<typeof RangeSlider>, "defaultValue" | "value" | "maximumValue" | "onValueChange" | "onValueCommit">, FrontPanelRangeSliderProps {
+}
+
+/**
+ * `FrontPanelRangeSlider` is a React component that renders a range slider to allow setting the value of a WireIn endpoint
+ * within a specified range of values by clicking and dragging the slider thumb or by using the arrow keys.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {React.Ref} forwardedRef - Forwarded ref for the range slider
+ *
+ * @returns {React.Node} The rendered FrontPanelRangeSlider component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelRangeSlider
+ *     fpEndpoint={{epAddress: 0x00, bitOffset: 1}}
+ *     maximumValue=0xff />
+ * ```
+ */
+declare const FrontPanelRangeSlider: React__default.ForwardRefExoticComponent<FrontPanelRangeSliderCombinedProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+/**
+ * Interface for the properties of the `FrontPanelSelectEntryRoot` component.
+ */
+interface FrontPanelSelectEntryRootProps {
+    /**
+     * Address of the frontpanel endpoint
+     */
+    fpEndpoint: EndpointAddressProps;
+    /**
+     * Maximum value that the select entry will allow
+     */
+    maximumValue: bigint;
+}
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+interface FrontPanelSelectEntryRootCombinedProps extends React__default.ComponentPropsWithoutRef<typeof SelectEntry.Root>, FrontPanelSelectEntryRootProps {
+}
+
+/**
+ * `FrontPanelSelectEntryRoot` is a React component that is the root component of a select entry that
+ * allows setting a WireIn endpoint. The children of this component are used to specify the component
+ * parts. The parts include the trigger that can be clicked on to show a list of options to select from,
+ * and the content that is the list of options.
+ *
+ * @component
+ * @param {object} props - Properties passed to component
+ * @param {object} rootProps - Any additional properties to pass to the root component
+ *
+ * @returns {React.Node} The rendered FrontPanelSelectEntryRoot component
+ *
+ * @example
+ * ```jsx
+ * <FrontPanelSelectEntryRoot
+ *     fpEndpoint={{epAddress: 0x00, bitOffset: 1}}
+ *     maximumValue=2 />
+ *     <FrontPanelSelectEntry.Trigger />
+ *     <FrontPanelSelectEntry.Content>
+ *         <FrontPanelSelectEntry.Group>
+ *             <FrontPanelSelectEntry.Label>Options</FrontPanelSelectEntry.Label>
+ *             <FrontPanelSelectEntry.Item value="0">Option 0</FrontPanelSelectEntry.Option>
+ *             <FrontPanelSelectEntry.Item value="1">Option 1</FrontPanelSelectEntry.Option>
+ *             <FrontPanelSelectEntry.Item value="2">Option 2</FrontPanelSelectEntry.Option>
+ *         </FrontPanelSelectEntry.Group>
+ *    </FrontPanelSelectEntry.Content>
+ * </FrontPanelSelectEntryRoot>
+ * ```
+ */
+declare const FrontPanelSelectEntryRoot: React__default.FC<FrontPanelSelectEntryRootCombinedProps>;
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+declare const FrontPanelSelectEntry: {
+    Root: React$1.FC<FrontPanelSelectEntryRootCombinedProps>;
+    Trigger: React$1.ForwardRefExoticComponent<SelectEntryTriggerCombinedProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<SelectContentCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Item: React$1.ForwardRefExoticComponent<SelectEntryItemCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<SelectEntryGroupCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<SelectEntryLabelCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<SelectEntrySeparatorCombinedProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Copyright (c) 2024 Opal Kelly Incorporated
+ *
+ * This source code is licensed under the FrontPanel license.
+ * See the LICENSE file found in the root directory of this project.
+ */
+
+type FrontPanelContextValue = {
+    device: IFrontPanel;
+    workQueue: WorkQueue;
+    eventSource?: IFrontPanelEventSource;
+};
+declare const FrontPanelContext: React__default.Context<FrontPanelContextValue>;
+
+export { Application, Button, type ButtonClickEventHandler, type ButtonSize, type ButtonStateChangeEventHandler, CalculateBitLength, type EndpointAddressProps, FrontPanel, FrontPanelContext, type FrontPanelContextValue, FrontPanelIndicator, FrontPanelNumberDisplay, FrontPanelNumberEntry, FrontPanelPushButton, FrontPanelRangeSlider, FrontPanelSelectEntry, FrontPanelSelectEntryRoot, FrontPanelToggleSwitch, FrontPanelTriggerButton, Indicator, type IndicatorSize, type IndicatorState, Label, type LabelHorizontalPosition, type LabelVerticalPosition, NumberDisplay, type NumberDisplaySize, NumberEntry, type NumberEntrySize, type NumberEntryValueChangeEventHandler, NumeralSystem, NumericDigits, RangeSlider, SelectEntry, SelectEntryContent, SelectEntryGroup, SelectEntryItem, SelectEntryLabel, SelectEntryRoot, SelectEntrySeparator, type SelectEntrySize, SelectEntryTrigger, Toggle, type ToggleSize, ToggleState, type ToggleStateChangeEventHandler, ToggleSwitch, Tooltip };