Bundle Backfill for Panda components (#8)

* build: properly set up library to have injected cascade layers and backfill of panda components, add use client directive banner

* ci(changesets): add changesets for Button component and backfill for panda components

.changeset/eleven-fishes-hear.md

@@ -0,0 +1,5 @@
+---
+"@hobbescodes/tigris-ui": minor
+---
+
+Add backfill for panda components

.changeset/violet-seas-sort.md

@@ -0,0 +1,5 @@
+---
+"@hobbescodes/tigris-ui": minor
+---
+
+Add `Button` component

src/index.ts

@@ -1 +1,11 @@
+"use client";
+
+// inject root cascade layers
+import "lib/styles/main.css";
+
+// 🐼 export backfill of Panda components
+export * from "generated/panda/css";
+export * from "generated/panda/jsx";
+export type { JsxStyleProps } from "generated/panda/types";
+
 export * from "components";

tsup.config.ts

@@ -8,7 +8,8 @@ const tsupConfig = defineTsupConfig({
   entry: {
     ui: "src/index.ts",
   },
-  treeshake: true,
+  // TODO enable Rollup tree-shaking, temporarily disabled to allow properly injecting `use client` directive banner (Rollup tree-shaking removes it); track https://github.com/egoist/tsup/issues/835
+  // treeshake: true,
   sourcemap: true,
   minify: true,
   clean: true,