Explicitly mark the package as an ES module (#78)

dist/cjs/features/atom/autocompleteLite.js → dist/cjs/features/atom/autocompleteLite.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var common = require('../../common.js');
-var useFocusCapture = require('../../hooks/useFocusCapture.js');
+var common = require('../../common.cjs');
+var useFocusCapture = require('../../hooks/useFocusCapture.cjs');
 
 const scrollIntoView = element => element?.scrollIntoView({
   block: 'nearest'

dist/cjs/features/atom/dropdownToggle.js → dist/cjs/features/atom/dropdownToggle.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useToggle = require('../../hooks/useToggle.js');
+var useToggle = require('../../hooks/useToggle.cjs');
 
 const dropdownToggle = ({
   closeOnSelect = true,

dist/cjs/features/atom/index.js → dist/cjs/features/atom/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var autocompleteLite = require('./autocompleteLite.js');
-var autoFocus = require('./autoFocus.js');
-var autoInline = require('./autoInline.js');
-var dropdownToggle = require('./dropdownToggle.js');
-var inputFocus = require('./inputFocus.js');
-var inputToggle = require('./inputToggle.js');
-var label = require('./label.js');
-var multiInput = require('./multiInput.js');
-var nonblurToggle = require('./nonblurToggle.js');
+var autocompleteLite = require('./autocompleteLite.cjs');
+var autoFocus = require('./autoFocus.cjs');
+var autoInline = require('./autoInline.cjs');
+var dropdownToggle = require('./dropdownToggle.cjs');
+var inputFocus = require('./inputFocus.cjs');
+var inputToggle = require('./inputToggle.cjs');
+var label = require('./label.cjs');
+var multiInput = require('./multiInput.cjs');
+var nonblurToggle = require('./nonblurToggle.cjs');
 
 
 

dist/cjs/features/atom/inputToggle.js → dist/cjs/features/atom/inputToggle.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var common = require('../../common.js');
-var useToggle = require('../../hooks/useToggle.js');
-var useFocusCapture = require('../../hooks/useFocusCapture.js');
+var common = require('../../common.cjs');
+var useToggle = require('../../hooks/useToggle.cjs');
+var useFocusCapture = require('../../hooks/useFocusCapture.cjs');
 
 const inputToggle = () => ({
   id,

dist/cjs/features/atom/label.js → dist/cjs/features/atom/label.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('../../common.js');
+var common = require('../../common.cjs');
 
 const label = () => ({
   id

dist/cjs/features/atom/nonblurToggle.js → dist/cjs/features/atom/nonblurToggle.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('../../common.js');
+var common = require('../../common.cjs');
 
 const nonblurToggle = () => ({
   id,

dist/cjs/features/molecule/autocomplete.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var mergeModules = require('../../utils/mergeModules.cjs');
+var autocompleteLite = require('../atom/autocompleteLite.cjs');
+var inputToggle = require('../atom/inputToggle.cjs');
+var label = require('../atom/label.cjs');
+
+const autocomplete = props => mergeModules.mergeModules(autocompleteLite.autocompleteLite(props), inputToggle.inputToggle(), label.label());
+
+exports.autocomplete = autocomplete;

dist/cjs/features/molecule/dropdown.js → dist/cjs/features/molecule/dropdown.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var mergeModules = require('../../utils/mergeModules.js');
-var autocompleteLite = require('../atom/autocompleteLite.js');
-var dropdownToggle = require('../atom/dropdownToggle.js');
+var mergeModules = require('../../utils/mergeModules.cjs');
+var autocompleteLite = require('../atom/autocompleteLite.cjs');
+var dropdownToggle = require('../atom/dropdownToggle.cjs');
 
 const dropdown = props => mergeModules.mergeModules(autocompleteLite.autocompleteLite({
   ...props,

dist/cjs/features/molecule/index.js → dist/cjs/features/molecule/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var autocomplete = require('./autocomplete.js');
-var dropdown = require('./dropdown.js');
-var multiSelect = require('./multiSelect.js');
-var multiSelectDropdown = require('./multiSelectDropdown.js');
-var supercomplete = require('./supercomplete.js');
+var autocomplete = require('./autocomplete.cjs');
+var dropdown = require('./dropdown.cjs');
+var multiSelect = require('./multiSelect.cjs');
+var multiSelectDropdown = require('./multiSelectDropdown.cjs');
+var supercomplete = require('./supercomplete.cjs');
 
 
 

dist/cjs/features/molecule/multiSelect.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var mergeModules = require('../../utils/mergeModules.cjs');
+var autocompleteLite = require('../atom/autocompleteLite.cjs');
+var nonblurToggle = require('../atom/nonblurToggle.cjs');
+var label = require('../atom/label.cjs');
+var inputFocus = require('../atom/inputFocus.cjs');
+var multiInput = require('../atom/multiInput.cjs');
+
+const multiSelect = props => mergeModules.mergeModules(autocompleteLite.autocompleteLite({
+  ...props,
+  select: true
+}), nonblurToggle.nonblurToggle(), label.label(), inputFocus.inputFocus(), multiInput.multiInput());
+
+exports.multiSelect = multiSelect;

dist/cjs/features/molecule/multiSelectDropdown.js → dist/cjs/features/molecule/multiSelectDropdown.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var mergeModules = require('../../utils/mergeModules.js');
-var multiInput = require('../atom/multiInput.js');
-var dropdown = require('./dropdown.js');
+var mergeModules = require('../../utils/mergeModules.cjs');
+var multiInput = require('../atom/multiInput.cjs');
+var dropdown = require('./dropdown.cjs');
 
 const multiSelectDropdown = props => mergeModules.mergeModules(dropdown.dropdown(props), multiInput.multiInput());
 

dist/cjs/features/molecule/supercomplete.js → dist/cjs/features/molecule/supercomplete.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var mergeModules = require('../../utils/mergeModules.js');
-var autocomplete = require('./autocomplete.js');
-var autoInline = require('../atom/autoInline.js');
+var mergeModules = require('../../utils/mergeModules.cjs');
+var autocomplete = require('./autocomplete.cjs');
+var autoInline = require('../atom/autoInline.cjs');
 
 const supercomplete = props => mergeModules.mergeModules(autocomplete.autocomplete({
   ...props,

dist/cjs/hooks/useAutocomplete.js → dist/cjs/hooks/useAutocomplete.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useId = require('./useId.js');
-var common = require('../common.js');
+var useId = require('./useId.cjs');
+var common = require('../common.cjs');
 
 const useAutocomplete = ({
   onChange,

dist/cjs/hooks/useCombobox.js → dist/cjs/hooks/useCombobox.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var common = require('../common.js');
-var useAutocomplete = require('./useAutocomplete.js');
+var common = require('../common.cjs');
+var useAutocomplete = require('./useAutocomplete.cjs');
 
 const useCombobox = ({
   isEqual = common.defaultEqual,

dist/cjs/hooks/useFocusCapture.js → dist/cjs/hooks/useFocusCapture.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useMutableState = require('./useMutableState.js');
+var useMutableState = require('./useMutableState.cjs');
 
 const useFocusCapture = focusRef => {
   const mutable = useMutableState.useMutableState({});

dist/cjs/hooks/useMultiSelect.js → dist/cjs/hooks/useMultiSelect.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var common = require('../common.js');
-var useAutocomplete = require('./useAutocomplete.js');
+var common = require('../common.cjs');
+var useAutocomplete = require('./useAutocomplete.cjs');
 
 const useMultiSelect = ({
   isEqual = common.defaultEqual,

dist/cjs/hooks/useToggle.js → dist/cjs/hooks/useToggle.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useMutableState = require('./useMutableState.js');
+var useMutableState = require('./useMutableState.cjs');
 
 const useToggle = (open, setOpen) => {
   const mutable = useMutableState.useMutableState({});

dist/cjs/index.js → dist/cjs/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var useCombobox = require('./hooks/useCombobox.js');
-var useMultiSelect = require('./hooks/useMultiSelect.js');
-var autocompleteLite = require('./features/atom/autocompleteLite.js');
-var autocomplete = require('./features/molecule/autocomplete.js');
-var dropdown = require('./features/molecule/dropdown.js');
-var multiSelect = require('./features/molecule/multiSelect.js');
-var multiSelectDropdown = require('./features/molecule/multiSelectDropdown.js');
-var supercomplete = require('./features/molecule/supercomplete.js');
-var mergeGroupedItems = require('./utils/mergeGroupedItems.js');
-var mergeModules = require('./utils/mergeModules.js');
+var useCombobox = require('./hooks/useCombobox.cjs');
+var useMultiSelect = require('./hooks/useMultiSelect.cjs');
+var autocompleteLite = require('./features/atom/autocompleteLite.cjs');
+var autocomplete = require('./features/molecule/autocomplete.cjs');
+var dropdown = require('./features/molecule/dropdown.cjs');
+var multiSelect = require('./features/molecule/multiSelect.cjs');
+var multiSelectDropdown = require('./features/molecule/multiSelectDropdown.cjs');
+var supercomplete = require('./features/molecule/supercomplete.cjs');
+var mergeGroupedItems = require('./utils/mergeGroupedItems.cjs');
+var mergeModules = require('./utils/mergeModules.cjs');
 
 
 

dist/cjs/utils/mergeModules.js → dist/cjs/utils/mergeModules.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var mergeObjects = require('./mergeObjects.js');
+var mergeObjects = require('./mergeObjects.cjs');
 
 const mergeModules = (...modules) => cx => modules.reduce((accu, curr) => mergeObjects.mergeObjects(accu, curr(cx)), {});
 

dist/esm/features/atom/autocompleteLite.js → dist/esm/features/atom/autocompleteLite.mjs

@@ -1,5 +1,5 @@
-import { buttonProps, defaultFocusIndex, getId } from '../../common.js';
-import { useFocusCapture } from '../../hooks/useFocusCapture.js';
+import { buttonProps, defaultFocusIndex, getId } from '../../common.mjs';
+import { useFocusCapture } from '../../hooks/useFocusCapture.mjs';
 
 const scrollIntoView = element => element?.scrollIntoView({
   block: 'nearest'

dist/esm/features/atom/dropdownToggle.js → dist/esm/features/atom/dropdownToggle.mjs

@@ -1,5 +1,5 @@
 import { useRef, useEffect } from 'react';
-import { useToggle } from '../../hooks/useToggle.js';
+import { useToggle } from '../../hooks/useToggle.mjs';
 
 const dropdownToggle = ({
   closeOnSelect = true,

dist/esm/features/atom/index.mjs

@@ -0,0 +1,9 @@
+export { autocompleteLite } from './autocompleteLite.mjs';
+export { autoFocus } from './autoFocus.mjs';
+export { autoInline } from './autoInline.mjs';
+export { dropdownToggle } from './dropdownToggle.mjs';
+export { inputFocus } from './inputFocus.mjs';
+export { inputToggle } from './inputToggle.mjs';
+export { label } from './label.mjs';
+export { multiInput } from './multiInput.mjs';
+export { nonblurToggle } from './nonblurToggle.mjs';

dist/esm/features/atom/inputToggle.js → dist/esm/features/atom/inputToggle.mjs

@@ -1,6 +1,6 @@
-import { getInputToggleProps } from '../../common.js';
-import { useToggle } from '../../hooks/useToggle.js';
-import { useFocusCapture } from '../../hooks/useFocusCapture.js';
+import { getInputToggleProps } from '../../common.mjs';
+import { useToggle } from '../../hooks/useToggle.mjs';
+import { useFocusCapture } from '../../hooks/useFocusCapture.mjs';
 
 const inputToggle = () => ({
   id,

dist/esm/features/atom/label.js → dist/esm/features/atom/label.mjs

@@ -1,4 +1,4 @@
-import { getId } from '../../common.js';
+import { getId } from '../../common.mjs';
 
 const label = () => ({
   id

dist/esm/features/atom/nonblurToggle.js → dist/esm/features/atom/nonblurToggle.mjs

@@ -1,4 +1,4 @@
-import { getInputToggleProps } from '../../common.js';
+import { getInputToggleProps } from '../../common.mjs';
 
 const nonblurToggle = () => ({
   id,

dist/esm/features/molecule/autocomplete.mjs

@@ -0,0 +1,8 @@
+import { mergeModules } from '../../utils/mergeModules.mjs';
+import { autocompleteLite } from '../atom/autocompleteLite.mjs';
+import { inputToggle } from '../atom/inputToggle.mjs';
+import { label } from '../atom/label.mjs';
+
+const autocomplete = props => mergeModules(autocompleteLite(props), inputToggle(), label());
+
+export { autocomplete };

dist/esm/features/molecule/dropdown.mjs

@@ -0,0 +1,11 @@
+import { mergeModules } from '../../utils/mergeModules.mjs';
+import { autocompleteLite } from '../atom/autocompleteLite.mjs';
+import { dropdownToggle } from '../atom/dropdownToggle.mjs';
+
+const dropdown = props => mergeModules(autocompleteLite({
+  ...props,
+  select: true,
+  deselectOnClear: false
+}), dropdownToggle(props));
+
+export { dropdown };

dist/esm/features/molecule/index.mjs

@@ -0,0 +1,5 @@
+export { autocomplete } from './autocomplete.mjs';
+export { dropdown } from './dropdown.mjs';
+export { multiSelect } from './multiSelect.mjs';
+export { multiSelectDropdown } from './multiSelectDropdown.mjs';
+export { supercomplete } from './supercomplete.mjs';

dist/esm/features/molecule/multiSelect.mjs

@@ -0,0 +1,13 @@
+import { mergeModules } from '../../utils/mergeModules.mjs';
+import { autocompleteLite } from '../atom/autocompleteLite.mjs';
+import { nonblurToggle } from '../atom/nonblurToggle.mjs';
+import { label } from '../atom/label.mjs';
+import { inputFocus } from '../atom/inputFocus.mjs';
+import { multiInput } from '../atom/multiInput.mjs';
+
+const multiSelect = props => mergeModules(autocompleteLite({
+  ...props,
+  select: true
+}), nonblurToggle(), label(), inputFocus(), multiInput());
+
+export { multiSelect };