Update styles export

docs/app/templates/public-pages/docs/installation.hbs

@@ -24,10 +24,10 @@
 </div>
 
 <p>
-  If you use vanilla CSS, you need to add the following line into <code>ember-cli-build.js</code>:
+  If you use vanilla CSS, you need to add the following line into <code>app.js</code>:
 </p>
 
-<CodeBlock @language="css" @code="app.import('node_modules/ember-basic-dropdown/dist/css/base.css');" />
+<CodeBlock @language="css" @code="import 'ember-basic-dropdown/styles';" />
 
 <p>
   However, if you are using SASS or LESS you need to add an import statement to your styles.

ember-basic-dropdown/.gitignore

@@ -5,6 +5,8 @@
 # compiled output
 /dist
 /declarations
+/_index.scss
+/_index.less
 
 # npm/pnpm/yarn pack output
 *.tgz

ember-basic-dropdown/rollup.config.mjs

@@ -64,13 +64,13 @@ export default {
     copy({
       targets: [
         {
-          src: 'src/css/ember-basic-dropdown.scss',
-          dest: 'dist',
+          src: 'src/styles/ember-basic-dropdown.scss',
+          dest: '.',
           rename: '_index.scss',
         },
         {
-          src: 'src/css/ember-basic-dropdown.less',
-          dest: 'dist',
+          src: 'src/styles/ember-basic-dropdown.less',
+          dest: '.',
           rename: '_index.less',
         },
       ],

ember-basic-dropdown/src/styles.js

@@ -0,0 +1 @@
+import './styles/ember-basic-dropdown.css';