BREAKING CHANGE: add package exports and align CE entrypoints

checkbox-group/define.js

@@ -0,0 +1,3 @@
+import './simba-checkbox-group.js';
+import './simba-checkbox-indeterminate.js';
+import './simba-checkbox.js';

checkbox-group/index.js

@@ -1,2 +1,3 @@
 export * from './src/SimbaCheckbox.js';
 export * from './src/SimbaCheckboxGroup.js';
+export * from './src/SimbaCheckboxIndeterminate.js';

collapsible/define.js

@@ -0,0 +1,2 @@
+import './simba-collapsible.js';
+import './simba-collapsible-button.js';

dialog/define.js

@@ -0,0 +1,2 @@
+import './simba-dialog.js';
+import './simba-dialog-frame.js';

index.js

@@ -1,8 +1,8 @@
 export * from '~/tokens';
 
 export * from '~/button';
-export * from '~/collapsible';
 export * from '~/checkbox-group';
+export * from '~/collapsible';
 export * from '~/dialog';
 export * from '~/icons';
 export * from '~/input';

input-datepicker/define.js

@@ -0,0 +1,3 @@
+import './simba-calendar-overlay-frame.js';
+import './simba-calendar.js';
+import './simba-input-datepicker.js';

migration.md

@@ -2,6 +2,47 @@
 
 ## 0.5.0
 
+### Package exports
+
+[Information about Package entry points](https://nodejs.org/api/packages.html#package-entry-points)
+
+We now have a package exports entry in our `package.json`.
+This is to add better support for SSR which uses Node.js module resolution rather than the browser's algorithm.
+One example is that in Node.js a path like `foo/bar` doesn't automatically resolve to `foo/bar/index.js`.
+
+Another big advantage of package exports is pinning down explicitly where consumers can import from, increasing reliability and making explicit our public and private APIs. We can now change our file locations or edit filenames without being worried that some consumer was relying on it through an import we did not intend.
+
+For named imports, use:
+
+```js
+import { Foo } from '@divriots/starter-simba';
+```
+
+For named imports from specific simba packages, use:
+
+```js
+import { Bar } from '@divriots/starter-simba/input';
+```
+
+For custom elements definitions, use:
+
+```js
+import '@divriots/starter-simba/input/define';
+```
+
+When a package exports multiple custom elements, the `define` entrypoint will define all of them. 
+In case you only need a specific one, for example a `checkbox` but not the `checkbox-group` or `checkbox-indeterminate`, use:
+
+```js
+import '@divriots/starter-simba/checkbox/define-checkbox';
+```
+
+> Directly importing private API will no longer be supported if you use tools that correctly respect package `exports`, hence the breaking change:
+
+```js
+import { NotYours } from '@divriots/starter-simba/private/index.js'; // no longer possible in tools respecting our package.json exports entry
+```
+
 ### Fixed dependencies on @lion
 
 Dependencies on `@lion` are now fixed instead of using a caret. This is due to the fact that Lion also internally fixes dependencies on itself.

package.json

@@ -40,5 +40,29 @@
   },
   "devDependencies": {
     "@divriots/dockit-core": "^0.6.0"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./*": "./*/index.js",
+    "./*/define": "./*/define.js",
+    "./checkbox/define-checkbox": "./checkbox/simba-checkbox.js",
+    "./checkbox/define-checkbox-group": "./checkbox/simba-checkbox-group.js",
+    "./checkbox/define-checkbox-indeterminate": "./checkbox/simba-checkbox-indeterminate.js",
+    "./collapsible/define-collapsible": "./collapsible/simba-collapsible.js",
+    "./collapsible/define-collapsible-button": "./collapsible/simba-collapsible-button.js",
+    "./dialog/define-dialog": "./dialog/simba-dialog.js",
+    "./dialog/define-dialog-frame": "./dialog/simba-dialog-frame.js",
+    "./input-datepicker/define-calendar": "./input-datepicker/simba-calendar.js",
+    "./input-datepicker/define-calendar-overlay-frame": "./input-datepicker/simba-calendar-overlay-frame.js",
+    "./input-datepicker/define-input-datepicker": "./input-datepicker/simba-input-datepicker.js",
+    "./radio-group/define-radio": "./radio-group/simba-radio.js",
+    "./radio-group/define-radio-group": "./radio-group/simba-radio-group.js",
+    "./select/define-option": "./select/simba-option.js",
+    "./select/define-options": "./select/simba-options.js",
+    "./select/define-select": "./select/simba-select.js",
+    "./select/define-select-invoker": "./select/simba-select-invoker.js",
+    "./select/define-select-rich": "./select/simba-select-rich.js",
+    "./switch/define-switch": "./switch/simba-switch.js",
+    "./switch/define-switch-button": "./switch/simba-switch-button.js"
   }
 }

radio-group/define.js

@@ -0,0 +1,2 @@
+import './simba-radio.js';
+import './simba-radio-group.js';

select/define.js

@@ -0,0 +1,5 @@
+import './simba-option.js';
+import './simba-options.js';
+import './simba-select-invoker.js';
+import './simba-select-rich.js';
+import './simba-select.js';

switch/define.js

@@ -0,0 +1,2 @@
+import './simba-switch.js';
+import './simba-switch-button.js';