@jobber/components 9.3.0 → 9.5.0

package/dist/DatePicker/index.cjs

@@ -3,9 +3,7 @@
 var DatePicker = require('../DatePicker-cjs.js');
 require('react');
 require('classnames');
-require('../clsx-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DatePicker/index.mjs

@@ -1,9 +1,7 @@
 export { D as DatePicker } from '../DatePicker-es.js';
 import 'react';
 import 'classnames';
-import '../clsx-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DatePicker-cjs.js

@@ -2,7 +2,6 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var clsx = require('./clsx-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
 var ReactDOM = require('react-dom');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
@@ -21,6 +20,8 @@ var isTypedArray = require('./isTypedArray-cjs.js');
 var _baseFlatten = require('./_baseFlatten-cjs.js');
 var _setToString = require('./_setToString-cjs.js');
 
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
 /**
  * @module constants
  * @summary Useful constants
@@ -8902,7 +8903,7 @@ var Day = /** @class */ (function (_super) {
             var dayClassName = _this.props.dayClassName
                 ? _this.props.dayClassName(date)
                 : undefined;
-            return clsx.clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
+            return clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
                 "react-datepicker__day--disabled": _this.isDisabled(),
                 "react-datepicker__day--excluded": _this.isExcluded(),
                 "react-datepicker__day--selected": _this.isSelected(),
@@ -9119,7 +9120,7 @@ var WeekNumber = /** @class */ (function (_super) {
             "react-datepicker__week-number--clickable": !!onClick && !isWeekDisabled,
             "react-datepicker__week-number--selected": !!onClick && isSameDay(this.props.date, this.props.selected),
         };
-        return (React.createElement("div", { ref: this.weekNumberEl, className: clsx.clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex(), role: "gridcell" }, weekNumber));
+        return (React.createElement("div", { ref: this.weekNumberEl, className: clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex(), role: "gridcell" }, weekNumber));
     };
     return WeekNumber;
 }(React.Component));
@@ -9231,7 +9232,7 @@ var Week = /** @class */ (function (_super) {
         var customWeekClassName = this.props.weekClassName
             ? this.props.weekClassName(this.startOfWeek())
             : undefined;
-        return (React.createElement("div", { className: clsx.clsx(weekNumberClasses, customWeekClassName), role: "row" }, this.renderDays()));
+        return (React.createElement("div", { className: clsx(weekNumberClasses, customWeekClassName), role: "row" }, this.renderDays()));
     };
     return Week;
 }(React.Component));
@@ -9777,7 +9778,7 @@ var Month = /** @class */ (function (_super) {
                 ? monthClassName(setMonth(day, m))
                 : undefined;
             var selection = _this.getSelection();
-            return clsx.clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
+            return clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
                 "react-datepicker__month-text--disabled": _this.isMonthDisabled(m),
                 "react-datepicker__month-text--selected": selection
                     ? _this.isSelectMonthInList(day, m, selection)
@@ -9834,7 +9835,7 @@ var Month = /** @class */ (function (_super) {
             var _a = _this.props, day = _a.day, startDate = _a.startDate, endDate = _a.endDate, selected = _a.selected, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, preSelection = _a.preSelection, disabledKeyboardNavigation = _a.disabledKeyboardNavigation;
             var isDisabled = (minDate || maxDate || excludeDates || includeDates || filterDate) &&
                 isQuarterDisabled(setQuarter(day, q), _this.props);
-            return clsx.clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
+            return clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
                 "react-datepicker__quarter-text--disabled": isDisabled,
                 "react-datepicker__quarter-text--selected": selected
                     ? _this.isSelectedQuarter(day, q, selected)
@@ -9900,7 +9901,7 @@ var Month = /** @class */ (function (_super) {
         };
         _this.getClassNames = function () {
             var _a = _this.props, selectingDate = _a.selectingDate, selectsStart = _a.selectsStart, selectsEnd = _a.selectsEnd, showMonthYearPicker = _a.showMonthYearPicker, showQuarterYearPicker = _a.showQuarterYearPicker, showWeekPicker = _a.showWeekPicker;
-            return clsx.clsx("react-datepicker__month", {
+            return clsx("react-datepicker__month", {
                 "react-datepicker__month--selecting-range": selectingDate && (selectsStart || selectsEnd),
             }, { "react-datepicker__monthPicker": showMonthYearPicker }, { "react-datepicker__quarterPicker": showQuarterYearPicker }, { "react-datepicker__weekPicker": showWeekPicker });
         };
@@ -10075,7 +10076,7 @@ var MonthYearDropdownOptions = /** @class */ (function (_super) {
         return _this;
     }
     MonthYearDropdownOptions.prototype.render = function () {
-        var dropdownClass = clsx.clsx({
+        var dropdownClass = clsx({
             "react-datepicker__month-year-dropdown": true,
             "react-datepicker__month-year-dropdown--scrollable": this.props.scrollableMonthYearDropdown,
         });
@@ -10592,7 +10593,7 @@ var Year = /** @class */ (function (_super) {
         };
         _this.getYearClassNames = function (y) {
             var _a = _this.props, date = _a.date, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, yearClassName = _a.yearClassName;
-            return clsx.clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), date ? yearClassName === null || yearClassName === void 0 ? void 0 : yearClassName(setYear(date, y)) : undefined, {
+            return clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), date ? yearClassName === null || yearClassName === void 0 ? void 0 : yearClassName(setYear(date, y)) : undefined, {
                 "react-datepicker__year-text--selected": _this.isSelectedYear(y),
                 "react-datepicker__year-text--disabled": (minDate || maxDate || excludeDates || includeDates || filterDate) &&
                     isYearDisabled(y, _this.props),
@@ -10779,7 +10780,7 @@ var YearDropdownOptions = /** @class */ (function (_super) {
         }
     };
     YearDropdownOptions.prototype.render = function () {
-        var dropdownClass = clsx.clsx({
+        var dropdownClass = clsx({
             "react-datepicker__year-dropdown": true,
             "react-datepicker__year-dropdown--scrollable": this.props.scrollableYearDropdown,
         });
@@ -11036,7 +11037,7 @@ var Calendar = /** @class */ (function (_super) {
                 var weekDayClassName = _this.props.weekDayClassName
                     ? _this.props.weekDayClassName(day)
                     : undefined;
-                return (React.createElement("div", { key: offset, role: "columnheader", className: clsx.clsx("react-datepicker__day-name", weekDayClassName) },
+                return (React.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName) },
                     React.createElement("span", { className: "react-datepicker__sr-only" }, formatDate(day, "EEEE", _this.props.locale)),
                     React.createElement("span", { "aria-hidden": "true" }, weekDayName)));
             }));
@@ -11439,7 +11440,7 @@ var Calendar = /** @class */ (function (_super) {
         var Container = this.props.container || CalendarContainer;
         return (React.createElement(ClickOutsideWrapper, { onClickOutside: this.handleClickOutside, style: { display: "contents" }, ignoreClass: this.props.outsideClickIgnoreClass },
             React.createElement("div", { style: { display: "contents" }, ref: this.containerRef },
-                React.createElement(Container, { className: clsx.clsx("react-datepicker", this.props.className, {
+                React.createElement(Container, { className: clsx("react-datepicker", this.props.className, {
                         "react-datepicker--time-only": this.props.showTimeSelectOnly,
                     }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly },
                     this.renderAriaLiveRegion(),
@@ -11649,7 +11650,7 @@ var PopperComponent = function (props) {
     var className = props.className, wrapperClassName = props.wrapperClassName, _a = props.hidePopper, hidePopper = _a === void 0 ? true : _a, popperComponent = props.popperComponent, targetComponent = props.targetComponent, enableTabLoop = props.enableTabLoop, popperOnKeyDown = props.popperOnKeyDown, portalId = props.portalId, portalHost = props.portalHost, popperProps = props.popperProps, showArrow = props.showArrow;
     var popper = undefined;
     if (!hidePopper) {
-        var classes = clsx.clsx("react-datepicker-popper", className);
+        var classes = clsx("react-datepicker-popper", className);
         popper = (React.createElement(TabLoop, { enableTabLoop: enableTabLoop },
             React.createElement("div", { ref: popperProps.refs.setFloating, style: popperProps.floatingStyles, className: classes, "data-placement": popperProps.placement, onKeyDown: popperOnKeyDown },
                 popperComponent,
@@ -11661,7 +11662,7 @@ var PopperComponent = function (props) {
     if (portalId && !hidePopper) {
         popper = (React.createElement(Portal, { portalId: portalId, portalHost: portalHost }, popper));
     }
-    var wrapperClasses = clsx.clsx("react-datepicker-wrapper", wrapperClassName);
+    var wrapperClasses = clsx("react-datepicker-wrapper", wrapperClassName);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { ref: popperProps.refs.setReference, className: wrapperClasses }, targetComponent),
         popper));
@@ -12482,7 +12483,7 @@ var DatePicker$1 = /** @class */ (function (_super) {
         };
         _this.renderDateInput = function () {
             var _a, _b;
-            var className = clsx.clsx(_this.props.className, (_a = {},
+            var className = clsx(_this.props.className, (_a = {},
                 _a[_this.props.outsideClickIgnoreClass ||
                     DatePicker.defaultProps.outsideClickIgnoreClass] = _this.state.open,
                 _a));
@@ -12505,7 +12506,7 @@ var DatePicker$1 = /** @class */ (function (_super) {
                 _b.placeholder = _this.props.placeholderText,
                 _b.disabled = _this.props.disabled,
                 _b.autoComplete = _this.props.autoComplete,
-                _b.className = clsx.clsx(customInput.props.className, className),
+                _b.className = clsx(customInput.props.className, className),
                 _b.title = _this.props.title,
                 _b.readOnly = _this.props.readOnly,
                 _b.required = _this.props.required,
@@ -12524,7 +12525,7 @@ var DatePicker$1 = /** @class */ (function (_super) {
                     startDate != null ||
                     endDate != null ||
                     (selectedDates === null || selectedDates === void 0 ? void 0 : selectedDates.length))) {
-                return (React.createElement("button", { type: "button", className: clsx.clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled: disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 }));
+                return (React.createElement("button", { type: "button", className: clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled: disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 }));
             }
             else {
                 return null;
@@ -12632,7 +12633,7 @@ var DatePicker$1 = /** @class */ (function (_super) {
             console.warn("calendarIconClassname props is deprecated. should use calendarIconClassName props.");
         }
         return (React.createElement("div", { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-            showIcon && (React.createElement(CalendarIcon, _assign({ icon: icon, className: clsx.clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, (toggleCalendarOnIconClick
+            showIcon && (React.createElement(CalendarIcon, _assign({ icon: icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, (toggleCalendarOnIconClick
                 ? {
                     onClick: this.toggleCalendar,
                 }

package/dist/DatePicker-es.js

@@ -1,6 +1,5 @@
 import React__default, { cloneElement, Component, createRef, useRef, useCallback, useEffect, createElement, forwardRef, isValidElement, useState, useId } from 'react';
 import classnames from 'classnames';
-import { c as clsx } from './clsx-es.js';
 import { u as useFloating, m as FloatingArrow, b as useFloatingNodeId, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import ReactDOM__default from 'react-dom';
 import { b as autoUpdate, f as flip, o as offset, a as arrow } from './floating-ui.react-dom-es.js';
@@ -19,6 +18,8 @@ import { m as _nodeUtilExports, j as _baseUnary, c as isBufferExports, a as isAr
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { _ as _overRest, a as _setToString } from './_setToString-es.js';
 
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
 /**
  * @module constants
  * @summary Useful constants

package/dist/Dialog/index.cjs

@@ -14,15 +14,20 @@ require('../Typography-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
-require('../useButton-cjs.js');
-require('react-dom');
-require('react/jsx-runtime');
 require('../floating-ui.utils-cjs.js');
+require('react/jsx-runtime');
+require('react-dom');
 require('../scrollEdges-cjs.js');
-require('../clamp-cjs.js');
-require('../Heading-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
 require('../BottomSheet-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../SelectPrimitive-cjs.js');
+require('../SelectGroupLabel-cjs.js');
+require('../useCompositeListItem-cjs.js');
+require('../floating-ui.react-dom-cjs.js');
+require('../Heading-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../DrawerDescription-cjs.js');
 require('../nestedEscape-cjs.js');

package/dist/Dialog/index.mjs

@@ -12,15 +12,20 @@ import '../Typography-es.js';
 import '../useRenderElement-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../floating-ui.utils.dom-es.js';
-import '../useButton-es.js';
-import 'react-dom';
-import 'react/jsx-runtime';
 import '../floating-ui.utils-es.js';
+import 'react/jsx-runtime';
+import 'react-dom';
 import '../scrollEdges-es.js';
-import '../clamp-es.js';
-import '../Heading-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
 import '../BottomSheet-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../SelectPrimitive-es.js';
+import '../SelectGroupLabel-es.js';
+import '../useCompositeListItem-es.js';
+import '../floating-ui.react-dom-es.js';
+import '../Heading-es.js';
 import '../DrawerTitle-es.js';
 import '../DrawerDescription-es.js';
 import '../nestedEscape-es.js';

package/dist/DrawerDescription-cjs.js

@@ -4,7 +4,6 @@ var React = require('react');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var useScrollLock = require('./useScrollLock-cjs.js');
-var useButton = require('./useButton-cjs.js');
 var scrollEdges = require('./scrollEdges-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +28,7 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const stateAttributesMapping$1 = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -91,7 +90,7 @@ const DialogDescription = /*#__PURE__*/React__namespace.forwardRef(function Dial
   const {
     store
   } = ScrollAreaViewport.useDialogRootContext();
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   store.useSyncedValueWithCleanup('descriptionElementId', id);
   return useRenderElement.useRenderElement('p', componentProps, {
     ref: forwardedRef,
@@ -141,7 +140,7 @@ let DialogPopupDataAttributes = function (DialogPopupDataAttributes) {
 
 const stateAttributesMapping = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping,
+  ...useScrollLock.transitionStatusMapping,
   nestedDialogOpen(value) {
     return value ? {
       [DialogPopupDataAttributes.nestedDialogOpen]: ''
@@ -183,7 +182,7 @@ const DialogPopup = /*#__PURE__*/React__namespace.forwardRef(function DialogPopu
   const floatingId = floatingRootContext.useState('floatingId');
   const popupId = elementProps.id ?? floatingId;
   ScrollAreaViewport.useDialogPortalContext();
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open,
     ref: store.context.popupRef,
     onComplete() {
@@ -264,7 +263,7 @@ class DialogHandle {
         console.warn(`Base UI: DialogHandle.open: No trigger found with id "${triggerId}". The dialog will open, but the trigger will not be associated with the dialog.`);
       }
     }
-    this.store.setOpen(true, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, triggerElement));
+    this.store.setOpen(true, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, triggerElement));
   }
 
   /**
@@ -275,14 +274,14 @@ class DialogHandle {
    */
   openWithPayload(payload) {
     this.store.set('payload', payload);
-    this.store.setOpen(true, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, undefined));
+    this.store.setOpen(true, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, undefined));
   }
 
   /**
    * Closes the dialog.
    */
   close() {
-    this.store.setOpen(false, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, undefined));
+    this.store.setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, undefined));
   }
 
   /**

package/dist/DrawerDescription-es.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { u as useDialogRootContext, h as useDialogPortalContext, i as DialogStore } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
-import { p as popupStateMapping, C as CommonPopupDataAttributes, c as createDefaultInitialFocus, F as FOCUSABLE_POPUP_PROPS, a as FloatingFocusManager } from './useScrollLock-es.js';
-import { t as transitionStatusMapping, u as useBaseUiId, f as useOpenChangeComplete, d as createChangeEventDetails, i as imperativeAction } from './useButton-es.js';
+import { p as popupStateMapping, t as transitionStatusMapping, u as useBaseUiId, C as CommonPopupDataAttributes, f as useOpenChangeComplete, h as createDefaultInitialFocus, F as FOCUSABLE_POPUP_PROPS, i as FloatingFocusManager, d as createChangeEventDetails, j as imperativeAction } from './useScrollLock-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/DrawerTitle-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var useButton = require('./useButton-cjs.js');
+var useScrollLock = require('./useScrollLock-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -46,7 +46,7 @@ const DialogClose = /*#__PURE__*/React__namespace.forwardRef(function DialogClos
   const {
     getButtonProps,
     buttonRef
-  } = useButton.useButton({
+  } = useScrollLock.useButton({
     disabled,
     native: nativeButton
   });
@@ -55,7 +55,7 @@ const DialogClose = /*#__PURE__*/React__namespace.forwardRef(function DialogClos
   };
   function handleClick(event) {
     if (open) {
-      store.setOpen(false, useButton.createChangeEventDetails(useButton.closePress, event.nativeEvent));
+      store.setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.closePress, event.nativeEvent));
     }
   }
   return useRenderElement.useRenderElement('button', componentProps, {
@@ -85,7 +85,7 @@ const DialogTitle = /*#__PURE__*/React__namespace.forwardRef(function DialogTitl
   const {
     store
   } = ScrollAreaViewport.useDialogRootContext();
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   store.useSyncedValueWithCleanup('titleElementId', id);
   return useRenderElement.useRenderElement('h2', componentProps, {
     ref: forwardedRef,

package/dist/DrawerTitle-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { u as useDialogRootContext } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
-import { c as useButton, d as createChangeEventDetails, e as closePress, u as useBaseUiId } from './useButton-es.js';
+import { c as useButton, d as createChangeEventDetails, e as closePress, u as useBaseUiId } from './useScrollLock-es.js';
 
 /**
  * A button that closes the dialog.

package/dist/FeatureSwitch/FeatureSwitch.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const featureSwitchMessages: {
+    edit: {
+        en: string;
+        es: string;
+    };
+    saved: {
+        en: string;
+        es: string;
+    };
+};

package/dist/FeatureSwitch/index.cjs

@@ -4,6 +4,8 @@ var FeatureSwitch = require('../FeatureSwitch-cjs.js');
 require('react');
 require('framer-motion');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');

package/dist/FeatureSwitch/index.mjs

@@ -2,6 +2,8 @@ export { F as FeatureSwitch } from '../FeatureSwitch-es.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';

package/dist/FeatureSwitch-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Content = require('./Content-cjs.js');
@@ -13,7 +14,19 @@ var Markdown = require('./Markdown-cjs.js');
 
 var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
+const featureSwitchMessages = useAtlantisI18n.defineMessages({
+    edit: {
+        en: "Edit",
+        es: "Editar",
+    },
+    saved: {
+        en: "Saved",
+        es: "Guardado",
+    },
+});
+
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(featureSwitchMessages);
     const [savedIndicator, setSavedIndicator] = React.useState(false);
     const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
     shouldShowSavedIndicator();
@@ -33,11 +46,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
                         stiffness: 300,
                     }, onAnimationComplete: handleAnimationComplete },
                     React.createElement(Text.Text, { variation: "success" },
-                        React.createElement(Emphasis.Emphasis, { variation: "italic" }, "Saved")))))))),
+                        React.createElement(Emphasis.Emphasis, { variation: "italic" }, t("saved"))))))))),
         (children || onEdit) && (React.createElement("div", { className: styles.container },
             children && (React.createElement("div", { className: featureContentClassnames }, children)),
             onEdit && (React.createElement("div", { className: styles.action },
-                React.createElement(Button.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
+                React.createElement(Button.Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
     function shouldShowSavedIndicator() {
         // Check if the component is mounted
         const [didMount, setDidMount] = React.useState(false);

package/dist/FeatureSwitch-es.js

@@ -1,6 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { C as Content } from './Content-es.js';
@@ -11,7 +12,19 @@ import { M as Markdown } from './Markdown-es.js';
 
 var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
+const featureSwitchMessages = defineMessages({
+    edit: {
+        en: "Edit",
+        es: "Editar",
+    },
+    saved: {
+        en: "Saved",
+        es: "Guardado",
+    },
+});
+
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
+    const { t } = useAtlantisI18n(featureSwitchMessages);
     const [savedIndicator, setSavedIndicator] = useState(false);
     const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
     shouldShowSavedIndicator();
@@ -31,11 +44,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
                         stiffness: 300,
                     }, onAnimationComplete: handleAnimationComplete },
                     React__default.createElement(Text, { variation: "success" },
-                        React__default.createElement(Emphasis, { variation: "italic" }, "Saved")))))))),
+                        React__default.createElement(Emphasis, { variation: "italic" }, t("saved"))))))))),
         (children || onEdit) && (React__default.createElement("div", { className: styles.container },
             children && (React__default.createElement("div", { className: featureContentClassnames }, children)),
             onEdit && (React__default.createElement("div", { className: styles.action },
-                React__default.createElement(Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
+                React__default.createElement(Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
     function shouldShowSavedIndicator() {
         // Check if the component is mounted
         const [didMount, setDidMount] = useState(false);