@festo-ui/react 8.2.0-dev.582 → 8.2.0-dev.584

package/lib/components/table-header-cell/TableHeaderCell.js

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import { forwardRef } from 'react';
+import classNames from "classnames";
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TableHeaderCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -15,12 +15,12 @@ const TableHeaderCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   }
   return /*#__PURE__*/_jsx("th", {
     ...props,
-    className: classNames('fwe-table-order', {
-      'fwe-active': active
+    className: classNames("fwe-table-order", {
+      "fwe-active": active
     }, {
-      'fwe-table-order-ascending': active && ascending
+      "fwe-table-order-ascending": active && ascending
     }, {
-      'fwe-table-order-descending': active && !ascending
+      "fwe-table-order-descending": active && !ascending
     }, className),
     onClick: handleClick,
     ref: ref

package/lib/forms/checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
-import './Checkbox.scss';
-import React from 'react';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+import "./Checkbox.scss";
+import React from "react";
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     id?: string;
     checked?: boolean;
     defaultChecked?: boolean;
@@ -8,7 +8,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     name?: string;
     large?: boolean;
     valid?: boolean;
-    labelPosition?: 'before' | 'after' | 'below';
+    labelPosition?: "before" | "after" | "below";
     required?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;

package/lib/forms/checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import React from 'react';
+import classNames from "classnames";
+import React from "react";
 import useControlled from "../../helper/useControlled.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Checkbox(_ref) {
@@ -11,7 +11,7 @@ function Checkbox(_ref) {
     name,
     large = false,
     valid = true,
-    labelPosition = 'after',
+    labelPosition = "after",
     required,
     disabled = false,
     indeterminate = false,
@@ -28,20 +28,20 @@ function Checkbox(_ref) {
     setChecked(newChecked);
     onChange?.(newChecked, e);
   };
-  const containerClasses = classNames('fwe-checkbox-container', {
-    'fr-checkbox-large': large
+  const containerClasses = classNames("fwe-checkbox-container", {
+    "fr-checkbox-large": large
   }, {
-    'fr-checkbox-invalid': !valid || required
+    "fr-checkbox-invalid": !valid || required
   }, {
-    'fwe-disabled': disabled
+    "fwe-disabled": disabled
   }, {
-    'fwe-checked': isChecked
+    "fwe-checked": isChecked
   }, {
-    'fwe-label-below': labelPosition === 'below'
+    "fwe-label-below": labelPosition === "below"
   }, {
-    'fwe-label-before': labelPosition === 'before'
+    "fwe-label-before": labelPosition === "before"
   }, {
-    'fr-checkbox-indeterminate': indeterminate
+    "fr-checkbox-indeterminate": indeterminate
   }, className);
   return /*#__PURE__*/_jsxs("label", {
     className: containerClasses,

package/lib/forms/color-indicator/ColorIndicator.d.ts

@@ -1,5 +1,5 @@
-import { ClassNamePropsWithChildren } from '../../helper/types';
-import './ColorIndicator.scss';
+import { ClassNamePropsWithChildren } from "../../helper/types";
+import "./ColorIndicator.scss";
 interface ColorIndicatorProps extends ClassNamePropsWithChildren {
     text: string;
     label: string;

package/lib/forms/color-indicator/ColorIndicator.js

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import classNames from 'classnames';
+import React, { useState } from "react";
+import classNames from "classnames";
 import Popover from "../../components/popovers/popover/Popover.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ColorIndicator(_ref) {
@@ -12,11 +12,11 @@ function ColorIndicator(_ref) {
     children,
     disabled
   } = _ref;
-  const classes = classNames('fwe-color-indicator', className, disabled);
+  const classes = classNames("fwe-color-indicator", className, disabled);
   const [isEditorOpen, setEditorOpen] = useState(false);
   function getBorderColor() {
-    if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F0F2F3') {
-      return '#b6bec6'; // = $control-border
+    if (!color || color.toUpperCase() === "#FFFFFF" || color.toUpperCase() === "#F0F2F3") {
+      return "#b6bec6"; // = $control-border
     }
     return color;
   }
@@ -99,7 +99,7 @@ function ColorIndicator(_ref) {
       children: [wrapperChildren, " ", text && /*#__PURE__*/_jsx("div", {
         className: "fwe-color-indicator-text",
         children: text
-      }), ' ']
+      }), " "]
     })]
   });
   return showPopOver ? /*#__PURE__*/_jsx(Popover, {

package/lib/forms/color-picker/ColorHelper.d.ts

@@ -1,9 +1,9 @@
 export default abstract class ColorHelper {
-    static rgbToHsv(rgb: Record<'r' | 'g' | 'b', number>): Record<'h' | 's' | 'v', number> | undefined;
-    static hsvToRgb(_hsv: Record<'h' | 's' | 'v', number>): Record<'r' | 'g' | 'b', number>;
+    static rgbToHsv(rgb: Record<"r" | "g" | "b", number>): Record<"h" | "s" | "v", number> | undefined;
+    static hsvToRgb(_hsv: Record<"h" | "s" | "v", number>): Record<"r" | "g" | "b", number>;
     private static limitToByte;
     private static limitToOne;
     private static numberToHex;
-    static rgbToHex(_rgb: Record<'r' | 'g' | 'b', number>): string;
-    static hexToRgb(hexString: string): Record<'r' | 'g' | 'b', number> | undefined;
+    static rgbToHex(_rgb: Record<"r" | "g" | "b", number>): string;
+    static hexToRgb(hexString: string): Record<"r" | "g" | "b", number> | undefined;
 }

package/lib/forms/radio/RadioButton.d.ts

@@ -1,4 +1,4 @@
-import { ClassNamePropsWithChildren } from '../../helper/types';
+import { ClassNamePropsWithChildren } from "../../helper/types";
 export interface RadioProps extends ClassNamePropsWithChildren {
     id?: string;
     defaultChecked?: boolean;
@@ -6,7 +6,7 @@ export interface RadioProps extends ClassNamePropsWithChildren {
     onChange?: (value: string) => void;
     name?: string;
     value?: string;
-    labelPosition?: 'before' | 'after' | 'below';
+    labelPosition?: "before" | "after" | "below";
     large?: boolean;
     disabled?: boolean;
     required?: boolean;

package/lib/forms/radio/RadioButton.js

@@ -1,5 +1,5 @@
-import { useContext } from 'react';
-import classNames from 'classnames';
+import { useContext } from "react";
+import classNames from "classnames";
 import RadioGroupContext from "./RadioGroupContext.js";
 import useId from "../../helper/useId.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ function Radio(props) {
     name,
     defaultChecked: defaultCheckedProp,
     checked,
-    labelPosition = 'after',
+    labelPosition = "after",
     large = false,
     disabled = false,
     required = false,
@@ -29,12 +29,12 @@ function Radio(props) {
     isControlled
   } = useContext(RadioGroupContext);
   const innerLabelPosition = groupLabelPosition ?? labelPosition;
-  const classes = classNames('fwe-radio', {
-    'fwe-radio-label-below': innerLabelPosition === 'below'
+  const classes = classNames("fwe-radio", {
+    "fwe-radio-label-below": innerLabelPosition === "below"
   }, {
-    'fwe-radio-label-before': innerLabelPosition === 'before'
+    "fwe-radio-label-before": innerLabelPosition === "before"
   }, {
-    'fwe-radio-lg': large || groupLarge
+    "fwe-radio-lg": large || groupLarge
   }, className);
   const controlledChecked = checked !== undefined || isControlled && groupValue !== undefined ? Boolean(checked || groupValue === value) : undefined;
   const getDefaultChecked = () => {
@@ -75,7 +75,7 @@ function Radio(props) {
         required: required || groupRequired
       }), /*#__PURE__*/_jsx("div", {
         className: "fwe-radio-checkmark"
-      }), ' ']
+      }), " "]
     }), /*#__PURE__*/_jsx("div", {
       className: "fwe-radio-label-content",
       children: children

package/lib/forms/radio/RadioGroup.d.ts

@@ -1,10 +1,10 @@
-import { ComponentPropsWithoutRef } from 'react';
-export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentPropsWithoutRef } from "react";
+export interface RadioGroupProps extends ComponentPropsWithoutRef<"div"> {
     name?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
     value?: string;
-    labelPosition?: 'before' | 'after' | 'below';
+    labelPosition?: "before" | "after" | "below";
     large?: boolean;
     disabled?: boolean;
     required?: boolean;

package/lib/forms/radio/RadioGroup.js

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import { forwardRef, useCallback, useMemo } from 'react';
+import classNames from "classnames";
+import { forwardRef, useCallback, useMemo } from "react";
 import useControlled from "../../helper/useControlled.js";
 import useId from "../../helper/useId.js";
 import RadioGroupContext from "./RadioGroupContext.js";
@@ -41,7 +41,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
     value: contextValue,
     children: /*#__PURE__*/_jsx("div", {
       ref: ref,
-      className: classNames('fwe-radio-group', className),
+      className: classNames("fwe-radio-group", className),
       role: "radiogroup",
       ...props,
       children: children

package/lib/forms/radio/RadioGroupContext.d.ts

@@ -2,7 +2,7 @@ interface ContextProps {
     name: string;
     value: string;
     isControlled: boolean;
-    labelPosition: 'before' | 'after' | 'below';
+    labelPosition: "before" | "after" | "below";
     large: boolean;
     handleValueChange: (value: string) => void;
     disabled: boolean;

package/lib/forms/radio/RadioGroupContext.js

@@ -1,3 +1,3 @@
-import { createContext } from 'react';
+import { createContext } from "react";
 const RadioGroupContext = /*#__PURE__*/createContext({});
 export default RadioGroupContext;

package/lib/forms/segment/Segment.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ClassNamePropsWithChildren } from '../../helper/types';
+import React from "react";
+import { ClassNamePropsWithChildren } from "../../helper/types";
 export interface SegmentComponentConfiguration {
     outline?: boolean;
     iconOnly?: boolean;

package/lib/forms/segment/Segment.js

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import React from 'react';
+import classNames from "classnames";
+import React from "react";
 import useControlled from "../../helper/useControlled.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultConfig = {
@@ -21,7 +21,7 @@ function Segment(props) {
   };
   let useIcon = false;
   let useIconAndText = false;
-  let tmpValue = '';
+  let tmpValue = "";
   React.Children.forEach(children, (child, index) => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
@@ -49,10 +49,10 @@ function Segment(props) {
     setValue(_value);
   };
   return /*#__PURE__*/_jsxs("fieldset", {
-    className: classNames('fwe-segment', {
-      'fwe-segment-outline': innerConfig.outline,
-      'fwe-segment-icon': useIcon,
-      'fwe-segment-icon-text': useIconAndText
+    className: classNames("fwe-segment", {
+      "fwe-segment-outline": innerConfig.outline,
+      "fwe-segment-icon": useIcon,
+      "fwe-segment-icon-text": useIconAndText
     }, className),
     children: [/*#__PURE__*/_jsx("legend", {
       className: "fwe-sr-only fwe-d-inline-block",

package/lib/forms/segment/segment-control/SegmentControl.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ClassNameProps } from '../../../helper/types';
+import React from "react";
+import { ClassNameProps } from "../../../helper/types";
 export interface SegmentControlProps extends ClassNameProps {
     label: string;
     name: string;

package/lib/forms/segment/segment-control/SegmentControl.js

@@ -1,5 +1,5 @@
-import React, { useRef } from 'react';
-import classNames from 'classnames';
+import React, { useRef } from "react";
+import classNames from "classnames";
 import IconWrapper from "../../../components/icon-wrapper/IconWrapper.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function SegmentControl(props) {
@@ -15,10 +15,10 @@ function SegmentControl(props) {
     className,
     iconOnly
   } = props;
-  const componentId = useRef(id ?? (Math.random() * Date.now()).toString().replace('.', '-'));
-  let viewMode = 'text';
+  const componentId = useRef(id ?? (Math.random() * Date.now()).toString().replace(".", "-"));
+  let viewMode = "text";
   if (icon) {
-    viewMode = iconOnly ? 'icon' : 'icon-text';
+    viewMode = iconOnly ? "icon" : "icon-text";
   }
   const handleChange = event => {
     if (onChange) {
@@ -36,16 +36,16 @@ function SegmentControl(props) {
       disabled: disabled,
       onChange: e => handleChange(e)
     }), /*#__PURE__*/_jsxs("label", {
-      className: classNames('fwe-segment-label', className),
+      className: classNames("fwe-segment-label", className),
       htmlFor: componentId.current,
-      children: [viewMode === 'icon' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [viewMode === "icon" && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("span", {
           className: "fwe-sr-only",
           children: label
         }), /*#__PURE__*/_jsx(IconWrapper, {
           icon: icon
         })]
-      }), viewMode === 'text' && label, viewMode === 'icon-text' && /*#__PURE__*/_jsxs(_Fragment, {
+      }), viewMode === "text" && label, viewMode === "icon-text" && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(IconWrapper, {
           icon: icon
         }), /*#__PURE__*/_jsx("span", {

package/lib/forms/select/Select.d.ts

@@ -1,8 +1,8 @@
-import './Select.scss';
-import { ComponentPropsWithoutRef, Ref } from 'react';
-import { SelectOptionType } from './select-option/SelectOption';
-import { SelectConfiguration } from '../../helper/types';
-export interface SelectProps<T> extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue'> {
+import "./Select.scss";
+import { ComponentPropsWithoutRef, Ref } from "react";
+import { SelectOptionType } from "./select-option/SelectOption";
+import { SelectConfiguration } from "../../helper/types";
+export interface SelectProps<T> extends Omit<ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> {
     defaultValue?: T;
     defaultOpen?: boolean;
     open?: boolean;

package/lib/forms/select/Select.js

@@ -1,5 +1,5 @@
-import { forwardRef, useRef } from 'react';
-import ReactDOM from 'react-dom';
+import { forwardRef, useRef } from "react";
+import ReactDOM from "react-dom";
 import useControlled from "../../helper/useControlled.js";
 import { Wrapper, HiddenInput, SelectButton, OptionsContainer, SelectLabel } from "./internal/index.js";
 import useForkRef from "../../helper/useForkRef.js";
@@ -7,7 +7,7 @@ import getChildren from "./internal/utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SelectComponent(_ref, ref) {
   let {
-    defaultValue = '',
+    defaultValue = "",
     open,
     defaultOpen = false,
     value: controlled,

package/lib/forms/select/internal/HiddenInput.d.ts

@@ -1,4 +1,4 @@
-import { SelectOptionType } from '../select-option/SelectOption';
+import { SelectOptionType } from "../select-option/SelectOption";
 interface HiddenInputProps<T> {
     value: any;
     onChange: (value: SelectOptionType<T>) => void;

package/lib/forms/select/internal/ListItem.d.ts

@@ -1,6 +1,6 @@
-import React, { Ref, RefObject } from 'react';
-import { SelectOptionProps, SelectOptionType } from '../select-option/SelectOption';
-export interface ListItemProps<T> extends React.ComponentPropsWithoutRef<'li'> {
+import React, { Ref, RefObject } from "react";
+import { SelectOptionProps, SelectOptionType } from "../select-option/SelectOption";
+export interface ListItemProps<T> extends React.ComponentPropsWithoutRef<"li"> {
     empty?: boolean;
     item: SelectOptionType<T> | React.ReactElement<SelectOptionProps<T>>;
     options: SelectOptionType<T>[];

package/lib/forms/select/internal/ListItem.js

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
+import React, { forwardRef } from "react";
+import classNames from "classnames";
 import SelectCheckbox from "./SelectCheckbox.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function ListItemComponent(_ref, ref) {
@@ -25,25 +25,25 @@ function ListItemComponent(_ref, ref) {
   } : {};
   const checked = Array.isArray(selectedLabel) ? selectedLabel.includes(option.label) : selectedLabel === option.label;
   function handleKeyDown(e) {
-    const arrowKeys = ['ArrowDown', 'ArrowUp'];
-    const validKeys = ['Enter', ' '];
+    const arrowKeys = ["ArrowDown", "ArrowUp"];
+    const validKeys = ["Enter", " "];
     if (arrowKeys.concat(validKeys).includes(e.key)) {
       e.preventDefault();
     }
-    if (e.key === 'ArrowDown') {
+    if (e.key === "ArrowDown") {
       onFocusChange((index + 1) % options.length);
     }
-    if (e.key === 'ArrowUp') {
+    if (e.key === "ArrowUp") {
       const nextIndex = (index - 1 + options.length) % options.length;
       onFocusChange(nextIndex);
     }
-    if (['Enter', ' '].includes(e.key)) {
+    if (["Enter", " "].includes(e.key)) {
       if (option.disabled) {
         return;
       }
       onOptionChange(option);
     }
-    if (e.key === 'Escape') {
+    if (e.key === "Escape") {
       onClose();
     }
   }
@@ -53,15 +53,15 @@ function ListItemComponent(_ref, ref) {
     }
     onOptionChange(option);
   }
-  const itemRef = typeof ref !== 'function' ? ref?.current?.[index] : undefined;
+  const itemRef = typeof ref !== "function" ? ref?.current?.[index] : undefined;
   return /*#__PURE__*/_jsx("li", {
     onClick: handleClick,
     ref: itemRef,
     role: "option",
     onKeyDown: handleKeyDown,
     "aria-selected": checked,
-    className: classNames('fwe-select-option', {
-      'fwe-empty': !option.label
+    className: classNames("fwe-select-option", {
+      "fwe-empty": !option.label
     }, className),
     tabIndex: 0,
     ...restProps,

package/lib/forms/select/internal/SelectButton.js

@@ -1,5 +1,5 @@
-import cn from 'classnames';
-import { forwardRef } from 'react';
+import cn from "classnames";
+import { forwardRef } from "react";
 import SelectButtonContent from "./SelectButtonContent.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const SelectButton = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -18,7 +18,7 @@ const SelectButton = /*#__PURE__*/forwardRef((_ref, ref) => {
     if (disabled) {
       return;
     }
-    const validKeys = ['Enter', ' ', 'ArrowUp', 'ArrowDown'];
+    const validKeys = ["Enter", " ", "ArrowUp", "ArrowDown"];
     if (validKeys.includes(e.key)) {
       e.preventDefault();
       onToggle();
@@ -34,12 +34,12 @@ const SelectButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   return /*#__PURE__*/_jsx("div", {
     role: "button",
     tabIndex: 0,
-    className: cn('fwe-select', {
-      'fwe-focus': focused,
-      'fwe-empty': empty,
-      'fwe-required': required,
-      'fwe-disabled': disabled,
-      'fwe-invalid': error
+    className: cn("fwe-select", {
+      "fwe-focus": focused,
+      "fwe-empty": empty,
+      "fwe-required": required,
+      "fwe-disabled": disabled,
+      "fwe-invalid": error
     }),
     onClick: handleClick,
     ref: ref,

package/lib/forms/select/internal/SelectCheckbox.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from '../../checkbox/Checkbox';
+import { CheckboxProps } from "../../checkbox/Checkbox";
 export default function SelectCheckbox({ children, withCheckbox, ...props }: CheckboxProps & {
     withCheckbox?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/forms/select/internal/SelectLabel.js

@@ -1,4 +1,4 @@
-import cn from 'classnames';
+import cn from "classnames";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SelectLabel(_ref) {
   let {
@@ -7,10 +7,10 @@ export default function SelectLabel(_ref) {
     id
   } = _ref;
   return /*#__PURE__*/_jsx("label", {
-    className: cn('fwe-select-label', {
-      'fwe-sr-only': hideLabel
+    className: cn("fwe-select-label", {
+      "fwe-sr-only": hideLabel
     }),
     htmlFor: id,
-    children: label || ''
+    children: label || ""
   });
 }

package/lib/forms/select/internal/SelectScrollContainer.d.ts

@@ -1,4 +1,4 @@
-import { SelectConfiguration } from '../../../helper/types';
+import { SelectConfiguration } from "../../../helper/types";
 interface SelectScrollContainerProps {
     config?: SelectConfiguration;
     children: React.ReactNode;

package/lib/forms/select/internal/SelectWrapper.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface SelectWrapperProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentPropsWithoutRef } from "react";
+interface SelectWrapperProps extends ComponentPropsWithoutRef<"div"> {
     disabled?: boolean;
 }
 declare const SelectWrapper: (props: SelectWrapperProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/lib/forms/select/internal/SelectWrapper.js

@@ -1,5 +1,5 @@
-import cn from 'classnames';
-import { forwardRef } from 'react';
+import cn from "classnames";
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const SelectWrapper = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -11,8 +11,8 @@ const SelectWrapper = /*#__PURE__*/forwardRef((_ref, ref) => {
   return /*#__PURE__*/_jsx("div", {
     ...props,
     ref: ref,
-    className: cn('fwe-select-wrapper', {
-      'fwe-disabled': disabled
+    className: cn("fwe-select-wrapper", {
+      "fwe-disabled": disabled
     }, className),
     children: children
   });

package/lib/forms/select/internal/index.d.ts

@@ -1,6 +1,6 @@
-export { default as HiddenInput } from './HiddenInput';
-export { default as ListItem } from './ListItem';
-export { default as SelectButton } from './SelectButton';
-export { default as OptionsContainer } from './SelectOptionsContainer';
-export { default as Wrapper } from './SelectWrapper';
-export { default as SelectLabel } from './SelectLabel';
+export { default as HiddenInput } from "./HiddenInput";
+export { default as ListItem } from "./ListItem";
+export { default as SelectButton } from "./SelectButton";
+export { default as OptionsContainer } from "./SelectOptionsContainer";
+export { default as Wrapper } from "./SelectWrapper";
+export { default as SelectLabel } from "./SelectLabel";

package/lib/forms/select/internal/utils.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SelectOptionProps } from '../select-option/SelectOption';
+import React from "react";
+import { SelectOptionProps } from "../select-option/SelectOption";
 export default function getChildren<T>(children: React.ReactNode): {
     childrenList: React.ReactElement<SelectOptionProps<T>, string | React.JSXElementConstructor<any>>[];
     after: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];

package/lib/forms/select/internal/utils.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import cn from 'classnames';
+import React from "react";
+import cn from "classnames";
 import SelectOption from "../select-option/SelectOption.js";
 export default function getChildren(children) {
   const before = [];
@@ -10,7 +10,7 @@ export default function getChildren(children) {
     if (/*#__PURE__*/React.isValidElement(element)) {
       if (/*#__PURE__*/React.isValidElement(element) && element.type === SelectOption) {
         foundFirstOption = true;
-        const className = cn('fwe-select-option-content', element.props.className);
+        const className = cn("fwe-select-option-content", element.props.className);
         const {
           props
         } = element;

package/lib/forms/select/select-option/SelectOption.d.ts

@@ -1,10 +1,10 @@
-import React, { Ref } from 'react';
+import React, { Ref } from "react";
 export interface SelectOptionType<T> {
     label: string;
     data: T;
     disabled?: boolean;
 }
-export interface SelectOptionProps<T> extends React.ComponentPropsWithoutRef<'span'> {
+export interface SelectOptionProps<T> extends React.ComponentPropsWithoutRef<"span"> {
     option: SelectOptionType<T>;
 }
 declare function SelectOptionComponent<T>({ children, className, ...props }: SelectOptionProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/lib/forms/select/select-option/SelectOption.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 function SelectOptionComponent(_ref, ref) {
   let {