import '@swiftmind/design-system/dist/style.css'

import '@swiftmind/design-system/dist/style.css'

.accordion-root {
  background-color: #fff;
}

.accordion-root {
  background-color: #fff;
}

import { Accordion } from '@kobalte/core'
import { For, JSX } from 'solid-js'
import { accordionRoot } from './accordion.module.css'

interface AccordionProps {
  sections: [string, JSX.Element | string][]
}

const DSAccordion = ({ sections }: AccordionProps) => {
  return (
    <div class={accordionRoot}>
      {/* The rest of my accordion component */}
    </div>
  )
}

export default DSAccordion

import { Accordion } from '@kobalte/core'
import { For, JSX } from 'solid-js'
import { accordionRoot } from './accordion.module.css'

interface AccordionProps {
  sections: [string, JSX.Element | string][]
}

const DSAccordion = ({ sections }: AccordionProps) => {
  return (
    <div class={accordionRoot}>
      {/* The rest of my accordion component */}
    </div>
  )
}

export default DSAccordion

import { resolve } from 'path'
import { defineConfig } from 'vite'
import dts from 'vite-plugin-dts'
import solid from 'vite-plugin-solid'

export default defineConfig({
  plugins: [
    solid(),
    dts({
      insertTypesEntry: true,
    }),
  ],
  css: {
    modules: {
      localsConvention: 'camelCaseOnly',
    },
  },
  build: {
    lib: {
      // Could also be a dictionary or array of multiple entry points
      entry: resolve(__dirname, 'src/index.tsx'),
      name: 'design-system',
      // the proper extensions will be added
      fileName: 'index',
    },
    rollupOptions: {
      // make sure to externalize deps that shouldn't be bundled
      // into your library
      external: ['@kobalte/core'],
      output: {
        // Provide global variables to use in the UMD build
        // for externalized deps
        globals: {
          '@kobalte/core': '@kobalte/core',
        },
      },
    },
  },
})

import { resolve } from 'path'
import { defineConfig } from 'vite'
import dts from 'vite-plugin-dts'
import solid from 'vite-plugin-solid'

export default defineConfig({
  plugins: [
    solid(),
    dts({
      insertTypesEntry: true,
    }),
  ],
  css: {
    modules: {
      localsConvention: 'camelCaseOnly',
    },
  },
  build: {
    lib: {
      // Could also be a dictionary or array of multiple entry points
      entry: resolve(__dirname, 'src/index.tsx'),
      name: 'design-system',
      // the proper extensions will be added
      fileName: 'index',
    },
    rollupOptions: {
      // make sure to externalize deps that shouldn't be bundled
      // into your library
      external: ['@kobalte/core'],
      output: {
        // Provide global variables to use in the UMD build
        // for externalized deps
        globals: {
          '@kobalte/core': '@kobalte/core',
        },
      },
    },
  },
})