@sebgroup/green-react 3.20.0 → 3.20.1

package/src/lib/filter-chips/filter-chips.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
-import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/index.js';
 import { register } from '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
+import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/index.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 register();
 var FilterChips = createComponent({
   tagName: getScopedTagName('gds-filter-chips'),
   elementClass: GdsFilterChips,
-  react: React
+  react: React__default
 });
 var FilterChip = createComponent({
   tagName: getScopedTagName('gds-filter-chip'),
   elementClass: GdsFilterChip,
-  react: React
+  react: React__default
 });
 
 export { FilterChip, FilterChips };

package/src/lib/filter-chips/index.js

@@ -1,6 +1,6 @@
 export { FilterChip, FilterChips } from './filter-chips.js';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/filter-chips/index.js';
 import '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
+import '@sebgroup/green-core/components/filter-chips/index.js';
 import '@sebgroup/green-core/scoping';

package/src/lib/form/buttonGroup/buttonGroup.js

@@ -2,9 +2,9 @@ import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import '@sebgroup/extract';
-import classNames from 'classnames';
 import { Group } from '../group/group.js';
 
 var ButtonGroup = function ButtonGroup(_ref) {

package/src/lib/form/buttonGroup/index.js

@@ -3,7 +3,7 @@ import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../button/button.js';
 import 'classnames';
+import '../button/button.js';
 import '@sebgroup/extract';
 import '../group/group.js';

package/src/lib/form/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { IValidator } from '@sebgroup/extract';
 import { FormEventHandler, HTMLProps } from 'react';
+import { IValidator } from '@sebgroup/extract';
 export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
     /** Use this prop to control the checked state of the checkbox */
     checked?: boolean;

package/src/lib/form/checkbox/checkbox.js

@@ -1,9 +1,9 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { randomId, validateClassName } from '@sebgroup/extract';
-import classNames from 'classnames';
 import { forwardRef, useState } from 'react';
+import classNames from 'classnames';
+import { randomId, validateClassName } from '@sebgroup/extract';
 
 var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
   var ariaDescribedBy = _a['aria-describedby'],

package/src/lib/form/checkbox/index.js

@@ -2,6 +2,6 @@ export { Checkbox } from './checkbox.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';
-import 'classnames';
 import 'react';
+import 'classnames';
+import '@sebgroup/extract';

package/src/lib/form/form.d.ts

@@ -1,5 +1,5 @@
-import { FormDirection, Size } from '@sebgroup/extract';
 import { HTMLProps, ReactNode } from 'react';
+import { FormDirection, Size } from '@sebgroup/extract';
 export interface FormProps extends HTMLProps<HTMLFormElement> {
     children?: ReactNode;
     direction?: FormDirection;

package/src/lib/form/formContext.js

@@ -1,12 +1,12 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { validateInputValue } from './validateInput.js';
 
-var FormContext = /*#__PURE__*/React.createContext({});
+var FormContext = /*#__PURE__*/React__default.createContext({});
 var useFormContext = function useFormContext() {
-  return React.useContext(FormContext);
+  return React__default.useContext(FormContext);
 };
 var FormProvider = function FormProvider(_a) {
   var children = _a.children,
@@ -18,17 +18,17 @@ var FormProvider = function FormProvider(_a) {
     var onFormSubmit = _a.onFormSubmit,
     props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
   /* eslint-disable-next-line */
-  var _React$useState = React.useState(),
+  var _React$useState = React__default.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     values = _React$useState2[0],
     setValues = _React$useState2[1];
   /* eslint-disable-next-line */
-  var _React$useState3 = React.useState(),
+  var _React$useState3 = React__default.useState(),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     errors = _React$useState4[0],
     setErrors = _React$useState4[1];
   /* eslint-disable-next-line */
-  var _React$useState5 = React.useState({}),
+  var _React$useState5 = React__default.useState({}),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     fields = _React$useState6[0],
     setFields = _React$useState6[1];

package/src/lib/form/formItems.d.ts

@@ -1,5 +1,5 @@
-import { IValidator } from '@sebgroup/extract';
 import React from 'react';
+import { IValidator } from '@sebgroup/extract';
 export interface FormItemsProps {
     children: React.ReactNode;
     name: string;

package/src/lib/form/formItems.js

@@ -1,5 +1,5 @@
 import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { useFormContext } from './formContext.js';
 import { validateInputValue } from './validateInput.js';
 import '../../../_tslib.js';
@@ -16,7 +16,7 @@ var FormItems = function FormItems(_ref) {
     setErrors = _useFormContext.setErrors,
     setFields = _useFormContext.setFields,
     errors = _useFormContext.errors;
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     /* eslint-disable-next-line */
     setFields(function (fields) {
       return Object.assign(Object.assign({}, fields), _defineProperty({}, name, validate === null || validate === void 0 ? void 0 : validate.rules));
@@ -75,7 +75,7 @@ var FormItems = function FormItems(_ref) {
     }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
   };
   /* eslint-disable-next-line */
-  return /*#__PURE__*/React.cloneElement(children, {
+  return /*#__PURE__*/React__default.cloneElement(children, {
     validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
     name: name,
     value: values === null || values === void 0 ? void 0 : values[name],

package/src/lib/form/input/index.js

@@ -5,9 +5,9 @@ import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
+import 'classnames';
 import '@sebgroup/extract';
 import '../../formItem/formItem.js';
-import 'classnames';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '../../icons/times.js';

package/src/lib/form/input/input.js

@@ -2,10 +2,10 @@ import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPl
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
+import classNames from 'classnames';
 import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
 import { Group } from '../group/group.js';
-import classNames from 'classnames';
 export { RadioButton } from '../radioButton/radioButton.js';
 export { Checkbox } from '../checkbox/checkbox.js';
 import '../iconButton/iconButton.js';

package/src/lib/form/radioButton/index.js

@@ -3,9 +3,9 @@ export { RadioGroup } from './radioGroup.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../useInput.js';
-import '@sebgroup/extract';
 import 'classnames';
+import '@sebgroup/extract';
+import '../useInput.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';

package/src/lib/form/radioButton/radioButton.js

@@ -1,9 +1,9 @@
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import useInput from '../useInput.js';
 import classNames from 'classnames';
 import { validateClassName } from '@sebgroup/extract';
+import useInput from '../useInput.js';
 
 var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
   var label = _a.label,

package/src/lib/form/radioButton/radioGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
     label?: string;
     title?: string;

package/src/lib/form/radioButton/radioGroup.js

@@ -1,9 +1,9 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
+import classNames from 'classnames';
 import { randomId } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
-import classNames from 'classnames';
 import '../../../../_tslib.js';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
@@ -54,7 +54,7 @@ var RadioGroup = function RadioGroup(_ref) {
     }
   };
   var radioBtnRef = useRef(null);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     var _a;
     if (radioBtnRef && radioBtnRef.current) {
       var form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
@@ -89,8 +89,8 @@ var RadioGroup = function RadioGroup(_ref) {
     inputId: uniqueId,
     children: jsx("div", {
       className: radioGroupWrapperClassNames,
-      children: React.Children.map(children, function (radioButton) {
-        return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
+      children: React__default.Children.map(children, function (radioButton) {
+        return /*#__PURE__*/React__default.isValidElement(radioButton) ? /*#__PURE__*/React__default.cloneElement(radioButton, {
           'aria-describedby': describedBy,
           validator: validator,
           onChange: handleOnChange,

package/src/lib/form/textarea/index.js

@@ -2,10 +2,10 @@ export { TextArea } from './textarea.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';
 import 'react';
-import '../../formItem/formItem.js';
 import 'classnames';
+import '@sebgroup/extract';
+import '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '../../icons/times.js';

package/src/lib/form/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
-import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 import { DetailedHTMLProps, ReactNode } from 'react';
+import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 export interface ITextAreaProps extends IExpandableInformation, DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
     /** Data test id used for finding elements in test */
     testId?: string;

package/src/lib/form/textarea/textarea.js

@@ -1,10 +1,10 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
-import { FormItem } from '../../formItem/formItem.js';
 import classNames from 'classnames';
+import { randomId, validateClassName } from '@sebgroup/extract';
+import { FormItem } from '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '../../icons/times.js';

package/src/lib/form/useInput.js

@@ -1,5 +1,5 @@
-import { randomId } from '@sebgroup/extract';
 import { useMemo, useRef } from 'react';
+import { randomId } from '@sebgroup/extract';
 
 var useInput = function useInput(props, onChanges, onChangeInput) {
   var id = useMemo(function () {

package/src/lib/formItem/formItem.d.ts

@@ -1,5 +1,5 @@
-import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 import React, { PropsWithChildren } from 'react';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation, PropsWithChildren {
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onChangeInput?: (value: string) => string;

package/src/lib/formItem/formItem.js

@@ -1,10 +1,10 @@
 import { _ as _slicedToArray, b as _asyncToGenerator, c as _regeneratorRuntime } from '../../../_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../../_tslib.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import classNames from 'classnames';
-import { IconButton } from '../form/iconButton/iconButton.js';
 import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
+import '../../../_tslib.js';
+import { IconButton } from '../form/iconButton/iconButton.js';
 import { Times } from '../icons/times.js';
 import { InfoCircle } from '../icons/infoCircle.js';
 import '../form/button/button.js';

package/src/lib/formItem/index.js

@@ -1,11 +1,11 @@
 export { FormItem } from './formItem.js';
 import '../../../_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
-import '../../../_tslib.js';
 import 'react';
 import 'classnames';
+import '@sebgroup/extract';
+import '../../../_tslib.js';
 import '../form/iconButton/iconButton.js';
 import '../form/button/button.js';
-import '@sebgroup/extract';
 import '../icons/times.js';
 import '../icons/infoCircle.js';

package/src/lib/grouped-list/grouped-list.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -8,12 +8,12 @@ registerTransitionalStyles();
 var GroupedList = createComponent({
   tagName: getScopedTagName('gds-grouped-list'),
   elementClass: GdsGroupedList,
-  react: React
+  react: React__default
 });
 var ListItem = createComponent({
   tagName: getScopedTagName('gds-list-item'),
   elementClass: GdsListItem,
-  react: React
+  react: React__default
 });
 
 export { GroupedList, ListItem };

package/src/lib/icon/icons/IconAirplaneUp.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconAirplaneUp as IconAirplaneUp$1 } from '@sebgroup/green-core/components/icon/icons/airplane-up.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconAirplaneUp = createComponent({
   tagName: getScopedTagName('gds-icon-airplane-up'),
   elementClass: IconAirplaneUp$1,
-  react: React
+  react: React__default
 });
 
 export { IconAirplaneUp };

package/src/lib/icon/icons/IconArchive.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArchive as IconArchive$1 } from '@sebgroup/green-core/components/icon/icons/archive.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArchive = createComponent({
   tagName: getScopedTagName('gds-icon-archive'),
   elementClass: IconArchive$1,
-  react: React
+  react: React__default
 });
 
 export { IconArchive };

package/src/lib/icon/icons/IconArrow.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrow as IconArrow$1 } from '@sebgroup/green-core/components/icon/icons/arrow.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrow = createComponent({
   tagName: getScopedTagName('gds-icon-arrow'),
   elementClass: IconArrow$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrow };

package/src/lib/icon/icons/IconArrowBoxLeft.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowBoxLeft as IconArrowBoxLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-left.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowBoxLeft = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-box-left'),
   elementClass: IconArrowBoxLeft$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowBoxLeft };

package/src/lib/icon/icons/IconArrowBoxRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowBoxRight as IconArrowBoxRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowBoxRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-box-right'),
   elementClass: IconArrowBoxRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowBoxRight };

package/src/lib/icon/icons/IconArrowDown.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowDown as IconArrowDown$1 } from '@sebgroup/green-core/components/icon/icons/arrow-down.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowDown = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-down'),
   elementClass: IconArrowDown$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowDown };

package/src/lib/icon/icons/IconArrowInbox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowInbox as IconArrowInbox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-inbox.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowInbox = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-inbox'),
   elementClass: IconArrowInbox$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowInbox };

package/src/lib/icon/icons/IconArrowLeft.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowLeft as IconArrowLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowLeft = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-left'),
   elementClass: IconArrowLeft$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowLeft };

package/src/lib/icon/icons/IconArrowLeftRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowLeftRight as IconArrowLeftRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowLeftRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-left-right'),
   elementClass: IconArrowLeftRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowLeftRight };

package/src/lib/icon/icons/IconArrowOutOfBox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowOutOfBox as IconArrowOutOfBox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-out-of-box.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowOutOfBox = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-out-of-box'),
   elementClass: IconArrowOutOfBox$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowOutOfBox };

package/src/lib/icon/icons/IconArrowRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRight as IconArrowRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right'),
   elementClass: IconArrowRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRight };

package/src/lib/icon/icons/IconArrowRightCircle.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRightCircle as IconArrowRightCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-circle.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRightCircle = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right-circle'),
   elementClass: IconArrowRightCircle$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRightCircle };

package/src/lib/icon/icons/IconArrowRightDownCircle.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRightDownCircle as IconArrowRightDownCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-down-circle.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRightDownCircle = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right-down-circle'),
   elementClass: IconArrowRightDownCircle$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRightDownCircle };

package/src/lib/icon/icons/IconArrowRightUpCircle.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRightUpCircle as IconArrowRightUpCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-up-circle.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRightUpCircle = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right-up-circle'),
   elementClass: IconArrowRightUpCircle$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRightUpCircle };

package/src/lib/icon/icons/IconArrowRotateClockwise.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRotateClockwise as IconArrowRotateClockwise$1 } from '@sebgroup/green-core/components/icon/icons/arrow-rotate-clockwise.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRotateClockwise = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-rotate-clockwise'),
   elementClass: IconArrowRotateClockwise$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRotateClockwise };

package/src/lib/icon/icons/IconArrowRotateCounterClockwise.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRotateCounterClockwise as IconArrowRotateCounterClockwise$1 } from '@sebgroup/green-core/components/icon/icons/arrow-rotate-counter-clockwise.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRotateCounterClockwise = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-rotate-counter-clockwise'),
   elementClass: IconArrowRotateCounterClockwise$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRotateCounterClockwise };

package/src/lib/icon/icons/IconArrowRotateLeftRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRotateLeftRight as IconArrowRotateLeftRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-rotate-left-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRotateLeftRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-rotate-left-right'),
   elementClass: IconArrowRotateLeftRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRotateLeftRight };