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

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

@@ -1,5 +1,4 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { createComponent } from '@lit/react';
 import classNames from 'classnames';
@@ -7,9 +6,13 @@ import { GdsSegment as GdsSegment$1 } from '@sebgroup/green-core/components/segm
 import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/segmented-control.component';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
+import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["onChange", "className"],
+  _excluded2 = ["className", "minWidth", "maxWidth", "segMinWidth"];
 GdsSegmentedControl.define();
 registerTransitionalStyles();
+
 /**
  * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
  */
@@ -21,6 +24,7 @@ var GdsSegementedControl = createComponent({
   },
   react: React
 });
+
 /**
  * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
  */
@@ -30,24 +34,25 @@ var GdsSegment = createComponent({
   react: React
 });
 /** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
-var SegmentedControl = function SegmentedControl(_a) {
-  var onChange = _a.onChange,
-    className = _a.className,
-    props = __rest(_a, ["onChange", "className"]);
-  return jsx(GdsSegementedControl, Object.assign({
+var SegmentedControl = function SegmentedControl(_ref) {
+  var onChange = _ref.onChange,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(GdsSegementedControl, Object.assign({
     onchange: onChange,
     className: classNames(className)
   }, props));
 };
+
 /** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
-var Segment = function Segment(_a) {
-  var className = _a.className,
-    minWidth = _a.minWidth,
-    maxWidth = _a.maxWidth,
-    segMinWidth = _a.segMinWidth,
-    props = __rest(_a, ["className", "minWidth", "maxWidth", "segMinWidth"]);
+var Segment = function Segment(_ref2) {
+  var className = _ref2.className,
+    minWidth = _ref2.minWidth,
+    maxWidth = _ref2.maxWidth,
+    segMinWidth = _ref2.segMinWidth,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   var formattedSegMinWidth = segMinWidth ? "".concat(segMinWidth, "px") : undefined;
-  return jsx(GdsSegment, Object.assign({
+  return /*#__PURE__*/jsx(GdsSegment, Object.assign({
     className: classNames(className)
   }, props, {
     "min-width": minWidth || formattedSegMinWidth,

package/src/lib/select/index.js

@@ -1,17 +1,17 @@
 export { Option, OptionGroup, Select } from './select.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 '../form/iconButton/iconButton.js';
 import '../form/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 '../icons/chevronDown.js';

package/src/lib/select/select.js

@@ -1,11 +1,11 @@
-import { _ as _slicedToArray, b as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray, e as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../formItem/formItem.js';
+import { randomId } from '../shared/id.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown } from '../icons/chevronDown.js';
+import { validateClassName } from '../shared/validator.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
@@ -15,55 +15,56 @@ import '@sebgroup/green-core/react';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
 
+var _excluded = ["aria-live", "aria-describedby", "id", "validator", "label", "info", "testId", "expandableInfo", "expandableInfoButtonLabel", "required"];
 /**
  * @deprecated Use the `gds-select` web component from green-core instead.
  */
-var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var _a$ariaLive = _a['aria-live'],
-    ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,
-    ariaDescribedBy = _a['aria-describedby'],
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    validator = _a.validator,
-    label = _a.label,
-    info = _a.info,
-    testId = _a.testId,
-    expandableInfo = _a.expandableInfo,
-    expandableInfoButtonLabel = _a.expandableInfoButtonLabel,
-    required = _a.required,
-    props = __rest(_a, ['aria-live', 'aria-describedby', "id", "validator", "label", "info", "testId", "expandableInfo", "expandableInfoButtonLabel", "required"]);
+var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$ariaLive = _ref['aria-live'],
+    ariaLive = _ref$ariaLive === void 0 ? 'assertive' : _ref$ariaLive,
+    ariaDescribedBy = _ref['aria-describedby'],
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? randomId() : _ref$id,
+    validator = _ref.validator,
+    label = _ref.label,
+    info = _ref.info,
+    testId = _ref.testId,
+    expandableInfo = _ref.expandableInfo,
+    expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
+    required = _ref.required,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
-  var selectClassName = classNames('gds-select', _defineProperty({}, "".concat(validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)), validator));
-  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), info || props.labelInformation), "gds-expandable-info-".concat(uuid), expandableInfo));
-  return jsx(FormItem, {
+  var selectClassName = classNames('gds-select', _defineProperty({}, "".concat(validateClassName(validator == null ? void 0 : validator.indicator)), validator));
+  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), (validator == null ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), info || props.labelInformation), "gds-expandable-info-".concat(uuid), expandableInfo));
+  return /*#__PURE__*/jsx(FormItem, {
     "aria-live": ariaLive,
     label: label,
-    labelInformation: info !== null && info !== void 0 ? info : props.labelInformation,
+    labelInformation: info != null ? info : props.labelInformation,
     expandableInfo: expandableInfo,
     expandableInfoButtonLabel: expandableInfoButtonLabel,
     inputId: uuid,
     validator: validator,
-    children: jsxs("div", {
+    children: /*#__PURE__*/jsxs("div", {
       className: selectClassName,
-      children: [jsx("select", Object.assign({
+      children: [/*#__PURE__*/jsx("select", 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,
         id: uuid,
         "data-testid": testId,
         ref: ref,
         required: required
-      }, props)), jsx(ChevronDown, {})]
+      }, props)), /*#__PURE__*/jsx(ChevronDown, {})]
     })
   });
 });
 var Option = function Option(props) {
-  return jsx("option", Object.assign({}, props));
+  return /*#__PURE__*/jsx("option", Object.assign({}, props));
 };
 var OptionGroup = function OptionGroup(props) {
-  return jsx("optgroup", Object.assign({}, props));
+  return /*#__PURE__*/jsx("optgroup", Object.assign({}, props));
 };
 var select = {
   Select: Select,

package/src/lib/shared/form-info.js

@@ -0,0 +1 @@
+

package/src/lib/shared/id.js

@@ -0,0 +1,11 @@
+// Use crypto API for secure random id generation
+var randomId = function randomId() {
+  // Generate 7 bytes and convert to base36 string (similar to original substring size)
+  var array = new Uint32Array(2);
+  window.crypto.getRandomValues(array);
+  // Concatenate the two 32-bit numbers and slice base36 to 7 chars
+  var id = (array[0].toString(36) + array[1].toString(36)).substring(0, 7);
+  return 'gds-' + id;
+};
+
+export { randomId };

package/src/lib/shared/types.js

@@ -0,0 +1 @@
+

package/src/lib/shared/validator.js

@@ -0,0 +1,12 @@
+var validateClassName = function validateClassName(value) {
+  switch (value) {
+    case 'success':
+      return 'is-valid';
+    case 'error':
+      return 'is-invalid';
+    default:
+      return '';
+  }
+};
+
+export { validateClassName };

package/src/lib/slider/index.js

@@ -1,5 +1,5 @@
 export { Slider } from './slider.js';
 import '../../../_rollupPluginBabelHelpers.js';
-import 'react/jsx-runtime';
 import 'react';
-import '@sebgroup/extract';
+import '../shared/id.js';
+import 'react/jsx-runtime';

package/src/lib/slider/slider.js

@@ -1,15 +1,22 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
-import { randomId, sliderColors, getSliderTrackBackground } from '@sebgroup/extract';
+import { randomId } from '../shared/id.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+var sliderColors = {
+  primary: '#007ac7',
+  disabled: '#dedede'
+};
+var getSliderTrackBackground = function getSliderTrackBackground(val) {
+  return "linear-gradient(\n        to right,\n        ".concat(sliderColors.primary, " 0%,\n        ").concat(sliderColors.primary, " ").concat(val, "%,\n        ").concat(sliderColors.disabled, " ").concat(val, "%,\n        ").concat(sliderColors.disabled, " 100%\n      )");
+};
 var InputWrapper = function InputWrapper(_ref) {
   var children = _ref.children,
     unitLabel = _ref.unitLabel;
-  return jsx(Fragment, {
-    children: unitLabel ? jsxs("div", {
+  return /*#__PURE__*/jsx(Fragment, {
+    children: unitLabel ? /*#__PURE__*/jsxs("div", {
       className: "group group-border group-focus",
-      children: [children, jsx("span", {
+      children: [children, /*#__PURE__*/jsx("span", {
         className: "form-text",
         children: unitLabel
       })]
@@ -52,7 +59,7 @@ function Slider(_ref2) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     background = _React$useState2[0],
     setBackground = _React$useState2[1];
-  var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : defaultValue),
+  var _React$useState3 = React.useState(value != null ? value : defaultValue),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sliderValue = _React$useState4[0],
     setSliderValue = _React$useState4[1];
@@ -100,22 +107,22 @@ function Slider(_ref2) {
     handleChange(value);
     if (value === '') setInputFieldValue('');else if (shouldClamp) setInputFieldValue(clamp(value) + '');
   };
-  return jsxs(Fragment, {
-    children: [jsxs("div", {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
       className: "gds-slider-label-container",
-      children: [jsx("div", {
-        children: label && jsxs(Fragment, {
-          children: [jsx("label", {
+      children: [/*#__PURE__*/jsx("div", {
+        children: label && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("label", {
             htmlFor: name,
             id: "".concat(name, "-label"),
             children: label
-          }), instruction && jsx("p", {
+          }), instruction && /*#__PURE__*/jsx("p", {
             children: instruction
           })]
         })
-      }), hasTextbox && jsx(InputWrapper, {
+      }), hasTextbox && /*#__PURE__*/jsx(InputWrapper, {
         unitLabel: unitLabel,
-        children: jsx("input", {
+        children: /*#__PURE__*/jsx("input", {
           type: "text",
           inputMode: "numeric",
           pattern: "[0-9]*",
@@ -142,7 +149,7 @@ function Slider(_ref2) {
           }
         })
       })]
-    }), jsx("input", {
+    }), /*#__PURE__*/jsx("input", {
       type: "range",
       value: sliderValue || 0,
       id: name,
@@ -158,14 +165,14 @@ function Slider(_ref2) {
       style: {
         background: background
       }
-    }), showMinMax && jsxs("div", {
+    }), showMinMax && /*#__PURE__*/jsxs("div", {
       className: "gds-slider-min-max",
-      children: [jsx("div", {
+      children: [/*#__PURE__*/jsx("div", {
         children: minMaxFormat(min, unitLabel)
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         children: minMaxFormat(max, unitLabel)
       })]
-    }), errorMessage && jsx("p", {
+    }), errorMessage && /*#__PURE__*/jsx("p", {
       className: "gds-slider-error-info",
       children: errorMessage
     })]

package/src/lib/stepper/index.js

@@ -1,4 +1,4 @@
 export { Stepper } from './stepper.js';
-import '../../../_tslib.js';
+import '../../../_rollupPluginBabelHelpers.js';
+import '../shared/validator.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';

package/src/lib/stepper/stepper.js

@@ -1,30 +1,32 @@
-import { _ as __rest } from '../../../_tslib.js';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
+import { validateClassName } from '../shared/validator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { validateClassName } from '@sebgroup/extract';
 
+var _excluded = ["id", "label", "description", "statusMessage", "validator", "value", "onChange", "onIncrease", "onDecrease", "testId"];
 // TODO: Should be named "Numeric input" instead of stepper?
-function Stepper(_a) {
-  var id = _a.id,
-    label = _a.label,
-    description = _a.description,
-    statusMessage = _a.statusMessage,
-    validator = _a.validator,
-    _a$value = _a.value,
-    value = _a$value === void 0 ? 0 : _a$value,
-    _a$onChange = _a.onChange,
-    onChange = _a$onChange === void 0 ? function () {
+
+function Stepper(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    description = _ref.description,
+    statusMessage = _ref.statusMessage,
+    validator = _ref.validator,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
       return undefined;
-    } : _a$onChange,
-    _a$onIncrease = _a.onIncrease,
-    onIncrease = _a$onIncrease === void 0 ? function () {
+    } : _ref$onChange,
+    _ref$onIncrease = _ref.onIncrease,
+    onIncrease = _ref$onIncrease === void 0 ? function () {
       return undefined;
-    } : _a$onIncrease,
-    _a$onDecrease = _a.onDecrease,
-    onDecrease = _a$onDecrease === void 0 ? function () {
+    } : _ref$onIncrease,
+    _ref$onDecrease = _ref.onDecrease,
+    onDecrease = _ref$onDecrease === void 0 ? function () {
       return undefined;
-    } : _a$onDecrease,
-    testId = _a.testId,
-    props = __rest(_a, ["id", "label", "description", "statusMessage", "validator", "value", "onChange", "onIncrease", "onDecrease", "testId"]);
+    } : _ref$onDecrease,
+    testId = _ref.testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === 'ArrowUp') {
       e.preventDefault();
@@ -34,44 +36,44 @@ function Stepper(_a) {
       onDecrease();
     }
   };
-  var PrimitiveStepper = jsxs("div", {
+  var PrimitiveStepper = /*#__PURE__*/jsxs("div", {
     "data-testid": testId,
-    className: "group group-border group-stepper ".concat(validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)),
-    children: [jsx("button", {
+    className: "group group-border group-stepper ".concat(validator && validateClassName(validator == null ? void 0 : validator.indicator)),
+    children: [/*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onDecrease,
       children: "-"
-    }), jsx("input", Object.assign({
+    }), /*#__PURE__*/jsx("input", Object.assign({
       id: id,
       type: "text",
       inputMode: "numeric",
       pattern: "[0-9]*",
       onChange: onChange,
-      onFocus: function onFocus(_ref) {
-        var target = _ref.target;
+      onFocus: function onFocus(_ref2) {
+        var target = _ref2.target;
         return target.select();
       },
       onKeyDown: handleKeyDown,
       placeholder: "0",
       value: value
-    }, props)), jsx("button", {
+    }, props)), /*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onIncrease,
       children: "+"
     })]
   });
   if (!label && !description && !statusMessage && !validator) return PrimitiveStepper;
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "form-group",
-    children: [label && jsx("label", {
+    children: [label && /*#__PURE__*/jsx("label", {
       htmlFor: id,
       children: label
-    }), description && jsx("span", {
+    }), description && /*#__PURE__*/jsx("span", {
       className: "form-info",
       children: description
-    }), jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: "stepper-wrapper",
-      children: [PrimitiveStepper, validator && jsx("span", {
+      children: [PrimitiveStepper, validator && /*#__PURE__*/jsx("span", {
         className: "form-info",
         children: validator.message
       })]

package/src/lib/table/components/Table.js

@@ -1,19 +1,19 @@
-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 classNames from 'classnames';
 import { TableContext } from './context/TableContextProvider.js';
+import { jsx } from 'react/jsx-runtime';
 
-var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var onRowSelect = _a.onRowSelect,
-    onRowExpand = _a.onRowExpand,
-    onSort = _a.onSort,
-    _a$sortedColumn = _a.sortedColumn,
-    sortedColumn = _a$sortedColumn === void 0 ? null : _a$sortedColumn,
-    className = _a.className,
-    children = _a.children,
-    props = __rest(_a, ["onRowSelect", "onRowExpand", "onSort", "sortedColumn", "className", "children"]);
+var _excluded = ["onRowSelect", "onRowExpand", "onSort", "sortedColumn", "className", "children"];
+var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var onRowSelect = _ref.onRowSelect,
+    onRowExpand = _ref.onRowExpand,
+    onSort = _ref.onSort,
+    _ref$sortedColumn = _ref.sortedColumn,
+    sortedColumn = _ref$sortedColumn === void 0 ? null : _ref$sortedColumn,
+    className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _React$useState = React.useState({
       expandedRows: [],
       sortedColumn: sortedColumn
@@ -21,7 +21,7 @@ var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a,
     _React$useState2 = _slicedToArray(_React$useState, 2),
     tableState = _React$useState2[0],
     setTableState = _React$useState2[1];
-  return jsx(TableContext.Provider, {
+  return /*#__PURE__*/jsx(TableContext.Provider, {
     value: {
       tableState: tableState,
       onSort: onSort,
@@ -29,7 +29,7 @@ var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a,
       onRowExpand: onRowExpand,
       setTableState: setTableState
     },
-    children: jsx("table", Object.assign({}, props, {
+    children: /*#__PURE__*/jsx("table", Object.assign({}, props, {
       className: classNames('table', className),
       ref: ref,
       children: children

package/src/lib/table/components/index.js

@@ -9,6 +9,5 @@ export { TableRow } from './parts/TableRow/TableRow.js';
 export { Table } from './Table.js';
 import 'react';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'classnames';

package/src/lib/table/components/parts/TableBody/TableBody.js

@@ -1,18 +1,19 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { c as _extends, d as _objectDestructuringEmpty } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
+var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var parentKey;
+
   /**
    * clone table row by appending parent key to sub row if necessary
    * @param Child react element
    * @param index index number
    */
   var cloneTableRow = React.useCallback(function (Child, index) {
-    var _a;
-    var isTableRow = /*#__PURE__*/React.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow';
+    var _Child$type;
+    var isTableRow = /*#__PURE__*/React.isValidElement(Child) && (Child == null || (_Child$type = Child.type) == null ? void 0 : _Child$type.displayName) === 'TableRow';
     if (isTableRow && !Child.props.isSubRow) {
       parentKey = Child.props.uniqueKey;
     }
@@ -21,10 +22,10 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       parentKey: parentKey
     }) : Child;
   }, []);
-  return jsx("tbody", Object.assign({}, props, {
+  return /*#__PURE__*/jsx("tbody", Object.assign({}, props, {
     ref: ref,
     children: React.Children.map(props.children, function (Child, i) {
-      if ((Child === null || Child === void 0 ? void 0 : Child.type) === React.Fragment) {
+      if ((Child == null ? void 0 : Child.type) === React.Fragment) {
         return /*#__PURE__*/React.cloneElement(Child, {
           children: React.Children.map(Child.props.children, function (FragmentChild, fragmentIndex) {
             return cloneTableRow(FragmentChild, fragmentIndex);

package/src/lib/table/components/parts/TableBody/index.js

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

package/src/lib/table/components/parts/TableCell/TableCell.js

@@ -1,10 +1,10 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { c as _extends, d as _objectDestructuringEmpty } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var TableCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
-  return jsx("td", Object.assign({}, props, {
+var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx("td", Object.assign({}, props, {
     ref: ref
   }));
 });

package/src/lib/table/components/parts/TableCell/index.js

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

package/src/lib/table/components/parts/TableHeader/TableHeader.js

@@ -1,17 +1,17 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { c as _extends, d as _objectDestructuringEmpty } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var TableHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
-  return jsx("thead", Object.assign({}, props, {
+var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx("thead", Object.assign({}, props, {
     ref: ref,
     children: React.Children.count(props.children) === 1 && /*#__PURE__*/React.isValidElement(props.children) ? /*#__PURE__*/React.cloneElement(props.children, {
       isHeaderRow: true,
       index: -1
     }) : React.Children.map(props.children, function (Child, i) {
-      var _a;
-      return /*#__PURE__*/React.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow' ? /*#__PURE__*/React.cloneElement(Child, {
+      var _Child$type;
+      return /*#__PURE__*/React.isValidElement(Child) && (Child == null || (_Child$type = Child.type) == null ? void 0 : _Child$type.displayName) === 'TableRow' ? /*#__PURE__*/React.cloneElement(Child, {
         index: i,
         hideSelect: !Child.props.isHeaderRow
       }) : Child;

package/src/lib/table/components/parts/TableHeader/index.js

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