@sebgroup/green-react 4.0.0 → 5.1.0

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,20 +89,21 @@ 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, 1),
     uuid = _useState2[0];
@@ -136,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) {
@@ -168,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;
@@ -230,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';

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';