@sebgroup/green-react 4.0.0 → 5.1.0

package/src/lib/dropdown/dropdown.js

@@ -1,5 +1,4 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { createComponent } from '@lit/react';
 import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component';
@@ -7,8 +6,10 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
 import { CoreMenuHeading } from '../context-menu/context-menu.js';
 import { IconTriangleExclamation } from '@sebgroup/green-core/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@sebgroup/green-core/components/context-menu/context-menu.component';
 
+var _excluded = ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState", "required"];
 GdsDropdown.define();
 registerTransitionalStyles();
 var CoreDropdown = createComponent({
@@ -28,33 +29,34 @@ var CoreOption = createComponent({
 /**
  * @deprecated Please use the `gds-dropdown` web component from green-core instead
  */
-var Dropdown = function Dropdown(_a) {
-  var compareWith = _a.compareWith,
-    _a$display = _a.display,
-    display = _a$display === void 0 ? 'label' : _a$display,
-    id = _a.id,
-    informationLabel = _a.informationLabel,
-    label = _a.label,
-    multiSelect = _a.multiSelect,
-    onChange = _a.onChange,
-    options = _a.options,
-    searchFilter = _a.searchFilter,
-    searchable = _a.searchable,
-    texts = _a.texts,
-    _a$useValue = _a.useValue,
-    useValue = _a$useValue === void 0 ? 'value' : _a$useValue,
-    validator = _a.validator,
-    value = _a.value,
-    syncPopoverWidth = _a.syncPopoverWidth,
-    disableMobileStyles = _a.disableMobileStyles,
-    _onGdsUiState = _a.onGdsUiState,
-    required = _a.required,
-    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState", "required"]);
+var Dropdown = function Dropdown(_ref) {
+  var compareWith = _ref.compareWith,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? 'label' : _ref$display,
+    id = _ref.id,
+    informationLabel = _ref.informationLabel,
+    label = _ref.label,
+    multiSelect = _ref.multiSelect,
+    onChange = _ref.onChange,
+    options = _ref.options,
+    searchFilter = _ref.searchFilter,
+    searchable = _ref.searchable,
+    texts = _ref.texts,
+    _ref$useValue = _ref.useValue,
+    useValue = _ref$useValue === void 0 ? 'value' : _ref$useValue,
+    validator = _ref.validator,
+    value = _ref.value,
+    syncPopoverWidth = _ref.syncPopoverWidth,
+    disableMobileStyles = _ref.disableMobileStyles,
+    _onGdsUiState = _ref.onGdsUiState,
+    required = _ref.required,
+    props = _objectWithoutProperties(_ref, _excluded);
   var handleOnChange = function handleOnChange(e) {
     if ('value' in e.detail) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
+      onChange == null || onChange(e.detail.value);
     }
   };
+
   // These adapter functions are used to maintain backwards compatibility with the old interface
   var compareWithAdapter = function compareWithAdapter(o1, o2) {
     var compareFn = compareWith || function (a, b) {
@@ -67,15 +69,15 @@ var Dropdown = function Dropdown(_a) {
       return o.innerHTML.toLowerCase().includes(q.toLowerCase());
     }(q, o);
   };
-  return jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "form-group",
-    children: jsxs(CoreDropdown, {
+    children: /*#__PURE__*/jsxs(CoreDropdown, {
       id: id,
       label: label,
       searchable: searchable,
       multiple: multiSelect,
       onChange: handleOnChange,
-      invalid: (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+      invalid: (validator == null ? void 0 : validator.indicator) === 'error',
       compareWith: compareWithAdapter,
       value: value,
       searchFilter: searchFilterAdapter,
@@ -86,29 +88,29 @@ var Dropdown = function Dropdown(_a) {
       disableMobileStyles: disableMobileStyles,
       required: required,
       onGdsUiState: function onGdsUiState(e) {
-        return _onGdsUiState === null || _onGdsUiState === void 0 ? void 0 : _onGdsUiState(e);
+        return _onGdsUiState == null ? void 0 : _onGdsUiState(e);
       },
-      children: [informationLabel && jsx("span", {
+      children: [informationLabel && /*#__PURE__*/jsx("span", {
         slot: "sub-label",
         children: informationLabel
-      }), validator && jsxs("div", {
+      }), validator && /*#__PURE__*/jsxs("div", {
         slot: "message",
         style: {
           display: 'flex',
           gap: '0.25rem'
         },
-        children: [validator.indicator === 'error' && jsx(IconTriangleExclamation, {}), validator.message]
-      }), jsx(CoreOption, {
+        children: [validator.indicator === 'error' && /*#__PURE__*/jsx(IconTriangleExclamation, {}), validator.message]
+      }), /*#__PURE__*/jsx(CoreOption, {
         isPlaceholder: true,
         "aria-hidden": true,
-        children: (texts === null || texts === void 0 ? void 0 : texts.placeholder) || 'Select'
+        children: (texts == null ? void 0 : texts.placeholder) || 'Select'
       }), options.map(function (option) {
         if (option.heading) {
-          return jsx(CoreMenuHeading, {
+          return /*#__PURE__*/jsx(CoreMenuHeading, {
             children: option[display]
           }, option.label);
         }
-        return jsx(CoreOption, {
+        return /*#__PURE__*/jsx(CoreOption, {
           value: option[useValue],
           children: option[display]
         }, option[useValue]);

package/src/lib/dropdown/index.js

@@ -1,6 +1,5 @@
 export { CoreDropdown, CoreOption, Dropdown } from './dropdown.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../_rollupPluginBabelHelpers.js';
 import 'react';
 import '@lit/react';
 import '@sebgroup/green-core/components/dropdown/dropdown.component';
@@ -9,3 +8,4 @@ import '@sebgroup/green-core/transitional-styles';
 import '../context-menu/context-menu.js';
 import '@sebgroup/green-core/components/context-menu/context-menu.component';
 import '@sebgroup/green-core/react';
+import 'react/jsx-runtime';

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

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

package/src/lib/form/button/button.js

@@ -1,34 +1,35 @@
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../../_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["className", "variant", "active", "type", "size", "testId"];
 /**
  * @deprecated Please use the `gds-button` web component from green-core instead
  */
-var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
-  var className = _a.className,
-    variant = _a.variant,
-    _a$active = _a.active,
-    active = _a$active === void 0 ? false : _a$active,
-    _a$type = _a.type,
-    type = _a$type === void 0 ? 'button' : _a$type,
-    size = _a.size,
-    testId = _a.testId,
-    props = __rest(_a, ["className", "variant", "active", "type", "size", "testId"]);
+var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _props$ariaLabel;
+  var className = _ref.className,
+    variant = _ref.variant,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    size = _ref.size,
+    testId = _ref.testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var buttonClassName = classNames('gds-button', className, variant, size, {
     active: active
   }) || undefined;
-  return variant == 'close' ? jsx("button", Object.assign({
+  return variant == 'close' ? /*#__PURE__*/jsx("button", Object.assign({
     className: buttonClassName,
     type: type,
-    "aria-label": (_b = props['aria-label']) !== null && _b !== void 0 ? _b : 'Close',
+    "aria-label": (_props$ariaLabel = props['aria-label']) != null ? _props$ariaLabel : 'Close',
     "data-testid": testId,
     ref: ref
   }, props, {
-    children: jsx("i", {})
-  })) : jsx("button", Object.assign({
+    children: /*#__PURE__*/jsx("i", {})
+  })) : /*#__PURE__*/jsx("button", Object.assign({
     className: buttonClassName,
     type: type,
     "data-testid": testId,

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

@@ -1,5 +1,5 @@
 export { Button } from './button.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../../_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
+import 'react/jsx-runtime';

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

@@ -1,10 +1,8 @@
-import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { _ as _slicedToArray, a as _objectWithoutProperties } from '../../../../_rollupPluginBabelHelpers.js';
 import { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
-import '@sebgroup/extract';
+import { jsx } from 'react/jsx-runtime';
 import '@sebgroup/green-core/react';
 import { Group } from '../group/group.js';
 import '../../formItem/formItem.js';
@@ -12,9 +10,12 @@ import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
 import '../iconButton/iconButton.js';
+import '../../shared/id.js';
+import '../../shared/validator.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 
+var _excluded = ["key"];
 var ButtonGroup = function ButtonGroup(_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -34,7 +35,7 @@ var ButtonGroup = function ButtonGroup(_ref) {
       return b && b.props;
     }).map(function (b, ix) {
       var bp = b.props;
-      var props = Object.assign(Object.assign({}, bp), {
+      var props = Object.assign({}, bp, {
         variant: variant,
         key: bp.key || "btn_".concat(ix),
         active: ix === selected,
@@ -48,13 +49,13 @@ var ButtonGroup = function ButtonGroup(_ref) {
     });
     setButtons(buttonProps);
   }, [children, selected, variant, className]);
-  return jsx(Group, {
+  return /*#__PURE__*/jsx(Group, {
     "data-label": "button-group",
     id: id,
-    children: buttons.map(function (_a) {
-      var key = _a.key,
-        props = __rest(_a, ["key"]);
-      return jsx(Button, Object.assign({}, props), key);
+    children: buttons.map(function (_ref2) {
+      var key = _ref2.key,
+        props = _objectWithoutProperties(_ref2, _excluded);
+      return /*#__PURE__*/jsx(Button, Object.assign({}, props), key);
     })
   });
 };

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

@@ -1,11 +1,9 @@
 export { ButtonGroup } from './buttonGroup.js';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../button/button.js';
-import '@sebgroup/extract';
+import 'react/jsx-runtime';
 import '@sebgroup/green-core/react';
 import '../group/group.js';
 import '../../formItem/formItem.js';
@@ -13,5 +11,7 @@ import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
 import '../iconButton/iconButton.js';
+import '../../shared/id.js';
+import '../../shared/validator.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

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

@@ -1,39 +1,40 @@
-import { _ as _slicedToArray, b as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray, e as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { forwardRef, useState } from 'react';
 import classNames from 'classnames';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { IconTriangleExclamation } from '@sebgroup/green-core/react';
+import { randomId } from '../../shared/id.js';
+import { validateClassName } from '../../shared/validator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
+var _excluded = ["aria-describedby", "id", "label", "validator", "testId", "required", "className"];
 /**
  * @deprecated Please use the `gds-checkbox` web component from green-core instead
  */
-var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var ariaDescribedBy = _a['aria-describedby'],
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    label = _a.label,
-    validator = _a.validator,
-    testId = _a.testId,
-    required = _a.required,
-    className = _a.className,
-    props = __rest(_a, ['aria-describedby', "id", "label", "validator", "testId", "required", "className"]);
+var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var ariaDescribedBy = _ref['aria-describedby'],
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? randomId() : _ref$id,
+    label = _ref.label,
+    validator = _ref.validator,
+    testId = _ref.testId,
+    required = _ref.required,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
-  var validationClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
+  var validationClassName = validateClassName(validator == null ? void 0 : validator.indicator);
   var labelClassNames = classNames('gds-form-control', _defineProperty({}, validationClassName, validator));
   var inputClassNames = classNames(className, _defineProperty({}, validationClassName, validator));
-  var describedBy = classNames(ariaDescribedBy, _defineProperty({}, "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0));
-  return jsxs("div", {
+  var describedBy = classNames(ariaDescribedBy, _defineProperty({}, "".concat(uuid, "_message"), (validator == null ? void 0 : validator.message) !== undefined && validator.message.length > 0));
+  return /*#__PURE__*/jsxs("div", {
     className: "gds-form-group",
-    children: [jsxs("label", {
+    children: [/*#__PURE__*/jsxs("label", {
       htmlFor: uuid,
       className: labelClassNames,
-      children: [label, jsx("input", Object.assign({
+      children: [label, /*#__PURE__*/jsx("input", Object.assign({
         "aria-describedby": describedBy || undefined,
-        "aria-invalid": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+        "aria-invalid": (validator == null ? void 0 : validator.indicator) === 'error',
         "aria-required": required,
         className: inputClassNames || undefined,
         type: "checkbox",
@@ -41,15 +42,15 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
         id: uuid,
         required: required,
         ref: ref
-      }, props)), jsx("i", {})]
-    }), validator && jsxs("span", {
+      }, props)), /*#__PURE__*/jsx("i", {})]
+    }), validator && /*#__PURE__*/jsxs("span", {
       className: "gds-form-info",
       id: "".concat(uuid, "_message"),
       style: {
         display: 'flex',
         gap: '0.25rem'
       },
-      children: [jsx(IconTriangleExclamation, {
+      children: [/*#__PURE__*/jsx(IconTriangleExclamation, {
         size: "16px",
         margin: "2xs 0 0 0"
       }), validator.message]

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

@@ -1,8 +1,8 @@
 export { Checkbox } from './checkbox.js';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
-import '@sebgroup/extract';
 import '@sebgroup/green-core/react';
+import '../../shared/id.js';
+import '../../shared/validator.js';
+import 'react/jsx-runtime';

package/src/lib/form/form.js

@@ -1,12 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
 import { FormProvider } from './formContext.js';
+import { jsx } from 'react/jsx-runtime';
 import '../../../_rollupPluginBabelHelpers.js';
-import '../../../_tslib.js';
 import 'react';
 import './validateInput.js';
 
 var Form = function Form(props) {
-  return jsx(FormProvider, Object.assign({}, props));
+  return /*#__PURE__*/jsx(FormProvider, Object.assign({}, props));
 };
 
 export { Form, Form as default };

package/src/lib/form/formContext.js

@@ -1,22 +1,22 @@
-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 React from 'react';
 import { validateInputValue } from './validateInput.js';
+import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["children", "direction", "formSize", "onSubmit", "onFormSubmit"];
 var FormContext = /*#__PURE__*/React.createContext({});
 var useFormContext = function useFormContext() {
   return React.useContext(FormContext);
 };
-var FormProvider = function FormProvider(_a) {
-  var children = _a.children,
-    _a$direction = _a.direction,
-    direction = _a$direction === void 0 ? 'vertical' : _a$direction,
-    _a$formSize = _a.formSize,
-    formSize = _a$formSize === void 0 ? 'md' : _a$formSize;
-    _a.onSubmit;
-    var onFormSubmit = _a.onFormSubmit,
-    props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+var FormProvider = function FormProvider(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+    _ref$formSize = _ref.formSize,
+    formSize = _ref$formSize === void 0 ? 'md' : _ref$formSize;
+    _ref.onSubmit;
+    var onFormSubmit = _ref.onFormSubmit,
+    props = _objectWithoutProperties(_ref, _excluded);
   /* eslint-disable-next-line */
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -38,7 +38,7 @@ var FormProvider = function FormProvider(_a) {
     Object.keys(fields).forEach(function (key) {
       var errorMessage = validateInputValue({
         name: key,
-        value: values === null || values === void 0 ? void 0 : values[key]
+        value: values == null ? void 0 : values[key]
       }, fields[key], setErrors);
       hasError = hasError || !!errorMessage;
     });
@@ -50,7 +50,7 @@ var FormProvider = function FormProvider(_a) {
     setValues({});
     setErrors({});
   };
-  return jsx(FormContext.Provider, {
+  return /*#__PURE__*/jsx(FormContext.Provider, {
     value: {
       setValues: setValues,
       setErrors: setErrors,
@@ -58,7 +58,7 @@ var FormProvider = function FormProvider(_a) {
       errors: errors,
       values: values
     },
-    children: jsx("form", Object.assign({
+    children: /*#__PURE__*/jsx("form", Object.assign({
       className: [direction, "size-".concat(formSize)].join(' '),
       onSubmit: formSubmit
     }, props, {

package/src/lib/form/formItems.js

@@ -1,8 +1,7 @@
-import { b as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
+import { e as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useFormContext } from './formContext.js';
 import { validateInputValue } from './validateInput.js';
-import '../../../_tslib.js';
 import 'react/jsx-runtime';
 
 var FormItems = function FormItems(_ref) {
@@ -19,8 +18,9 @@ var FormItems = function FormItems(_ref) {
   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));
+      return Object.assign({}, fields, _defineProperty({}, name, validate == null ? void 0 : validate.rules));
     });
+
     /* eslint-disable-next-line */
     var removeValues = function removeValues(values) {
       /* eslint-disable-next-line */
@@ -56,26 +56,27 @@ var FormItems = function FormItems(_ref) {
       inputValue = checked ? value : null;
       /* eslint-disable-next-line */
       checked ? setValues(function (values) {
-        return Object.assign(Object.assign({}, values), _defineProperty({}, name, value));
+        return Object.assign({}, values, _defineProperty({}, name, value));
       }) : setValues(function (values) {
-        return Object.assign(Object.assign({}, values), _defineProperty({}, name, null));
+        return Object.assign({}, values, _defineProperty({}, name, null));
       });
     } else {
       inputValue = value;
       /* eslint-disable-next-line */
       setValues(function (values) {
-        return Object.assign(Object.assign({}, values), _defineProperty({}, name, value));
+        return Object.assign({}, values, _defineProperty({}, name, value));
       });
     }
     validateInputValue({
       value: inputValue,
-      name: name}, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
+      name: name}, validate == null ? void 0 : validate.rules, setErrors);
   };
+
   /* eslint-disable-next-line */
   return /*#__PURE__*/React.cloneElement(children, {
-    validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
+    validator: (errors == null ? void 0 : errors[name]) && validate,
     name: name,
-    value: values === null || values === void 0 ? void 0 : values[name],
+    value: values == null ? void 0 : values[name],
     onChange: function onChange(event) {
       if (typeof _onFormItemsChanged === 'function') {
         _onFormItemsChanged(event);

package/src/lib/form/group/group.js

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 function Group(_ref) {
   var id = _ref.id,
@@ -18,13 +18,13 @@ function Group(_ref) {
     'is-invalid': error
   }, className);
   var errorMessage = error ? error.message || error : '';
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "gds-form-group",
     id: id,
-    children: [jsx("div", {
+    children: [/*#__PURE__*/jsx("div", {
       className: groupClassName,
       children: children
-    }), error && jsx("span", {
+    }), error && /*#__PURE__*/jsx("span", {
       className: "gds-form-info",
       id: id && "".concat(id, "-message"),
       children: errorMessage

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

@@ -1,3 +1,3 @@
 export { Group } from './group.js';
-import 'react/jsx-runtime';
 import 'classnames';
+import 'react/jsx-runtime';

package/src/lib/form/iconButton/iconButton.js

@@ -1,11 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button } from '../button/button.js';
-import '../../../../_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import '../../../../_rollupPluginBabelHelpers.js';
 import 'classnames';
 
 var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx(Button, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(Button, Object.assign({}, props, {
     className: "icon",
     ref: ref,
     children: props.children

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

@@ -1,6 +1,6 @@
 export { IconButton } from './iconButton.js';
-import 'react/jsx-runtime';
 import 'react';
 import '../button/button.js';
-import '../../../../_tslib.js';
+import '../../../../_rollupPluginBabelHelpers.js';
 import 'classnames';
+import 'react/jsx-runtime';

package/src/lib/form/index.js

@@ -10,17 +10,17 @@ export { Text } from './text/text.js';
 export { RadioButton } from './radioButton/radioButton.js';
 export { RadioGroup } from './radioButton/radioGroup.js';
 export { TextArea } from './textarea/textarea.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
-import '../../../_rollupPluginBabelHelpers.js';
-import '@sebgroup/extract';
+import 'react/jsx-runtime';
 import '@sebgroup/green-core/react';
 import '../formItem/formItem.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
+import '../shared/id.js';
+import '../shared/validator.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
 import './formContext.js';

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

@@ -1,19 +1,19 @@
 export { EmailInput, Input, NumberInput, TextInput } from './input.js';
-export { RadioButton } from '../radioButton/radioButton.js';
 export { Checkbox } from '../checkbox/checkbox.js';
+export { RadioButton } from '../radioButton/radioButton.js';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
-import '@sebgroup/extract';
 import '../../formItem/formItem.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
+import 'react/jsx-runtime';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '@sebgroup/green-core/react';
+import '../../shared/id.js';
+import '../../shared/validator.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../group/group.js';