@sebgroup/green-react 3.20.0 → 3.20.1

package/src/core/input/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsInput } from "@sebgroup/green-core/components/input/input.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsInput, {}>;
+export default reactWrapper;

package/src/core/input/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsInput } from '@sebgroup/green-core/components/input/input.js';
+
+var tagName = getScopedTagName("gds-input");
+//GdsInput.define('gds-input')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsInput,
+  react: React,
+  events: {},
+  displayName: "GdsInput"
+});
+
+export { reactWrapper as default };

package/src/core/list-item/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsListItem } from "@sebgroup/green-core/components/grouped-list/list-item.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsListItem, {}>;
+export default reactWrapper;

package/src/core/list-item/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsListItem } from '@sebgroup/green-core/components/grouped-list/list-item.js';
+
+var tagName = getScopedTagName("gds-list-item");
+//GdsListItem.define('gds-list-item')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsListItem,
+  react: React,
+  events: {},
+  displayName: "GdsListItem"
+});
+
+export { reactWrapper as default };

package/src/core/mask/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsMask } from "@sebgroup/green-core/components/mask/mask.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMask, {}>;
+export default reactWrapper;

package/src/core/mask/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsMask } from '@sebgroup/green-core/components/mask/mask.js';
+
+var tagName = getScopedTagName("gds-mask");
+//GdsMask.define('gds-mask')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsMask,
+  react: React,
+  events: {},
+  displayName: "GdsMask"
+});
+
+export { reactWrapper as default };

package/src/core/menu-button/index.d.ts

@@ -0,0 +1,5 @@
+import { GdsMenuButton } from "@sebgroup/green-core/components/menu-button/menu-button.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMenuButton, {
+    onClick: string;
+}>;
+export default reactWrapper;

package/src/core/menu-button/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsMenuButton } from '@sebgroup/green-core/components/menu-button/menu-button.js';
+
+var tagName = getScopedTagName("gds-menu-button");
+//GdsMenuButton.define('gds-menu-button')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsMenuButton,
+  react: React,
+  events: {
+    onClick: "click"
+  },
+  displayName: "GdsMenuButton"
+});
+
+export { reactWrapper as default };

package/src/core/menu-item/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsMenuItem } from "@sebgroup/green-core/primitives/menu/menu-item.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMenuItem, {}>;
+export default reactWrapper;

package/src/core/menu-item/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsMenuItem } from '@sebgroup/green-core/primitives/menu/menu-item.js';
+
+var tagName = getScopedTagName("gds-menu-item");
+//GdsMenuItem.define('gds-menu-item')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsMenuItem,
+  react: React,
+  events: {},
+  displayName: "GdsMenuItem"
+});
+
+export { reactWrapper as default };

package/src/core/option/index.d.ts

@@ -0,0 +1,7 @@
+import { GdsOption } from "@sebgroup/green-core/primitives/listbox/option.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsOption, {
+    onGdsSelect: string;
+    onGdsBlur: string;
+    onGdsFocus: string;
+}>;
+export default reactWrapper;

package/src/core/option/index.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsOption } from '@sebgroup/green-core/primitives/listbox/option.js';
+
+var tagName = getScopedTagName("gds-option");
+//GdsOption.define('gds-option')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsOption,
+  react: React,
+  events: {
+    onGdsSelect: "gds-select",
+    onGdsBlur: "gds-blur",
+    onGdsFocus: "gds-focus"
+  },
+  displayName: "GdsOption"
+});
+
+export { reactWrapper as default };

package/src/core/popover/index.d.ts

@@ -0,0 +1,5 @@
+import { GdsPopover } from "@sebgroup/green-core/components/popover/popover.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsPopover, {
+    onGdsUiState: string;
+}>;
+export default reactWrapper;

package/src/core/popover/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsPopover } from '@sebgroup/green-core/components/popover/popover.js';
+
+var tagName = getScopedTagName("gds-popover");
+//GdsPopover.define('gds-popover')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsPopover,
+  react: React,
+  events: {
+    onGdsUiState: "gds-ui-state"
+  },
+  displayName: "GdsPopover"
+});
+
+export { reactWrapper as default };

package/src/core/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsRadioGroup } from "@sebgroup/green-core/components/radio/radio-group.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsRadioGroup, {}>;
+export default reactWrapper;

package/src/core/radio-group/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsRadioGroup } from '@sebgroup/green-core/components/radio/radio-group.js';
+
+var tagName = getScopedTagName("gds-radio-group");
+//GdsRadioGroup.define('gds-radio-group')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsRadioGroup,
+  react: React,
+  events: {},
+  displayName: "GdsRadioGroup"
+});
+
+export { reactWrapper as default };

package/src/core/segment/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsSegment } from "@sebgroup/green-core/components/segmented-control/segment/segment.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegment<any>, {}>;
+export default reactWrapper;

package/src/core/segment/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.js';
+
+var tagName = getScopedTagName("gds-segment");
+//GdsSegment.define('gds-segment')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsSegment,
+  react: React,
+  events: {},
+  displayName: "GdsSegment"
+});
+
+export { reactWrapper as default };

package/src/core/segmented-control/index.d.ts

@@ -0,0 +1,5 @@
+import { GdsSegmentedControl } from "@sebgroup/green-core/components/segmented-control/segmented-control.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegmentedControl<any>, {
+    onChanged: string;
+}>;
+export default reactWrapper;

package/src/core/segmented-control/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/segmented-control.js';
+
+var tagName = getScopedTagName("gds-segmented-control");
+//GdsSegmentedControl.define('gds-segmented-control')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsSegmentedControl,
+  react: React,
+  events: {
+    onChanged: "changed"
+  },
+  displayName: "GdsSegmentedControl"
+});
+
+export { reactWrapper as default };

package/src/core/signal/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsSignal } from "@sebgroup/green-core/components/signal/signal.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSignal, {}>;
+export default reactWrapper;

package/src/core/signal/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsSignal } from '@sebgroup/green-core/components/signal/signal.js';
+
+var tagName = getScopedTagName("gds-signal");
+//GdsSignal.define('gds-signal')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsSignal,
+  react: React,
+  events: {},
+  displayName: "GdsSignal"
+});
+
+export { reactWrapper as default };

package/src/core/spacer/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsSpacer } from "@sebgroup/green-core/components/spacer/spacer.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSpacer, {}>;
+export default reactWrapper;

package/src/core/spacer/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsSpacer } from '@sebgroup/green-core/components/spacer/spacer.js';
+
+var tagName = getScopedTagName("gds-spacer");
+//GdsSpacer.define('gds-spacer')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsSpacer,
+  react: React,
+  events: {},
+  displayName: "GdsSpacer"
+});
+
+export { reactWrapper as default };

package/src/core/text/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsText } from "@sebgroup/green-core/components/text/text.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsText, {}>;
+export default reactWrapper;

package/src/core/text/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsText } from '@sebgroup/green-core/components/text/text.js';
+
+var tagName = getScopedTagName("gds-text");
+//GdsText.define('gds-text')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsText,
+  react: React,
+  events: {},
+  displayName: "GdsText"
+});
+
+export { reactWrapper as default };

package/src/core/textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsTextarea } from "@sebgroup/green-core/components/textarea/textarea.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTextarea, {}>;
+export default reactWrapper;

package/src/core/textarea/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.js';
+
+var tagName = getScopedTagName("gds-textarea");
+//GdsTextarea.define('gds-textarea')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsTextarea,
+  react: React,
+  events: {},
+  displayName: "GdsTextarea"
+});
+
+export { reactWrapper as default };

package/src/core/theme/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsTheme } from "@sebgroup/green-core/components/theme/theme.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTheme, {}>;
+export default reactWrapper;

package/src/core/theme/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsTheme } from '@sebgroup/green-core/components/theme/theme.js';
+
+var tagName = getScopedTagName("gds-theme");
+//GdsTheme.define('gds-theme')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsTheme,
+  react: React,
+  events: {},
+  displayName: "GdsTheme"
+});
+
+export { reactWrapper as default };

package/src/core/video/index.d.ts

@@ -0,0 +1,3 @@
+import { GdsVideo } from "@sebgroup/green-core/components/video/video.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsVideo, {}>;
+export default reactWrapper;

package/src/core/video/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsVideo } from '@sebgroup/green-core/components/video/video.js';
+
+var tagName = getScopedTagName("gds-video");
+//GdsVideo.define('gds-video')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsVideo,
+  react: React,
+  events: {},
+  displayName: "GdsVideo"
+});
+
+export { reactWrapper as default };

package/src/index.js

@@ -310,8 +310,8 @@ export { CoreSegementedControl, CoreSegment, Segment, SegmentedControl } from '.
 import '../_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
-import './lib/accordion/accordion-item.js';
 import '@sebgroup/extract';
+import './lib/accordion/accordion-item.js';
 import '../_tslib.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/datepicker/index.js';

package/src/lib/accordion/accordion.js

@@ -1,12 +1,12 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import AccordionItem from './accordion-item.js';
+import React__default from 'react';
 import { randomId } from '@sebgroup/extract';
+import AccordionItem from './accordion-item.js';
 
 var Accordion = function Accordion(_ref) {
   var items = _ref.items;
-  var _React$useState = React.useState(randomId()),
+  var _React$useState = React__default.useState(randomId()),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     uuid = _React$useState2[0];
     _React$useState2[1];

package/src/lib/accordion/index.js

@@ -2,5 +2,5 @@ export { Accordion } from './accordion.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../../../_rollupPluginBabelHelpers.js';
-import './accordion-item.js';
 import '@sebgroup/extract';
+import './accordion-item.js';

package/src/lib/alert-ribbon/alert-ribbon.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { useState, useEffect } from 'react';
 import '../../../_tslib.js';
 import '@sebgroup/extract';
 import { Check } from '../icons/check.js';
@@ -19,6 +19,7 @@ function AlertRibbon(_ref) {
     role = _ref.role,
     ariaLive = _ref['aria-live'],
     closeAriaLabel = _ref.closeAriaLabel;
+  var _a;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     closeButton = _useState2[0],
@@ -27,18 +28,14 @@ function AlertRibbon(_ref) {
     if (!isCloseable) {
       setCloseButton(null);
     } else {
-      if (closeText) setCloseButton(jsxs("button", {
+      if (closeText) setCloseButton(jsx("button", {
         className: "close",
-        children: [jsx("span", {
-          className: "sr-only",
-          children: closeText
-        }), jsx("i", {})]
-      }));else setCloseButton(jsxs("button", {
+        "aria-label": closeText,
+        children: jsx("i", {})
+      }));else setCloseButton(jsx("button", {
         className: "close",
-        children: [jsx("span", {
-          className: "sr-only",
-          children: "Close"
-        }), jsx("i", {})]
+        "aria-label": "Close",
+        children: jsx("i", {})
       }));
     }
   }, [isCloseable, closeText]);
@@ -63,7 +60,7 @@ function AlertRibbon(_ref) {
     if (!header) {
       return null;
     }
-    return /*#__PURE__*/React.isValidElement(header) ? header : jsx("span", {
+    return /*#__PURE__*/React__default.isValidElement(header) ? header : jsx("span", {
       className: "header",
       children: header
     });
@@ -83,7 +80,7 @@ function AlertRibbon(_ref) {
     }), closeButton && jsx("button", {
       className: "close",
       type: "button",
-      "aria-label": closeAriaLabel !== null && closeAriaLabel !== void 0 ? closeAriaLabel : 'Close alert',
+      "aria-label": (_a = closeAriaLabel !== null && closeAriaLabel !== void 0 ? closeAriaLabel : closeText) !== null && _a !== void 0 ? _a : 'Close alert',
       onClick: function onClick(event) {
         onClose && onClose(event);
       },

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 from 'react';
+import React__default 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.useState(false),
+  var _React$useState = React__default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isClosed = _React$useState2[0],
     setIsClosed = _React$useState2[1];
-  var _React$useState3 = React.useState(''),
+  var _React$useState3 = React__default.useState(''),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     type = _React$useState4[0],
     setType = _React$useState4[1];
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (badgeType) {
       setType(badgeType);
     }

package/src/lib/breadcrumb/breadcrumb.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
+import React__default 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.Children.map(children, function (Child, childIndex) {
-      return jsxs(React.Fragment, {
-        children: [Child, childIndex !== React.Children.count(children) - 1 && jsx(BreadcrumbItem, {
+    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, {
           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, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
+import { GdsContextMenu, GdsMenuHeading, GdsMenuItem } from '@sebgroup/green-core/components/context-menu/index.js';
 export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
     onMenuItemClick: string;
     onUiStateChange: string;

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

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

package/src/lib/datepicker/datepicker.js

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

package/src/lib/dropdown/dropdown.js

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

package/src/lib/dropdown/index.js

@@ -1,10 +1,10 @@
 export { CoreDropdown, CoreOption, Dropdown } from './dropdown.js';
 import '../../../_tslib.js';
 import 'react/jsx-runtime';
+import 'react';
 import '@lit/react';
 import '@sebgroup/green-core/components/dropdown/index.js';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';
-import 'react';
 import '../context-menu/context-menu.js';
 import '@sebgroup/green-core/components/context-menu/index.js';

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

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