@neondatabase/neon-js 0.1.0-beta.2 → 0.1.0-beta.21

package/README.md

@@ -3,7 +3,7 @@
 [![npm version](https://img.shields.io/npm/v/@neondatabase/neon-js.svg)](https://www.npmjs.com/package/@neondatabase/neon-js)
 [![npm downloads](https://img.shields.io/npm/dm/@neondatabase/neon-js.svg)](https://www.npmjs.com/package/@neondatabase/neon-js)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0%2B-blue.svg)](https://www.typescriptlang.org/)
-[![License](https://img.shields.io/npm/l/@neondatabase/neon-js.svg)](https://github.com/neondatabase-labs/neon-js/blob/main/LICENSE)
+[![License](https://img.shields.io/npm/l/@neondatabase/neon-js.svg)](https://github.com/neondatabase/neon-js/blob/main/LICENSE)
 
 The official TypeScript SDK for Neon, combining authentication and database querying in a familiar interface.
 
@@ -15,11 +15,18 @@ The official TypeScript SDK for Neon, combining authentication and database quer
 
 - **Integrated Authentication** - Works out of the box with optional adapters (Supabase-compatible, React hooks)
 - **PostgreSQL Querying** - Full PostgREST client with type-safe queries
+- **Anonymous Access** - Optional RLS-based data access for unauthenticated users
 - **High Performance** - Session caching, request deduplication
 - **Automatic Token Management** - Seamless token injection for database queries
 - **TypeScript First** - Fully typed with strict type checking
 - **Universal** - Works in Node.js, browsers, and edge runtimes
 
+## How to query your Neon Serverless Postgres database?
+
+It's up to you how you want to query your Postgres database! Neon Data API is a PostgREST-compatible REST service for your Neon database. `neon-js` exposes the REST-based query functions to leverage Data API. However, you can also use Data API directly with [PostgREST](https://postgrest.org) and we also maintain a simple Postgres client [here](https://github.com/neondatabase/serverless).
+
+That said, you don't need Data API or `neon-js` to query Neon. Neon works great with all major ORMs ([Drizzle](https://orm.drizzle.team/), [Prisma](https://www.prisma.io/), [Kysely](https://kysely.dev/)) and Postgres clients ([node-postgres](https://node-postgres.com/), [postgres.js](https://github.com/porsager/postgres)). We also offer a [serverless driver](https://github.com/neondatabase/serverless) for edge and serverless environments without TCP client or connection pooling support (which also is available as a Drizzle and Prisma adapter).
+
 ## Installation
 
 ```bash
@@ -28,14 +35,64 @@ npm install @neondatabase/neon-js
 bun add @neondatabase/neon-js
 ```
 
+## Prerequisites
+
+Before using neon-js, you'll need:
+
+### 1. A Neon Account and Project
+
+- Sign up at [neon.tech](https://neon.tech)
+- Create a new project in the Neon Console
+
+### 2. Enable the Data API (for database queries)
+
+- Go to your project settings in Neon Console
+- Enable the Data API feature
+- Copy your Data API URL
+
+**Data API URL format:**
+```
+https://ep-xxx.apirest.c-2.us-east-2.aws.neon.build/dbname/rest/v1
+```
+
+### 3. Enable Neon Auth (for authentication)
+
+- Go to your project settings in Neon Console
+- Enable Neon Auth
+- Copy your Auth URL
+
+**Auth URL format:**
+```
+https://ep-xxx.neonauth.c-2.us-east-2.aws.neon.build/dbname/auth
+```
+
+### 4. Configure Environment Variables
+
+Create a `.env` or `.env.local` file:
+
+```bash
+# Next.js
+NEON_AUTH_BASE_URL=https://ep-xxx.neonauth.c-2.us-east-2.aws.neon.build/dbname/auth
+NEXT_PUBLIC_NEON_AUTH_URL=https://ep-xxx.neonauth.c-2.us-east-2.aws.neon.build/dbname/auth
+NEON_DATA_API_URL=https://ep-xxx.apirest.c-2.us-east-2.aws.neon.build/dbname/rest/v1
+
+# Vite/React
+VITE_NEON_AUTH_URL=https://ep-xxx.neonauth.c-2.us-east-2.aws.neon.build/dbname/auth
+VITE_NEON_DATA_API_URL=https://ep-xxx.apirest.c-2.us-east-2.aws.neon.build/dbname/rest/v1
+```
+
 ## Quick Start
 
 ```typescript
 import { createClient } from '@neondatabase/neon-js';
 
+// Database type generated via: npx @neondatabase/neon-js gen-types --db-url "..."
+// See "TypeScript" section below for details
 const client = createClient<Database>({
   auth: {
     url: import.meta.env.VITE_NEON_AUTH_URL,
+    // Optional: allow unauthenticated users to query data via RLS
+    // allowAnonymous: true,
   },
   dataApi: {
     url: import.meta.env.VITE_NEON_DATA_API_URL,
@@ -66,6 +123,8 @@ Use this adapter if you're migrating from Supabase or prefer the Supabase API st
 ```typescript
 import { createClient, SupabaseAuthAdapter } from '@neondatabase/neon-js';
 
+// Database type generated via: npx @neondatabase/neon-js gen-types --db-url "..."
+// See "TypeScript" section below for details
 const client = createClient<Database>({
   auth: {
     adapter: SupabaseAuthAdapter(),
@@ -93,6 +152,8 @@ Use this adapter in React applications to get access to hooks like `useSession`:
 import { createClient } from '@neondatabase/neon-js';
 import { BetterAuthReactAdapter } from '@neondatabase/neon-js/auth/react/adapters';
 
+// Database type generated via: npx @neondatabase/neon-js gen-types --db-url "..."
+// See "TypeScript" section below for details
 const client = createClient<Database>({
   auth: {
     adapter: BetterAuthReactAdapter(),
@@ -114,6 +175,27 @@ function MyComponent() {
 }
 ```
 
+### Anonymous Access
+
+Enable `allowAnonymous` to let unauthenticated users query data. This uses an anonymous token for RLS-based access control:
+
+```typescript
+import { createClient } from '@neondatabase/neon-js';
+
+const client = createClient<Database>({
+  auth: {
+    url: import.meta.env.VITE_NEON_AUTH_URL,
+    allowAnonymous: true, // Enable anonymous data access
+  },
+  dataApi: {
+    url: import.meta.env.VITE_NEON_DATA_API_URL,
+  },
+});
+
+// Works without signing in - uses anonymous token for RLS
+const { data: publicItems } = await client.from('public_items').select();
+```
+
 ## Authentication
 
 ### Sign Up
@@ -281,6 +363,7 @@ const client = createClient({
   // Auth configuration
   auth: {
     url: 'https://your-auth-server.neon.tech/auth',
+    allowAnonymous: true, // Optional: enable anonymous data access
   },
 
   // Data API configuration
@@ -323,30 +406,72 @@ const client = createClient({
 });
 ```
 
-## UI Component Styles
+## UI Components
 
-If you're using `@neondatabase/auth-ui` components with the SDK, CSS is conveniently available:
+Pre-built login forms and auth pages are included. No extra installation needed.
 
-| Export | Use Case |
-|--------|----------|
-| `@neondatabase/neon-js/ui/css` | Pre-built styles (~47KB) |
-| `@neondatabase/neon-js/ui/tailwind` | Tailwind-ready CSS |
+### 1. Import CSS
 
-```css
-/* Without Tailwind */
-@import '@neondatabase/neon-js/ui/css';
+**Without Tailwind CSS:**
+```typescript
+import '@neondatabase/neon-js/ui/css';
+```
 
-/* With Tailwind CSS v4 */
+**With Tailwind CSS v4:**
+```css
 @import 'tailwindcss';
 @import '@neondatabase/neon-js/ui/tailwind';
 ```
 
+### 2. Setup Provider
+
+```typescript
+"use client"
+
+import { NeonAuthUIProvider } from "@neondatabase/neon-js/auth/react/ui"
+import "@neondatabase/neon-js/ui/css"
+
+export function Providers({ children }) {
+  return (
+    <NeonAuthUIProvider authClient={client.auth} redirectTo="/dashboard">
+      {children}
+    </NeonAuthUIProvider>
+  )
+}
+```
+
+### 3. Use Components
+
+**Option A: Full Auth Pages (Recommended)**
+
+Use `AuthView` to render complete auth flows based on the URL path:
+
+```typescript
+import { AuthView } from "@neondatabase/neon-js/auth/react/ui"
+
+// Renders sign-in, sign-up, forgot-password, etc. based on path
+<AuthView path="sign-in" />
+```
+
+**Option B: Individual Components**
+
+```typescript
+import { SignInForm, UserButton } from "@neondatabase/neon-js/auth/react/ui"
+
+<SignInForm />
+<UserButton />
+```
+
+Available components: `SignInForm`, `SignUpForm`, `UserButton`, `AuthView`, `AccountView`, `OrganizationView`
+
+For full documentation and theming, see [`@neondatabase/auth-ui`](../auth-ui).
+
 ## TypeScript
 
 Generate TypeScript types from your database schema:
 
 ```bash
-npx neon-js gen-types --db-url "postgresql://user:pass@host/db"
+npx @neondatabase/neon-js gen-types --db-url "postgresql://user:pass@host/db"
 ```
 
 Use generated types for full type safety:
@@ -377,12 +502,12 @@ Generate TypeScript types from your database:
 
 ```bash
 # Generate types
-npx neon-js gen-types \
+npx @neondatabase/neon-js gen-types \
   --db-url "postgresql://user:pass@host/db" \
   --output ./types/database.ts
 
 # With schema filtering
-npx neon-js gen-types \
+npx @neondatabase/neon-js gen-types \
   --db-url "postgresql://user:pass@host/db" \
   --schemas public,auth \
   --output ./types/database.ts
@@ -493,42 +618,82 @@ export function useAuth() {
 }
 ```
 
-## Related Packages
+## Supabase Migration Guide
 
-This package combines two underlying packages:
+neon-js provides a Supabase-compatible API, making migration straightforward.
 
-- [`@neondatabase/auth`](../auth) - Authentication adapters (can be used standalone)
-- [`@neondatabase/postgrest-js`](../postgrest-js) - PostgreSQL client (can be used standalone)
+### 1. Update Dependencies
+
+```diff
+- "@supabase/supabase-js": "^2.74.0"
++ "@neondatabase/neon-js": "^0.1.0"
+```
 
-## Migration from Previous Version
+### 2. Update Environment Variables
 
-If you're migrating from the old API that used `dataApiUrl` and `authUrl` directly:
+```diff
+- VITE_SUPABASE_URL="https://xxx.supabase.co"
+- VITE_SUPABASE_ANON_KEY="..."
++ VITE_NEON_DATA_API_URL="https://xxx.neon.tech/neondb/rest/v1"
++ VITE_NEON_AUTH_URL="https://your-auth-server.com"
+```
+
+### 3. Update Client Initialization
+
+```diff
+- import { createClient } from '@supabase/supabase-js';
++ import { createClient, SupabaseAuthAdapter } from '@neondatabase/neon-js';
+
+- export const client = createClient(
+-   import.meta.env.VITE_SUPABASE_URL,
+-   import.meta.env.VITE_SUPABASE_ANON_KEY
+- );
++ export const client = createClient<Database>({
++   auth: {
++     adapter: SupabaseAuthAdapter(), // Must call as function!
++     url: import.meta.env.VITE_NEON_AUTH_URL,
++   },
++   dataApi: {
++     url: import.meta.env.VITE_NEON_DATA_API_URL,
++   },
++ });
+```
+
+### 4. No Code Changes Needed
+
+All authentication methods work the same:
 
 ```typescript
-// Before (old API)
-const client = createClient({
-  dataApiUrl: 'https://data-api.example.com/rest/v1',
-  authUrl: 'https://auth.example.com',
-});
+// These work identically
+await client.auth.signInWithPassword({ email, password });
+await client.auth.signUp({ email, password });
+const { data: session } = await client.auth.getSession();
+client.auth.onAuthStateChange((event, session) => { /* ... */ });
+```
 
-// After (new API with adapters)
-import { createClient, SupabaseAuthAdapter } from '@neondatabase/neon-js';
+All database queries work the same:
 
-const client = createClient({
-  auth: {
-    adapter: SupabaseAuthAdapter(),
-    url: 'https://auth.example.com',
-  },
-  dataApi: {
-    url: 'https://data-api.example.com/rest/v1',
-  },
-});
+```typescript
+// These work identically
+const { data } = await client.from('items').select();
+await client.from('items').insert({ name: 'New Item' });
+await client.from('items').update({ status: 'done' }).eq('id', 1);
+await client.from('items').delete().eq('id', 1);
 ```
 
+See the [todo-guardian-pro migration PR](https://github.com/pffigueiredo/todo-guardian-pro/pull/1) for a complete migration example.
+
+## Related Packages
+
+This package combines two underlying packages:
+
+- [`@neondatabase/auth`](../auth) - Authentication adapters (can be used standalone)
+- [`@neondatabase/postgrest-js`](../postgrest-js) - PostgreSQL client (can be used standalone)
+
 ## Resources
 
-- [Neon Documentation](https://neon.tech/docs)
-- [Neon Auth Documentation](https://neon.tech/docs/neon-auth)
+- [Neon Documentation](https://neon.com/docs)
+- [Neon Auth Documentation](https://neon.com/docs/neon-auth)
 - [Better Auth Documentation](https://www.better-auth.com/docs)
 - [PostgREST Documentation](https://postgrest.org)
 

package/dist/auth/next/server/index.d.mts

@@ -0,0 +1 @@
+export * from "@neondatabase/auth/next/server";

package/dist/auth/next/server/index.mjs

@@ -0,0 +1,3 @@
+export * from "@neondatabase/auth/next/server"
+
+export {  };

package/dist/auth/types/index.d.mts

@@ -0,0 +1 @@
+export * from "@neondatabase/auth/types";

package/dist/auth/types/index.mjs

@@ -0,0 +1,3 @@
+export * from "@neondatabase/auth/types"
+
+export {  };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { NeonAuth, NeonAuth as NeonAuth$1, NeonAuthAdapter, NeonAuthAdapter as NeonAuthAdapter$1, NeonAuthConfig, NeonAuthPublicApi, NeonAuthPublicApi as NeonAuthPublicApi$1, ReactBetterAuthClient, VanillaBetterAuthClient } from "@neondatabase/auth";
+import { NeonAuth, NeonAuth as NeonAuth$1, NeonAuthAdapter, NeonAuthAdapter as NeonAuthAdapter$1, NeonAuthConfig, NeonAuthConfig as NeonAuthConfig$1, NeonAuthPublicApi, NeonAuthPublicApi as NeonAuthPublicApi$1, ReactBetterAuthClient, VanillaBetterAuthClient } from "@neondatabase/auth";
 import { BetterAuthVanillaAdapter, BetterAuthVanillaAdapterInstance, BetterAuthVanillaAdapterInstance as BetterAuthVanillaAdapterInstance$1, BetterAuthVanillaAdapterOptions, SupabaseAuthAdapter, SupabaseAuthAdapterInstance, SupabaseAuthAdapterInstance as SupabaseAuthAdapterInstance$1, SupabaseAuthAdapterOptions } from "@neondatabase/auth/vanilla/adapters";
 import { BetterAuthReactAdapterInstance } from "@neondatabase/auth/react/adapters";
 import { AuthRequiredError, DefaultSchemaName, DefaultSchemaName as DefaultSchemaName$1, NeonPostgrestClient, NeonPostgrestClientConstructorOptions, fetchWithToken } from "@neondatabase/postgrest-js";
@@ -27,11 +27,9 @@ declare class NeonClient<Database = any, SchemaName extends string & keyof Datab
  * Auth configuration for createClient
  */
 type CreateClientAuthConfig<T extends NeonAuthAdapter$1> = {
-  /** The adapter builder to use. Defaults to BetterAuthVanillaAdapter() if not specified. */
-  adapter?: (url: string) => T;
   /** The auth service URL */
   url: string;
-};
+} & NeonAuthConfig$1<T>;
 /**
  * Data API configuration for createClient
  */
@@ -101,6 +99,7 @@ type CreateClientResult<Database, TAdapter extends NeonAuthAdapter$1> = NeonClie
 declare function createClient<Database = any>(config: {
   auth: {
     url: string;
+    allowAnonymous?: boolean;
   };
   dataApi: CreateClientDataApiConfig<DefaultSchemaName$1<Database>, BetterAuthVanillaAdapterInstance$1>;
 }): CreateClientResult<Database, BetterAuthVanillaAdapterInstance$1>;

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createInternalNeonAuth } from "@neondatabase/auth";
 import { BetterAuthVanillaAdapter, SupabaseAuthAdapter } from "@neondatabase/auth/vanilla/adapters";
 import "@neondatabase/auth/react/adapters";
-import { AuthRequiredError, NeonPostgrestClient, fetchWithToken, fetchWithToken as fetchWithToken$1 } from "@neondatabase/postgrest-js";
+import { AuthRequiredError, NeonPostgrestClient, X_NEON_CLIENT_INFO_HEADER, fetchWithToken, fetchWithToken as fetchWithToken$1, getClientInfo } from "@neondatabase/postgrest-js";
 
 //#region src/client/neon-client.ts
 /**
@@ -21,13 +21,30 @@ var NeonClient = class extends NeonPostgrestClient {
 	}
 };
 
+//#endregion
+//#region package.json
+var name = "@neondatabase/neon-js";
+var version = "0.1.0-beta.20";
+
+//#endregion
+//#region src/utils/client-info.ts
+function buildNeonJsClientInfo() {
+	const info = getClientInfo(name, version);
+	return JSON.stringify(info);
+}
+
 //#endregion
 //#region src/client/client-factory.ts
 function createClient(config) {
 	const { auth: authConfig, dataApi: dataApiConfig } = config;
-	const auth = createInternalNeonAuth(authConfig.url, { adapter: authConfig.adapter });
+	const clientInfoHeader = buildNeonJsClientInfo();
+	const auth = createInternalNeonAuth(authConfig.url, {
+		adapter: authConfig.adapter,
+		allowAnonymous: authConfig.allowAnonymous ?? false,
+		fetchOptions: { headers: { [X_NEON_CLIENT_INFO_HEADER]: clientInfoHeader } }
+	});
 	const getAccessToken = async () => {
-		return await auth.getJWTToken();
+		return auth.getJWTToken();
 	};
 	const authFetch = fetchWithToken$1(getAccessToken, dataApiConfig.options?.global?.fetch);
 	return new NeonClient({
@@ -37,7 +54,11 @@ function createClient(config) {
 			...dataApiConfig.options,
 			global: {
 				...dataApiConfig.options?.global,
-				fetch: authFetch
+				fetch: authFetch,
+				headers: {
+					...dataApiConfig.options?.global?.headers,
+					[X_NEON_CLIENT_INFO_HEADER]: clientInfoHeader
+				}
 			}
 		}
 	});

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neondatabase/neon-js",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.20",
   "description": "TypeScript SDK for Neon Auth and Data API - authentication and PostgreSQL querying",
   "type": "module",
   "license": "Apache-2.0",
@@ -18,13 +18,13 @@
     "supabase",
     "data-api"
   ],
-  "homepage": "https://github.com/neondatabase-labs/neon-js/tree/main/packages/neon-js#readme",
+  "homepage": "https://github.com/neondatabase/neon-js/tree/main/packages/neon-js#readme",
   "bugs": {
-    "url": "https://github.com/neondatabase-labs/neon-js/issues"
+    "url": "https://github.com/neondatabase/neon-js/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/neondatabase-labs/neon-js.git",
+    "url": "git+https://github.com/neondatabase/neon-js.git",
     "directory": "packages/neon-js"
   },
   "funding": {
@@ -51,6 +51,10 @@
       "types": "./dist/auth/index.d.mts",
       "default": "./dist/auth/index.mjs"
     },
+    "./auth/types": {
+      "types": "./dist/auth/types/index.d.mts",
+      "default": "./dist/auth/types/index.mjs"
+    },
     "./auth/react": {
       "types": "./dist/auth/react/index.d.mts",
       "default": "./dist/auth/react/index.mjs"
@@ -79,6 +83,10 @@
       "types": "./dist/auth/next/index.d.mts",
       "default": "./dist/auth/next/index.mjs"
     },
+    "./auth/next/server": {
+      "types": "./dist/auth/next/server/index.d.mts",
+      "default": "./dist/auth/next/server/index.mjs"
+    },
     "./ui/css": {
       "types": "./dist/ui/css.d.ts",
       "default": "./dist/ui/css.css"
@@ -88,7 +96,8 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "llms.txt"
   ],
   "publishConfig": {
     "access": "public"
@@ -109,8 +118,8 @@
     "msw": "2.6.8"
   },
   "dependencies": {
-    "@neondatabase/postgrest-js": "^0.1.0-alpha.1",
-    "@neondatabase/auth": "^0.1.0-beta.2",
+    "@neondatabase/auth": "^0.1.0-beta.20",
+    "@neondatabase/postgrest-js": "^0.1.0-alpha.2",
     "@supabase/postgres-meta": "0.93.1",
     "meow": "14.0.0",
     "zod": "4.1.12"

package/dist/ui/.safelist.html

@@ -0,0 +1,3 @@
+<!-- Auto-generated safelist for better-auth-ui classes -->
+<!-- This file ensures all necessary utilities are generated -->
+<div class="!bg-transparent !p-2 !py-4 !py-5 !size-8 !w-auto *:[span]:last:flex *:[span]:last:gap-2 *:[span]:last:items-center *:data-[slot=alert-description]:text-destructive/90 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:line-clamp-1 -mx-1 -my-1 -my-2 @container/card-header @container/field-group @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:flex-row @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:items-center [&>*]:data-[slot=field]:p-4 [&>*]:w-full [&>.sr-only]:w-auto [&>[data-slot=field-group]]:gap-4 [&>[data-slot=field-label]]:flex-auto [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [&>svg]:size-4 [&>svg]:text-current [&>svg]:translate-y-0.5 [&_p]:leading-relaxed [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [.border-b]:pb-6 [.border-t]:pt-6 [[data-variant=legend]+&]:-mt-1.5 absolute animate-caret-blink animate-pulse animate-spin aria-invalid:border-destructive aria-invalid:ring-destructive/20 aspect-square auto-rows-min bg-accent bg-background bg-black/50 bg-border bg-card bg-destructive bg-destructive/15 bg-foreground bg-muted bg-muted/50 bg-popover bg-primary bg-secondary bg-sidebar bg-transparent block border border-b border-border border-destructive/30 border-destructive/40 border-input border-primary/20 border-r border-solid border-t border-transparent border-y break-all col-start-2 container cursor-default dark dark:aria-invalid:ring-destructive/40 dark:bg-destructive/60 dark:bg-input/30 dark:border-input dark:data-[active=true]:aria-invalid:ring-destructive/40 dark:data-[state=active]:bg-input/30 dark:data-[state=active]:border-input dark:data-[state=active]:text-foreground dark:data-[state=checked]:bg-primary dark:data-[variant=destructive]:focus:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:has-data-[state=checked]:bg-primary/10 dark:hover:bg-accent/50 dark:hover:bg-input/50 dark:text-muted-foreground data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:z-10 data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[error=true]:text-destructive data-[inset]:pl-8 data-[invalid=true]:text-destructive data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px data-[placeholder]:text-muted-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[size=default]:h-9 data-[size=sm]:h-8 data-[slot=checkbox-group]:gap-3 data-[state=active]:bg-background data-[state=active]:shadow-sm data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:bg-accent data-[state=open]:fade-in-0 data-[state=open]:text-accent-foreground data-[state=open]:text-muted-foreground data-[state=open]:zoom-in-95 data-[variant=destructive]:*:[svg]:!text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:text-destructive data-[variant=label]:text-sm data-[variant=legend]:text-base data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:sm:max-w-sm data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:top-0 disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none duration-1000 duration-200 field-sizing-content file:bg-transparent file:border-0 file:font-medium file:h-7 file:inline-flex file:text-foreground file:text-sm fill-current first:border-l first:rounded-l-md fixed flex flex-1 flex-col flex-col-reverse flex-row flex-shrink-0 flex-wrap focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-destructive/20 focus-visible:ring-ring/50 focus:bg-accent focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-ring focus:text-accent-foreground font-bold font-medium font-mono font-normal font-sans font-semibold gap-0.5 gap-1 gap-1.5 gap-2 gap-3 gap-4 gap-6 gap-7 gap-y-0.5 grid grid-cols-2 grid-cols-[0_1fr] grid-rows-[auto_auto] group group-data-[disabled=true]/field:opacity-50 group-data-[disabled=true]:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[variant=outline]/field-group:-mb-2 group-data-[vaul-drawer-direction=bottom]/drawer-content:block group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center group-has-[[data-orientation=horizontal]]/field:text-balance group/drawer-content group/field group/field-group grow h-10 h-2 h-3 h-3.5 h-4 h-4.5 h-5 h-8 h-9 h-[76px] h-[calc(100%-1px)] h-[var(--radix-select-trigger-height)] h-auto h-fit h-px has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field]]:border has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:w-full has-[>[data-slot=radio-group]]:gap-3 has-[>svg]:gap-x-3 has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:px-2.5 has-[>svg]:px-3 has-[>svg]:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary has-disabled:opacity-50 hidden hover:bg-accent hover:bg-destructive/90 hover:bg-primary/90 hover:bg-secondary/80 hover:opacity-100 hover:text-accent-foreground hover:underline inline inline-flex inset-0 invisible items-center items-start justify-between justify-center justify-items-center justify-items-start justify-self-end justify-start last:mt-0 last:rounded-r-md leading-[24px] leading-none leading-normal leading-snug leading-tight left-2 left-[50%] lg:w-60 line-clamp-1 list-disc lowercase max-h-(--radix-dropdown-menu-content-available-height) max-h-(--radix-select-content-available-height) max-w-14 max-w-32 max-w-56 max-w-64 max-w-[465px] max-w-[calc(100%-2rem)] max-w-full max-w-md max-w-sm mb-0.5 mb-3 mb-[32px] md:block md:flex-row md:gap-1.5 md:gap-12 md:gap-6 md:h-3.5 md:h-4 md:h-5.5 md:hidden md:ms-auto md:text-left md:text-sm md:text-start md:text-xl md:w-40 md:w-56 md:w-64 me-6 min-h-16 min-h-4 min-w-0 min-w-56 min-w-[8rem] min-w-[var(--radix-select-trigger-width)] ml-1 ml-4 ml-auto ms-auto mt-0.5 mt-1.5 mt-4 mt-[32px] mt-auto mx-0 mx-auto my-0 my-0.5 my-1 my-2 my-[26px] my-[30px] my-[40px] my-auto no-underline nth-last-2:-mt-1 opacity-50 opacity-70 origin-(--radix-dropdown-menu-content-transform-origin) origin-(--radix-select-content-transform-origin) outline outline-hidden outline-none overflow-hidden overflow-x-hidden overflow-y-auto p-0 p-1 p-2 p-4 p-6 p-[20px] p-[3px] pb-0 pb-4 peer peer-disabled:cursor-not-allowed peer-disabled:opacity-50 pl-2 pl-8 placeholder:text-muted-foreground pointer-events-none pr-10 pr-2 pr-8 px-0 px-2 px-3 px-4 px-5 px-6 py-1 py-1.5 py-2 py-3 py-4 py-6 relative right-0 right-2 right-4 ring-offset-background rounded rounded-[4px] rounded-b-xl rounded-full rounded-lg rounded-md rounded-sm rounded-xl rounded-xs row-span-2 row-start-1 scroll-my-1 select-none selection:bg-primary selection:text-primary-foreground self-center self-start shadow-lg shadow-md shadow-sm shadow-xs shrink-0 shrink-2 size-10 size-12 size-16 size-2 size-20 size-3 size-3.5 size-4 size-5 size-6 size-8 size-9 size-[50%] size-fit size-full sm:flex-row sm:justify-end sm:max-w-lg sm:max-w-md sm:text-left space-y-3 space-y-6 sr-only static text-2xl text-[#666666] text-[12px] text-[14px] text-[24px] text-base text-card-foreground text-center text-current text-destructive text-foreground text-foreground/70 text-left text-lg text-muted-foreground text-popover-foreground text-primary text-primary-foreground text-secondary-foreground text-sm text-start text-white text-xs top-0 top-1/2 top-4 top-[50%] tracking-tight tracking-widest transform transition-[color,box-shadow] transition-all transition-none transition-opacity transition-shadow translate-x-[-50%] translate-y-[-50%] truncate underline underline-offset-4 uppercase visible w-1/3 w-12 w-14 w-16 w-2/3 w-24 w-28 w-32 w-40 w-48 w-9 w-[--radix-dropdown-menu-trigger-width] w-[--radix-select-trigger-width] w-[100px] w-[302px] w-fit w-full w-px whitespace-nowrap z-50"></div>