@sebgroup/green-react 3.24.2 → 3.26.0

package/src/lib/badge/badge.js

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 
 /**
  * Renders a badge component.
@@ -22,15 +22,15 @@ function Badge(_a) {
     customColor = _a.customColor,
     customBackgroundColor = _a.customBackgroundColor,
     props = __rest(_a, ["children", "badgeType", "isCloseable", "closeText", "customColor", "customBackgroundColor"]);
-  var _React$useState = React__default.useState(false),
+  var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isClosed = _React$useState2[0],
     setIsClosed = _React$useState2[1];
-  var _React$useState3 = React__default.useState(''),
+  var _React$useState3 = React.useState(''),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     type = _React$useState4[0],
     setType = _React$useState4[1];
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     if (badgeType) {
       setType(badgeType);
     }

package/src/lib/breadcrumb/breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { JSX, PropsWithChildren } from 'react';
 export type BreadcrumbProps = {
     className?: string;
 };

package/src/lib/breadcrumb/breadcrumb.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
 
 var Breadcrumb = function Breadcrumb(_ref) {
@@ -7,9 +7,9 @@ var Breadcrumb = function Breadcrumb(_ref) {
     className = _ref.className;
   return jsx("ul", {
     className: classNames('breadcrumb', className),
-    children: React__default.Children.map(children, function (Child, childIndex) {
-      return jsxs(React__default.Fragment, {
-        children: [Child, childIndex !== React__default.Children.count(children) - 1 && jsx(BreadcrumbItem, {
+    children: React.Children.map(children, function (Child, childIndex) {
+      return jsxs(React.Fragment, {
+        children: [Child, childIndex !== React.Children.count(children) - 1 && jsx(BreadcrumbItem, {
           className: "icon",
           children: jsx("svg", {
             viewBox: "0 0 24 24",

package/src/lib/context-menu/context-menu.d.ts

@@ -1,4 +1,4 @@
-import { GdsContextMenu, GdsMenuHeading, GdsMenuItem } from '@sebgroup/green-core/components/context-menu/index.js';
+import { GdsContextMenu, GdsMenuHeading, GdsMenuItem } from '@sebgroup/green-core/components/context-menu/context-menu.component';
 export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
     onMenuItemClick: string;
     onUiStateChange: string;

package/src/lib/context-menu/context-menu.js

@@ -1,9 +1,11 @@
-import React__default from 'react';
+import React from 'react';
 import { createComponent } from '@lit/react';
-import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
+import { GdsContextMenu, GdsMenuHeading, GdsMenuItem } from '@sebgroup/green-core/components/context-menu/context-menu.component';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
 
+GdsContextMenu.define();
+GdsMenuHeading.define();
 registerTransitionalStyles();
 var ContextMenu = createComponent({
   tagName: getScopedTagName('gds-context-menu'),
@@ -12,7 +14,7 @@ var ContextMenu = createComponent({
     onMenuItemClick: 'gds-menu-item-click',
     onUiStateChange: 'gds-ui-state'
   },
-  react: React__default
+  react: React
 });
 var MenuItem = createComponent({
   tagName: getScopedTagName('gds-menu-item'),
@@ -20,12 +22,12 @@ var MenuItem = createComponent({
   events: {
     onMenuItemClick: 'gds-menu-item-click'
   },
-  react: React__default
+  react: React
 });
 var CoreMenuHeading = createComponent({
   tagName: getScopedTagName('gds-menu-heading'),
   elementClass: GdsMenuHeading,
-  react: React__default
+  react: React
 });
 
 export { ContextMenu, CoreMenuHeading, MenuItem };

package/src/lib/context-menu/index.js

@@ -1,6 +1,6 @@
 export { ContextMenu, CoreMenuHeading, MenuItem } from './context-menu.js';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/context-menu/index.js';
+import '@sebgroup/green-core/components/context-menu/context-menu.component';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';

package/src/lib/datepicker/datepicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/index.js';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component';
 import { GdsValidator } from '@sebgroup/green-core/components/form/form-control';
 export declare const CoreDatepicker: import("@lit/react").ReactWebComponent<GdsDatepicker, {
     onchange: string;

package/src/lib/datepicker/datepicker.js

@@ -1,11 +1,12 @@
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
+import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import { createComponent } from '@lit/react';
-import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/index.js';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
 
+GdsDatepicker.define();
 registerTransitionalStyles();
 var CoreDatepicker = createComponent({
   tagName: getScopedTagName('gds-datepicker'),
@@ -13,7 +14,7 @@ var CoreDatepicker = createComponent({
   events: {
     onchange: 'change'
   },
-  react: React__default
+  react: React
 });
 var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$label = _a.label,

package/src/lib/datepicker/index.js

@@ -3,6 +3,6 @@ import '../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/datepicker/index.js';
+import '@sebgroup/green-core/components/datepicker/datepicker.component';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';

package/src/lib/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/index.js';
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component';
 export type CompareWith<T = any> = (o1: T, o2: T) => boolean;
 export type SearchFilter<T = any> = (search: string, value: T) => boolean;
 export type DropdownPlacements = 'bottom-start' | 'top-start';

package/src/lib/dropdown/dropdown.js

@@ -1,13 +1,14 @@
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 import { createComponent } from '@lit/react';
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/index.js';
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
 import { CoreMenuHeading } from '../context-menu/context-menu.js';
-import '@sebgroup/green-core/components/context-menu/index.js';
+import '@sebgroup/green-core/components/context-menu/context-menu.component';
 
+GdsDropdown.define();
 registerTransitionalStyles();
 var CoreDropdown = createComponent({
   tagName: getScopedTagName('gds-dropdown'),
@@ -16,12 +17,12 @@ var CoreDropdown = createComponent({
     onChange: 'change',
     onGdsUiState: 'gds-ui-state'
   },
-  react: React__default
+  react: React
 });
 var CoreOption = createComponent({
   tagName: getScopedTagName('gds-option'),
   elementClass: GdsOption,
-  react: React__default
+  react: React
 });
 var Dropdown = function Dropdown(_a) {
   var compareWith = _a.compareWith,

package/src/lib/dropdown/index.js

@@ -3,8 +3,8 @@ import '../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/dropdown/index.js';
+import '@sebgroup/green-core/components/dropdown/dropdown.component';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';
 import '../context-menu/context-menu.js';
-import '@sebgroup/green-core/components/context-menu/index.js';
+import '@sebgroup/green-core/components/context-menu/context-menu.component';

package/src/lib/filter-chips/filter-chips.d.ts

@@ -1,3 +1,3 @@
-import { GdsFilterChip, GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/index.js';
+import { GdsFilterChip, GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component';
 export declare const FilterChips: import("@lit/react").ReactWebComponent<GdsFilterChips<any>, {}>;
 export declare const FilterChip: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {}>;

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

@@ -1,19 +1,20 @@
-import React__default from 'react';
+import React from 'react';
 import { createComponent } from '@lit/react';
+import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chips.component';
 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';
 
+GdsFilterChips.define();
 register();
 var FilterChips = createComponent({
   tagName: getScopedTagName('gds-filter-chips'),
   elementClass: GdsFilterChips,
-  react: React__default
+  react: React
 });
 var FilterChip = createComponent({
   tagName: getScopedTagName('gds-filter-chip'),
   elementClass: GdsFilterChip,
-  react: React__default
+  react: React
 });
 
 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/filter-chips.component';
 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/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__default from 'react';
+import React from 'react';
 import { validateInputValue } from './validateInput.js';
 
-var FormContext = /*#__PURE__*/React__default.createContext({});
+var FormContext = /*#__PURE__*/React.createContext({});
 var useFormContext = function useFormContext() {
-  return React__default.useContext(FormContext);
+  return React.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__default.useState(),
+  var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     values = _React$useState2[0],
     setValues = _React$useState2[1];
   /* eslint-disable-next-line */
-  var _React$useState3 = React__default.useState(),
+  var _React$useState3 = React.useState(),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     errors = _React$useState4[0],
     setErrors = _React$useState4[1];
   /* eslint-disable-next-line */
-  var _React$useState5 = React__default.useState({}),
+  var _React$useState5 = React.useState({}),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     fields = _React$useState6[0],
     setFields = _React$useState6[1];

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IValidator } from '@sebgroup/extract';
 export interface FormItemsProps {
-    children: React.ReactNode;
+    children: React.ReactElement<any>;
     name: string;
     validate?: IValidator;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

package/src/lib/form/formItems.js

@@ -1,5 +1,5 @@
 import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React 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__default.useEffect(function () {
+  React.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__default.cloneElement(children, {
+  return /*#__PURE__*/React.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/input.d.ts

@@ -23,8 +23,8 @@ export interface InputProps extends IExpandableInformation, DetailedHTMLProps<In
     'aria-describedby'?: string;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<InputProps, "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const EmailInput: import("react").ForwardRefExoticComponent<Omit<Omit<InputProps, "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<Omit<InputProps, "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const EmailInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export { RadioButton } from '../radioButton/radioButton';
 export { Checkbox } from '../checkbox/checkbox';

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

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import classNames from 'classnames';
 import { randomId } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
@@ -55,7 +55,7 @@ var RadioGroup = function RadioGroup(_ref) {
     }
   };
   var radioBtnRef = useRef(null);
-  React__default.useEffect(function () {
+  React.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;
@@ -90,8 +90,8 @@ var RadioGroup = function RadioGroup(_ref) {
     inputId: uniqueId,
     children: jsx("div", {
       className: radioGroupWrapperClassNames,
-      children: React__default.Children.map(children, function (radioButton) {
-        return /*#__PURE__*/React__default.isValidElement(radioButton) ? /*#__PURE__*/React__default.cloneElement(radioButton, {
+      children: React.Children.map(children, function (radioButton) {
+        return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
           'aria-describedby': describedBy,
           validator: validator,
           onChange: handleOnChange,

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

@@ -1,5 +1,5 @@
 import React, { InputHTMLAttributes, RefObject } from 'react';
 declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string) => InputHTMLAttributes<HTMLInputElement> & {
-    ref: RefObject<HTMLInputElement>;
+    ref: RefObject<HTMLInputElement | null>;
 };
 export default useInput;

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { AriaAttributes, PropsWithChildren } from 'react';
 import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation, PropsWithChildren {
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -6,8 +6,9 @@ interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformatio
     validator?: IValidator;
     inputId?: string;
     role?: string;
+    'aria-live'?: AriaAttributes['aria-live'];
     /** Intended to use together with TextArea to show character counter. */
     rightAlignedFooterInfo?: string;
 }
-export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, rightAlignedFooterInfo, }: FormItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, rightAlignedFooterInfo, "aria-live": ariaLive, }: FormItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/formItem/formItem.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray, b as _asyncToGenerator, c as _regeneratorRuntime } from '../../../_rollupPluginBabelHelpers.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default, { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { createComponent } from '@lit/react';
 import classNames from 'classnames';
 import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
@@ -15,7 +15,7 @@ import '../form/button/button.js';
 var TriangleExclamationIcon = createComponent({
   tagName: getScopedTagName('gds-icon-triangle-exclamation'),
   elementClass: IconTriangleExclamation,
-  react: React__default
+  react: React
 });
 var FormItem = function FormItem(_ref) {
   var expandableInfo = _ref.expandableInfo,
@@ -26,7 +26,9 @@ var FormItem = function FormItem(_ref) {
     children = _ref.children,
     expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
     role = _ref.role,
-    rightAlignedFooterInfo = _ref.rightAlignedFooterInfo;
+    rightAlignedFooterInfo = _ref.rightAlignedFooterInfo,
+    _ref$ariaLive = _ref['aria-live'],
+    ariaLive = _ref$ariaLive === void 0 ? 'assertive' : _ref$ariaLive;
   var expandableInnerRef = useRef(null);
   var expandableRef = useRef(null);
   var _useState = useState(0),
@@ -130,12 +132,14 @@ var FormItem = function FormItem(_ref) {
       style: {
         height: isExpanded ? expandableHeight : 0
       },
+      inert: isHidden ? true : undefined,
       children: jsxs("div", {
         ref: expandableInnerRef,
         children: [" ", expandableInfo, " "]
       })
     }), children, jsxs("div", {
       className: "gds-form-item__footer",
+      "aria-live": ariaLive,
       children: [validator && jsxs(Fragment, {
         children: [jsx(TriangleExclamationIcon, {
           solid: true,
@@ -143,7 +147,8 @@ var FormItem = function FormItem(_ref) {
           height: 16,
           style: {
             color: 'var(--gds-sys-color-text-error)'
-          }
+          },
+          "aria-hidden": "true"
         }), jsx("span", {
           className: "form-info",
           id: "".concat(inputId, "_message"),
@@ -155,6 +160,7 @@ var FormItem = function FormItem(_ref) {
           textAlign: 'right',
           width: validator ? 'auto' : '100%'
         },
+        "aria-hidden": "true",
         children: rightAlignedFooterInfo
       })]
     })]

package/src/lib/grouped-list/grouped-list.d.ts

@@ -1,3 +1,3 @@
-import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
+import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/grouped-list.component';
 export declare const GroupedList: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;
 export declare const ListItem: import("@lit/react").ReactWebComponent<GdsListItem, {}>;

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

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

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

@@ -1,6 +1,6 @@
 export { GroupedList, ListItem } from './grouped-list.js';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/grouped-list/index.js';
+import '@sebgroup/green-core/components/grouped-list/grouped-list.component';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';

package/src/lib/icon/icons/IconAirplaneUp.d.ts

@@ -1,2 +1 @@
-import { IconAirplaneUp as Icon } from '@sebgroup/green-core/components/icon/icons/airplane-up.js';
-export declare const IconAirplaneUp: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconAirplaneUp } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconAirplaneUp = createComponent({
-  tagName: getScopedTagName('gds-icon-airplane-up'),
-  elementClass: IconAirplaneUp$1,
-  react: React__default
-});
-
-export { IconAirplaneUp };
+export { IconAirplaneUp } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArchive.d.ts

@@ -1,2 +1 @@
-import { IconArchive as Icon } from '@sebgroup/green-core/components/icon/icons/archive.js';
-export declare const IconArchive: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArchive } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconArchive = createComponent({
-  tagName: getScopedTagName('gds-icon-archive'),
-  elementClass: IconArchive$1,
-  react: React__default
-});
-
-export { IconArchive };
+export { IconArchive } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArrow.d.ts

@@ -1,2 +1 @@
-import { IconArrow as Icon } from '@sebgroup/green-core/components/icon/icons/arrow.js';
-export declare const IconArrow: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArrow } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconArrow = createComponent({
-  tagName: getScopedTagName('gds-icon-arrow'),
-  elementClass: IconArrow$1,
-  react: React__default
-});
-
-export { IconArrow };
+export { IconArrow } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArrowBoxLeft.d.ts

@@ -1,2 +1 @@
-import { IconArrowBoxLeft as Icon } from '@sebgroup/green-core/components/icon/icons/arrow-box-left.js';
-export declare const IconArrowBoxLeft: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArrowBoxLeft } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconArrowBoxLeft = createComponent({
-  tagName: getScopedTagName('gds-icon-arrow-box-left'),
-  elementClass: IconArrowBoxLeft$1,
-  react: React__default
-});
-
-export { IconArrowBoxLeft };
+export { IconArrowBoxLeft } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArrowBoxRight.d.ts

@@ -1,2 +1 @@
-import { IconArrowBoxRight as Icon } from '@sebgroup/green-core/components/icon/icons/arrow-box-right.js';
-export declare const IconArrowBoxRight: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArrowBoxRight } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconArrowBoxRight = createComponent({
-  tagName: getScopedTagName('gds-icon-arrow-box-right'),
-  elementClass: IconArrowBoxRight$1,
-  react: React__default
-});
-
-export { IconArrowBoxRight };
+export { IconArrowBoxRight } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArrowDown.d.ts

@@ -1,2 +1 @@
-import { IconArrowDown as Icon } from '@sebgroup/green-core/components/icon/icons/arrow-down.js';
-export declare const IconArrowDown: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArrowDown } from '@sebgroup/green-core/react';

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

@@ -1,12 +1 @@
-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';
-
-var IconArrowDown = createComponent({
-  tagName: getScopedTagName('gds-icon-arrow-down'),
-  elementClass: IconArrowDown$1,
-  react: React__default
-});
-
-export { IconArrowDown };
+export { IconArrowDown } from '@sebgroup/green-core/react';

package/src/lib/icon/icons/IconArrowInbox.d.ts

@@ -1,2 +1 @@
-import { IconArrowInbox as Icon } from '@sebgroup/green-core/components/icon/icons/arrow-inbox.js';
-export declare const IconArrowInbox: import("@lit/react").ReactWebComponent<Icon, {}>;
+export { IconArrowInbox } from '@sebgroup/green-core/react';