Import component styles in fields package to fix styling issues

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/fields/package.json

@@ -7,12 +7,14 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "sideEffects": true,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./style.css": "./dist/index.css"
   },
   "files": [
     "dist",

packages/fields/src/index.css

@@ -0,0 +1,10 @@
+/**
+ * ObjectUI Fields Styles
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* Import styles from @object-ui/components to ensure all Shadcn UI styles are available */
+@import '@object-ui/components/src/index.css';

packages/fields/src/index.tsx

@@ -6,6 +6,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import './index.css';
+
 import React from 'react';
 import type { FieldMetadata, SelectOptionMetadata } from '@object-ui/types';
 import { Badge, Avatar, AvatarFallback, Button } from '@object-ui/components';

packages/fields/vite.config.ts

@@ -10,6 +10,11 @@ export default defineConfig({
       insertTypesEntry: true,
     }),
   ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
   build: {
     lib: {
       entry: path.resolve(__dirname, 'src/index.tsx'),