Add Full Component CSS Exports + Build Improvements

[rrpadilla]

No breaking changes — these files remain intact: (basecoat.css, basecoat.cdn.css)

Add Component-Level Style Exports

• All CSS components (including nested ones like form/input.css) are now copied to dist/components
• Each component is individually exported under exports in package.json
• Added basecoat.all.css and base/base.css to dist

base/base.css includes the foundational styles:

• @custom-variant
• CSS variables in :root
• Dark theme overrides (.dark)
• @layer base resets

You can now import scoped styles like:

@import "basecoat-css/components/form/input";

It is recommended to include the base file when adding individual components. This was added to the documentation.

@import "tailwindcss";
@import "basecoat-css/base";
@import "basecoat-css/components/form";
@import "basecoat-css/components/alert";

The documentation has been updated. There is a new (Optional) Import specific components under installation instructions.

There is a new basecoat.all.css file with all components listed. In the future we can update the basecoat.css to include this file @import "./basecoat.all.css"; but I did not want to change the original files to avoid breaking changes.

@import "./base/base.css";

/* Components */
@import "./components/alert.css";
@import "./components/button.css";
@import "./components/badge.css";
@import "./components/card.css";
@import "./components/form.css";
@import "./components/dialog.css";
@import "./components/dropdown-menu.css";
@import "./components/popover.css";
@import "./components/table.css";
@import "./components/tabs.css";
@import "./components/toast.css";
@import "./components/tooltip.css";
@import "./components/accordion.css";
@import "./components/sidebar.css";

Resolves #54

[rrpadilla]

Closing this in favor of #57.
Should submit pull requests (PRs) against the development branch.