@sebgroup/green-react 3.36.0 → 4.0.0-rc.20260326093457188

package/src/lib/in-page-wizard/inPageWizardStepCard.js

@@ -1,9 +1,10 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import '../../../_tslib.js';
-import '@sebgroup/extract';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Check } from '../icons/check.js';
+import 'react';
 import { Edit } from '../icons/edit.js';
+import '../shared/id.js';
+import '../../../_rollupPluginBabelHelpers.js';
 
 var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
   var _ref$editBtnText = _ref.editBtnText,
@@ -20,54 +21,54 @@ var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
     _ref$nextBtnText = _ref.nextBtnText,
     nextBtnText = _ref$nextBtnText === void 0 ? 'Next' : _ref$nextBtnText,
     onEditClick = _ref.onEditClick;
-  var sectionClassName = classNames('gds-in-page-wizard-step-card', 'card', {
+  var sectionClassName = classNames('gds-card', 'gds-in-page-wizard-step-card', {
     active: stepStatus === 'IsActive',
     completed: stepStatus === 'IsComplete'
   });
-  return jsxs("section", {
+  return /*#__PURE__*/jsxs("section", {
     className: sectionClassName,
     "data-testid": dataTestid,
-    children: [jsxs("header", {
+    children: [/*#__PURE__*/jsxs("header", {
       className: "gds-in-page-wizard-step-card__header",
-      children: [jsx("div", {
+      children: [/*#__PURE__*/jsx("div", {
         className: "gds-in-page-wizard-step-card__header__icon",
-        children: jsx(Check, {})
-      }), jsx("div", {
+        children: /*#__PURE__*/jsx(Check, {})
+      }), /*#__PURE__*/jsx("div", {
         className: "gds-in-page-wizard-step-card__header__progress",
         children: stepText
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: "gds-in-page-wizard-step-card__header__title",
-        children: jsx("h2", {
+        children: /*#__PURE__*/jsx("h2", {
           children: title
         })
-      }), stepStatus === 'IsComplete' && jsx("div", {
+      }), stepStatus === 'IsComplete' && /*#__PURE__*/jsx("div", {
         className: "gds-in-page-wizard-step-card__header__edit",
-        children: jsxs("button", {
-          className: "secondary small",
+        children: /*#__PURE__*/jsxs("button", {
+          className: "gds-button secondary small",
           onClick: onEditClick,
-          children: [jsx(Edit, {
+          children: [/*#__PURE__*/jsx(Edit, {
             fill: 'var(--color)',
             height: 16,
             width: 16
           }), editBtnText]
         })
       })]
-    }), (stepStatus === 'IsActive' || stepStatus === 'IsComplete') && jsx("div", {
+    }), (stepStatus === 'IsActive' || stepStatus === 'IsComplete') && /*#__PURE__*/jsx("div", {
       className: "gds-in-page-wizard-step-card__content",
       children: children
-    }), stepStatus === 'IsActive' && !hideFooter && jsx("footer", {
+    }), stepStatus === 'IsActive' && !hideFooter && /*#__PURE__*/jsx("footer", {
       className: "gds-in-page-wizard-step-card__footer",
-      children: jsxs("button", {
-        className: "primary",
+      children: /*#__PURE__*/jsxs("button", {
+        className: "gds-button",
         onClick: onNextClick,
         children: [nextBtnText, nextBtnIcon]
       })
-    }), stepStatus === 'IsComplete' && !hideFooter && jsx("footer", {
+    }), stepStatus === 'IsComplete' && !hideFooter && /*#__PURE__*/jsx("footer", {
       className: "gds-in-page-wizard-step-card__footer gds-in-page-wizard-step-card__footer--edit",
-      children: jsxs("button", {
-        className: "secondary",
+      children: /*#__PURE__*/jsxs("button", {
+        className: "gds-button secondary",
         onClick: onEditClick,
-        children: [jsx(Edit, {
+        children: [/*#__PURE__*/jsx(Edit, {
           fill: 'var(--color)',
           height: 16,
           width: 16

package/src/lib/in-page-wizard/index.js

@@ -1,7 +1,8 @@
 export { InPageWizardStepCard } from './inPageWizardStepCard.js';
-import 'react/jsx-runtime';
 import 'classnames';
-import '../../../_tslib.js';
-import '@sebgroup/extract';
+import 'react/jsx-runtime';
 import '../icons/check.js';
+import 'react';
+import '../shared/id.js';
 import '../icons/edit.js';
+import '../../../_rollupPluginBabelHelpers.js';

package/src/lib/layout/flexbox/flexbox.js

@@ -1,21 +1,21 @@
-import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import { useState, useLayoutEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["alignContent", "alignItems", "alignSelf", "children", "justifyContent", "flexDirection", "flexWrap", "className"];
 /**
  * @deprecated Please use the `gds-flex` web component from green-core instead
  */
-var Flexbox = function Flexbox(_a) {
-  var alignContent = _a.alignContent,
-    alignItems = _a.alignItems,
-    alignSelf = _a.alignSelf,
-    children = _a.children,
-    justifyContent = _a.justifyContent,
-    flexDirection = _a.flexDirection,
-    flexWrap = _a.flexWrap,
-    className = _a.className,
-    props = __rest(_a, ["alignContent", "alignItems", "alignSelf", "children", "justifyContent", "flexDirection", "flexWrap", "className"]);
+var Flexbox = function Flexbox(_ref) {
+  var alignContent = _ref.alignContent,
+    alignItems = _ref.alignItems,
+    alignSelf = _ref.alignSelf,
+    children = _ref.children,
+    justifyContent = _ref.justifyContent,
+    flexDirection = _ref.flexDirection,
+    flexWrap = _ref.flexWrap,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(['d-flex']),
     _useState2 = _slicedToArray(_useState, 2),
     classes = _useState2[0],
@@ -24,11 +24,13 @@ var Flexbox = function Flexbox(_a) {
     _useState4 = _slicedToArray(_useState3, 2),
     flexClassName = _useState4[0],
     setFlexClassName = _useState4[1];
+
   // // update className when classes change
   useLayoutEffect(function () {
     var newClassName = classes.join(' ');
     if (newClassName !== flexClassName) setFlexClassName(newClassName);
   }, [classes, flexClassName]);
+
   // // update classes when props change
   useLayoutEffect(function () {
     var newClasses = ['d-flex'];
@@ -41,7 +43,7 @@ var Flexbox = function Flexbox(_a) {
     className && newClasses.push(className);
     setClasses(newClasses);
   }, [alignContent, alignItems, alignSelf, justifyContent, flexDirection, flexWrap, className]);
-  return jsx("div", Object.assign({
+  return /*#__PURE__*/jsx("div", Object.assign({
     className: flexClassName
   }, props, {
     children: children

package/src/lib/layout/index.js

@@ -1,5 +1,4 @@
 export { Flexbox } from './flexbox/flexbox.js';
 import '../../../_rollupPluginBabelHelpers.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';

package/src/lib/link/index.js

@@ -1,4 +1,4 @@
 export { Link } from './link.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../_rollupPluginBabelHelpers.js';
 import 'classnames';
+import 'react/jsx-runtime';

package/src/lib/link/link.js

@@ -1,26 +1,31 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["button", "secondary", "children", "className", "role", "variant"];
 /**
  * @deprecated Please use the `gds-link` web component from green-core instead
  */
-var Link = function Link(_a) {
-  var button = _a.button,
-    secondary = _a.secondary,
-    children = _a.children,
-    className = _a.className,
-    role = _a.role,
-    otherProps = __rest(_a, ["button", "secondary", "children", "className", "role"]);
+var Link = function Link(_ref) {
+  var button = _ref.button,
+    secondary = _ref.secondary,
+    children = _ref.children,
+    className = _ref.className,
+    role = _ref.role,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'blue' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
   var linkClassName = classNames(className, {
-    button: button
-  }, button, {
-    'link gds-link-arrow': secondary
-  });
-  return jsx("a", Object.assign({
+    'gds-link': !button,
+    'gds-button': button,
+    'gds-link-arrow': secondary,
+    'gds-link--white': variant === 'white',
+    'gds-link--black': variant === 'black'
+  }, button);
+  return /*#__PURE__*/jsx("a", Object.assign({
     className: linkClassName,
     role: button ? 'button' : role
-  }, otherProps, {
+  }, props, {
     children: children
   }));
 };

package/src/lib/list/index.js

@@ -1,5 +1,5 @@
 export { List } from './list.js';
-export { v as ValueList } from '../../../valueList.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../_rollupPluginBabelHelpers.js';
 import './listItem.js';
+import 'react';
+import 'react/jsx-runtime';

package/src/lib/list/list.js

@@ -1,38 +1,40 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
 import ListItem from './listItem.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
 
-var List = function List(_a) {
-  var listType = _a.listType,
-    tableCaption = _a.tableCaption,
-    tableData = _a.tableData,
-    children = _a.children,
-    props = __rest(_a, ["listType", "tableCaption", "tableData", "children"]);
+var _excluded = ["listType", "tableCaption", "tableData", "children"];
+var List = function List(_ref) {
+  var listType = _ref.listType,
+    tableCaption = _ref.tableCaption,
+    tableData = _ref.tableData,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (listType === 'ordered') {
-    return jsx("ol", Object.assign({}, props, {
-      children: children === null || children === void 0 ? void 0 : children.map(function (child, index) {
-        return jsx(ListItem, {
+    return /*#__PURE__*/jsx("ol", Object.assign({}, props, {
+      children: children == null ? void 0 : children.map(function (child, index) {
+        return /*#__PURE__*/jsx(ListItem, {
           children: child
         }, index);
       })
     }));
   } else if (listType !== 'table') {
-    return jsx("ul", Object.assign({}, props, {
+    return /*#__PURE__*/jsx("ul", Object.assign({}, props, {
       className: listType,
-      children: children === null || children === void 0 ? void 0 : children.map(function (child, index) {
-        return jsx(ListItem, {
+      children: children == null ? void 0 : children.map(function (child, index) {
+        return /*#__PURE__*/jsx(ListItem, {
           children: child
         }, index);
       })
     }));
   } else {
-    return jsxs("figure", {
-      children: [jsx("figcaption", {
+    return /*#__PURE__*/jsxs("figure", {
+      children: [/*#__PURE__*/jsx("figcaption", {
         className: "table-list-caption",
         children: tableCaption
-      }), jsx("dl", {
-        children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (data, index) {
-          return jsx(ListItem, {
+      }), /*#__PURE__*/jsx("dl", {
+        children: tableData == null ? void 0 : tableData.map(function (data, index) {
+          return /*#__PURE__*/jsx(ListItem, {
             listType: listType,
             tableRowData: data
           }, index);

package/src/lib/list/listItem.js

@@ -1,25 +1,27 @@
-import { _ as __rest } from '../../../_tslib.js';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
+import 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var ListItem = function ListItem(_a) {
-  var listType = _a.listType,
-    tableRowData = _a.tableRowData,
-    children = _a.children,
-    props = __rest(_a, ["listType", "tableRowData", "children"]);
+var _excluded = ["listType", "tableRowData", "children"];
+var ListItem = function ListItem(_ref) {
+  var listType = _ref.listType,
+    tableRowData = _ref.tableRowData,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (listType === 'table') {
-    return jsx("dl", {
-      children: jsxs("div", {
-        children: [jsx("dt", {
-          children: tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.title
-        }), tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.definition.map(function (item, index) {
-          return jsx("dd", {
+    return /*#__PURE__*/jsx("dl", {
+      children: /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("dt", {
+          children: tableRowData == null ? void 0 : tableRowData.title
+        }), tableRowData == null ? void 0 : tableRowData.definition.map(function (item, index) {
+          return /*#__PURE__*/jsx("dd", {
             children: item
           }, index);
         })]
       })
     });
   } else {
-    return jsx("li", Object.assign({}, props, {
+    return /*#__PURE__*/jsx("li", Object.assign({}, props, {
       children: children
     }));
   }

package/src/lib/modal/index.js

@@ -1,9 +1,8 @@
 export { Modal } from './modal.js';
 import '../../../_rollupPluginBabelHelpers.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'body-scroll-lock';
 import 'classnames';
-import '@sebgroup/extract';
 import '../form/button/button.js';
+import 'react/jsx-runtime';
+import '../shared/id.js';

package/src/lib/modal/modal.js

@@ -1,12 +1,12 @@
-import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { useState, useRef, useEffect } from 'react';
 import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
 import classNames from 'classnames';
-import { randomId } from '@sebgroup/extract';
 import { Button } from '../form/button/button.js';
+import { randomId } from '../shared/id.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+var _excluded = ["type", "id", "isOpen", "size", "enableBodyScrollLock"];
 var ModalHeader = function ModalHeader(_ref) {
   var type = _ref.type,
     setStatus = _ref.setStatus,
@@ -31,23 +31,23 @@ var ModalHeader = function ModalHeader(_ref) {
       setShouldRender && setShouldRender(false);
     }
   };
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "header",
-    children: [jsx("h3", {
+    children: [/*#__PURE__*/jsx("h3", {
       id: id,
       children: header
-    }), jsx("button", {
+    }), /*#__PURE__*/jsx("button", {
       className: "close",
       "aria-label": closeText,
       onClick: handleClose,
-      children: jsx("i", {})
+      children: /*#__PURE__*/jsx("i", {})
     })]
   });
 };
 var ModalBody = function ModalBody(_ref2) {
   var children = _ref2.children,
     id = _ref2.id;
-  return jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "body",
     id: id,
     children: children
@@ -68,19 +68,20 @@ var ModalFooter = function ModalFooter(_ref3) {
     if (onDismiss) onDismiss(event);
     if (onClose) onClose(event);
   };
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "footer",
-    children: [dismiss && jsx(Button, {
+    children: [dismiss && /*#__PURE__*/jsx(Button, {
       variant: "secondary",
       onClick: handleDismiss,
       children: dismiss
-    }), confirm && jsx(Button, {
+    }), confirm && /*#__PURE__*/jsx(Button, {
       variant: "primary",
       onClick: handleConfirm,
       children: confirm
     })]
   });
 };
+
 /* This delay is the same as the one used in the aside modal mixin: /libs/chlorophyll/scss/components/modal/_mixins.scss */
 var DELAY = 500;
 var UNMOUNTED = 'unmounted';
@@ -88,24 +89,24 @@ var IS_MOUNTING = 'is-mounting';
 var IS_ENTERING = 'is-entering';
 var ENTERED = 'entered';
 var IS_EXITING = 'is-exiting';
+
 /**
  * @deprecated Please use the `gds-dialog` web component from green-core instead
  */
-var Modal = function Modal(_a) {
-  var _a$type = _a.type,
-    type = _a$type === void 0 ? 'default' : _a$type,
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    isOpen = _a.isOpen,
-    _a$size = _a.size,
-    size = _a$size === void 0 ? 'sm' : _a$size,
-    _a$enableBodyScrollLo = _a.enableBodyScrollLock,
-    enableBodyScrollLock = _a$enableBodyScrollLo === void 0 ? true : _a$enableBodyScrollLo,
-    props = __rest(_a, ["type", "id", "isOpen", "size", "enableBodyScrollLock"]);
+var Modal = function Modal(_ref4) {
+  var _ref4$type = _ref4.type,
+    type = _ref4$type === void 0 ? 'default' : _ref4$type,
+    _ref4$id = _ref4.id,
+    id = _ref4$id === void 0 ? randomId() : _ref4$id,
+    isOpen = _ref4.isOpen,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 'sm' : _ref4$size,
+    _ref4$enableBodyScrol = _ref4.enableBodyScrollLock,
+    enableBodyScrollLock = _ref4$enableBodyScrol === void 0 ? true : _ref4$enableBodyScrol,
+    props = _objectWithoutProperties(_ref4, _excluded);
   var _useState = useState(id),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
-    _useState2[1];
   var _useState3 = useState(UNMOUNTED),
     _useState4 = _slicedToArray(_useState3, 2),
     status = _useState4[0],
@@ -137,9 +138,9 @@ var Modal = function Modal(_a) {
       // Disable scrolling on the body when the modal is open
       disableBodyScroll(modalRef.current, {
         allowTouchMove: function allowTouchMove(el) {
-          var _a;
+          var _modalRef$current;
           // Allow touchmove for elements inside modal, its required for scroll to work on iOS devices
-          return ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.contains(el)) || false;
+          return ((_modalRef$current = modalRef.current) == null ? void 0 : _modalRef$current.contains(el)) || false;
         }
       });
     } else if (modalRef.current) {
@@ -169,44 +170,44 @@ var Modal = function Modal(_a) {
           'gds-slide-out--960': size === 'lg',
           'gds-slide-out--768': size === 'md'
         });
-        modalContent = jsxs("aside", Object.assign({
+        modalContent = /*#__PURE__*/jsxs("aside", Object.assign({
           className: className
         }, dialogProps, {
           ref: modalRef,
-          children: [jsx(ModalHeader, Object.assign({
+          children: [/*#__PURE__*/jsx(ModalHeader, Object.assign({
             id: headerId,
             setStatus: setStatus,
             setShouldRender: setShouldRender,
             type: type
-          }, props)), jsx(ModalBody, Object.assign({
+          }, props)), /*#__PURE__*/jsx(ModalBody, Object.assign({
             id: bodyId
-          }, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }, props)), /*#__PURE__*/jsx(ModalFooter, Object.assign({}, props))]
         }));
         break;
       }
     case 'takeover':
       {
-        modalContent = jsxs("main", Object.assign({}, dialogProps, {
+        modalContent = /*#__PURE__*/jsxs("main", Object.assign({}, dialogProps, {
           ref: modalRef,
-          children: [jsx(ModalHeader, Object.assign({
+          children: [/*#__PURE__*/jsx(ModalHeader, Object.assign({
             id: headerId
-          }, props)), jsx(ModalBody, Object.assign({
+          }, props)), /*#__PURE__*/jsx(ModalBody, Object.assign({
             id: bodyId
-          }, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }, props)), /*#__PURE__*/jsx(ModalFooter, Object.assign({}, props))]
         }));
         break;
       }
     default:
       {
-        modalContent = jsx("div", {
+        modalContent = /*#__PURE__*/jsx("div", {
           className: "gds-dialog-wrapper",
           ref: modalRef,
-          children: jsxs("section", Object.assign({}, dialogProps, {
-            children: [jsx(ModalHeader, Object.assign({
+          children: /*#__PURE__*/jsxs("section", Object.assign({}, dialogProps, {
+            children: [/*#__PURE__*/jsx(ModalHeader, Object.assign({
               id: headerId
-            }, props)), jsx(ModalBody, Object.assign({
+            }, props)), /*#__PURE__*/jsx(ModalBody, Object.assign({
               id: bodyId
-            }, props)), jsx(ModalFooter, Object.assign({}, props))]
+            }, props)), /*#__PURE__*/jsx(ModalFooter, Object.assign({}, props))]
           }))
         });
         break;
@@ -231,8 +232,8 @@ var Modal = function Modal(_a) {
       }
     }
   };
-  return jsxs(Fragment, {
-    children: [modalContent, jsx("div", {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [modalContent, /*#__PURE__*/jsx("div", {
       "data-testid": "modal-backdrop",
       className: backdropClassnames,
       onClick: function onClick(e) {

package/src/lib/navbar/index.js

@@ -1,7 +1,6 @@
 export { Navbar } from './navbar.js';
 import '../../../_rollupPluginBabelHelpers.js';
-import 'react/jsx-runtime';
 import 'react';
 import '../link/link.js';
-import '../../../_tslib.js';
 import 'classnames';
+import 'react/jsx-runtime';

package/src/lib/navbar/navbar.js

@@ -1,8 +1,7 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Link } from '../link/link.js';
-import '../../../_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'classnames';
 
 /**
@@ -24,37 +23,37 @@ var Navbar = function Navbar(_ref) {
   useEffect(function () {
     var classNames = [];
     if (variant) classNames.push(variant);
-    setProps(Object.assign(Object.assign({}, props), {
+    setProps(Object.assign({}, props, {
       className: classNames.join(' ')
     }));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [variant]);
-  return jsxs("nav", Object.assign({
+  return /*#__PURE__*/jsxs("nav", Object.assign({
     role: "navigation"
   }, props, {
-    children: [jsx(Link, {
+    children: [/*#__PURE__*/jsx(Link, {
       "aria-label": brandAriaLabel,
       href: brandLink,
       target: "_blank",
       className: "brand"
-    }), jsx("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: "container-fluid",
-      children: jsxs("div", {
+      children: /*#__PURE__*/jsxs("div", {
         className: "row justify-content-between align-items-center",
-        children: [jsx("div", {
+        children: [/*#__PURE__*/jsx("div", {
           className: "col-auto",
-          children: titleLink ? jsx(Link, {
+          children: titleLink ? /*#__PURE__*/jsx(Link, {
             className: "mx-4",
             href: titleLink,
-            children: jsx("h1", {
+            children: /*#__PURE__*/jsx("h1", {
               children: title
             })
-          }) : jsx("h1", {
+          }) : /*#__PURE__*/jsx("h1", {
             children: title
           })
-        }), jsx("div", {
+        }), /*#__PURE__*/jsx("div", {
           className: "col-auto",
-          children: jsx("div", {
+          children: /*#__PURE__*/jsx("div", {
             className: "group size-sm",
             children: children
           })

package/src/lib/popover/popover.js

@@ -6,6 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 GdsPopover.define();
 PopoverTransitionalStyles.register();
+
 /**
  * @deprecated Please use the `gds-popover` web component from green-core instead
  */

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

@@ -1,6 +1,5 @@
 export { GdsSegementedControl, GdsSegment, Segment, SegmentedControl } from './segmented-control.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../_rollupPluginBabelHelpers.js';
 import 'react';
 import '@lit/react';
 import 'classnames';
@@ -8,3 +7,4 @@ import '@sebgroup/green-core/components/segmented-control/segment/segment.compon
 import '@sebgroup/green-core/components/segmented-control/segmented-control.component';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';
+import 'react/jsx-runtime';