@joelbarron/react-web-dev-kit 0.1.8 → 0.1.10

package/README.md

@@ -1,24 +1,23 @@
 # @joelbarron/react-web-dev-kit
 
-Core reusable para apps web React.
+[![npm version](https://img.shields.io/npm/v/%40joelbarron%2Freact-web-dev-kit?label=npm&color=cb3837)](https://www.npmjs.com/package/@joelbarron/react-web-dev-kit)
+[![npm downloads](https://img.shields.io/npm/dm/%40joelbarron%2Freact-web-dev-kit?label=downloads)](https://www.npmjs.com/package/@joelbarron/react-web-dev-kit)
+[![CI](https://img.shields.io/github/actions/workflow/status/joelbarron/jb-react-web-dev-kit/ci.yml?branch=main&label=CI)](https://github.com/joelbarron/jb-react-web-dev-kit/actions/workflows/ci.yml)
+[![Release](https://img.shields.io/github/actions/workflow/status/joelbarron/jb-react-web-dev-kit/release.yml?branch=main&label=release)](https://github.com/joelbarron/jb-react-web-dev-kit/actions/workflows/release.yml)
 
-Incluye:
-- `auth` (`createAuthClient` para `jb-drf-auth`)
-- `config` (`createJBWebConfig`, overrides por stage/env)
-- `forms` (`JBTextField`, `JBSelectField`, `JBCheckboxField`, `JBSwitchField`, `JBRadioGroupField`, `JBDatePickerField`, `JBTimePickerField`)
-- `grid` (`JBGrid`, `JBGridHeader`, providers)
-- `hooks` y `utils`
+Libreria reusable para apps web React con piezas listas para autenticacion, formularios, grillas, config por ambiente y utilidades comunes.
 
-## Documentacion por secciones
+## Que incluye
 
-- [Indice docs](./docs/README.md)
-- [Auth](./docs/auth.md)
-- [Config](./docs/config.md)
-- [Forms](./docs/forms.md)
-- [Grid](./docs/grid.md)
-- [Query](./docs/query.md)
-- [Hooks](./docs/hooks.md)
-- [Utils](./docs/utils.md)
+| Modulo | Que aporta | Docs |
+| --- | --- | --- |
+| `auth` | Cliente para `jb-drf-auth`, provider, hooks y rutas de auth | [docs/auth.md](./docs/auth.md) |
+| `config` | Config global por stage y helpers de URL/API | [docs/config.md](./docs/config.md) |
+| `forms` | Campos base sobre React Hook Form + MUI | [docs/forms.md](./docs/forms.md) |
+| `grid` | `JBGrid`, header y providers para tablas | [docs/grid.md](./docs/grid.md) |
+| `query` | QueryClient preconfigurado para React Query | [docs/query.md](./docs/query.md) |
+| `hooks` | Hooks compartidos para casos de app | [docs/hooks.md](./docs/hooks.md) |
+| `utils` | Helpers generales reutilizables | [docs/utils.md](./docs/utils.md) |
 
 ## Instalacion
 
@@ -26,37 +25,35 @@ Incluye:
 npm i @joelbarron/react-web-dev-kit
 ```
 
-## Auth
+Peer deps principales (segun `package.json`):
+- `react >= 19`
+- `react-dom >= 19`
+- `@tanstack/react-query >= 5`
+- `react-hook-form >= 7`
+- `@mui/material >= 5`
+
+## Inicio rapido
+
+### Auth client
 
 ```ts
-import { createAuthClient } from '@joelbarron/react-web-dev-kit';
+import { createAuthClient } from '@joelbarron/react-web-dev-kit/auth';
 
 export const authClient = createAuthClient({
   apiBaseUrl: import.meta.env.VITE_API_URL,
   onUnauthorized: () => {
-    // ejemplo: limpiar estado y redirigir
+    window.location.href = '/sign-in';
   }
 });
-
-await authClient.loginBasic({
-  login: 'demo@mail.com',
-  password: 'secret',
-  client: 'web'
-});
-
-const me = await authClient.getMe();
 ```
 
-### Auth Provider + Hook
+### Auth Provider
 
 ```tsx
-import { JBAuthProvider, useJBAuth, createAuthClient } from '@joelbarron/react-web-dev-kit/auth';
-
-const authClient = createAuthClient({
-  apiBaseUrl: import.meta.env.VITE_API_URL
-});
+import { JBAuthProvider } from '@joelbarron/react-web-dev-kit/auth';
+import { authClient } from './authClient';
 
-function Root() {
+export function Root() {
   return (
     <JBAuthProvider authClient={authClient}>
       <App />
@@ -65,63 +62,19 @@ function Root() {
 }
 ```
 
-### Auth Routes Factory
-
-```tsx
-import { createAuthRoutes } from '@joelbarron/react-web-dev-kit/auth';
-
-const authRoutes = createAuthRoutes({
-  pages: {
-    signIn: SignInPage,
-    signUp: SignUpPage,
-    forgotPassword: ForgotPasswordPage,
-    resetPassword: ResetPasswordPage,
-    signOut: SignOutPage
-  },
-  pageComponent: ({ children }) => <AuthLayout>{children}</AuthLayout>,
-  routeMeta: {
-    signIn: { auth: ['guest'] },
-    signUp: { auth: ['guest'] }
-  }
-});
-```
-
-### Auth Query Hooks (TanStack Query)
-
-```ts
-import { createAuthClient, createAuthQueryHooks } from '@joelbarron/react-web-dev-kit/auth';
-
-const authClient = createAuthClient({
-  apiBaseUrl: import.meta.env.VITE_API_URL
-});
-
-export const authQueryHooks = createAuthQueryHooks(authClient);
-```
-
-## Query Client
+### Query client
 
 ```ts
 import { createReactWebQueryClient } from '@joelbarron/react-web-dev-kit/query';
 
-const queryClient = createReactWebQueryClient({
+export const queryClient = createReactWebQueryClient({
   onUnauthorized: () => {
     window.location.href = '/sign-in';
   }
 });
 ```
 
-### Auth Forms Base
-
-Tambien incluye formularios base para auth:
-- `AuthPasswordSignInForm`
-- `AuthForgotPasswordForm`
-- `AuthResetPasswordForm`
-
-```tsx
-import { AuthPasswordSignInForm } from '@joelbarron/react-web-dev-kit/auth';
-```
-
-## Config Global (overrideable)
+### Config por ambiente
 
 ```ts
 import { createJBWebConfigFromEnv, getApiBaseUrl } from '@joelbarron/react-web-dev-kit/config';
@@ -142,95 +95,47 @@ const appConfig = createJBWebConfigFromEnv(
   import.meta.env as Record<string, string | undefined>
 );
 
-const apiBaseUrl = getApiBaseUrl(appConfig);
+export const apiBaseUrl = getApiBaseUrl(appConfig);
 ```
 
-## Forms (React Hook Form + MUI)
+### Forms y Grid
 
 ```tsx
-import { Controller, useForm } from 'react-hook-form';
-import { JBDatePickerField, JBSelectField, JBTextField } from '@joelbarron/react-web-dev-kit';
+import { JBTextField, JBSelectField, JBDatePickerField, JBGrid, JBGridHeader } from '@joelbarron/react-web-dev-kit';
+```
 
-type FormValues = {
-  name: string;
-  status: string;
-  birthday: Date | null;
-};
+Tambien incluye formularios listos de auth:
+- `AuthPasswordSignInForm`
+- `AuthForgotPasswordForm`
+- `AuthResetPasswordForm`
 
-const options = [
-  { label: 'Active', value: 'ACTIVE' },
-  { label: 'Inactive', value: 'INACTIVE' }
-];
+## Versionado y release
 
-function ExampleForm() {
-  const { control } = useForm<FormValues>({
-    defaultValues: { name: '', status: '', birthday: null }
-  });
+Canales publicados en npm:
+- `latest`: versiones estables desde `main`
+- `next`: prereleases (`-rc.x`) desde `next`
 
-  return (
-    <>
-      <JBTextField
-        control={control}
-        name="name"
-        label="Name"
-        fullWidth
-      />
-      <JBSelectField
-        control={control}
-        name="status"
-        label="Status"
-        options={options}
-        fullWidth
-      />
-      <JBDatePickerField
-        control={control}
-        name="birthday"
-        label="Birthday"
-      />
-    </>
-  );
-}
+Consulta rapida de version y dist-tags:
+
+```bash
+npm view @joelbarron/react-web-dev-kit version dist-tags --json
 ```
 
-## Grid
+Guia completa de release automation:
+- [docs/release.md](./docs/release.md)
 
-```tsx
-import { JBGrid, JBGridHeader, JBGridConfig } from '@joelbarron/react-web-dev-kit';
-import { useState } from 'react';
-
-const gridConfig: JBGridConfig = {
-  columns: [
-    { name: 'id', title: 'ID' },
-    { name: 'name', title: 'Name' }
-  ],
-  columnsWidths: [
-    { columnName: 'id', width: 120 },
-    { columnName: 'name', width: 320 }
-  ],
-  defaults: {
-    pageSize: 10,
-    allowSelection: true
-  }
-};
+## Documentacion
 
-function ExampleGrid({ service }: { service: { list: Function } }) {
-  const [searchText, setSearchText] = useState('');
+- [Indice docs](./docs/README.md)
+- [Auth](./docs/auth.md)
+- [Config](./docs/config.md)
+- [Forms](./docs/forms.md)
+- [Grid](./docs/grid.md)
+- [Query](./docs/query.md)
+- [Hooks](./docs/hooks.md)
+- [Utils](./docs/utils.md)
+- [Release](./docs/release.md)
 
-  return (
-    <>
-      <JBGridHeader
-        title="Users"
-        searchText={searchText}
-        onSearchTextChange={setSearchText}
-      />
-      <JBGrid
-        gridConfig={gridConfig}
-        service={service as any}
-        searchText={searchText}
-        onSearchTextChange={setSearchText}
-        onRowSelected={(row) => console.log(row)}
-      />
-    </>
-  );
-}
-```
+## Changelog
+
+- [CHANGELOG.md](./CHANGELOG.md)

package/dist/auth/fuse/fuseIntegration.d.ts

@@ -17,7 +17,20 @@ export declare const fuseAuthRoles: {
     readonly onlyGuest: readonly [];
 };
 export type FuseAuthRolesMap = Record<string, string[]>;
+type FuseProfileRoleLike = {
+    value?: string | null;
+};
+type FuseJBWebConfigLike = {
+    auth?: {
+        profileRoles?: FuseProfileRoleLike[] | null;
+    } | null;
+};
 export declare function createFuseAuthRoles(customRoles?: FuseAuthRolesMap): FuseAuthRolesMap;
+export declare function resolveAuthenticatedAuthRoles(jbWebConfig?: FuseJBWebConfigLike, fallbackAuthenticatedRoles?: string[]): string[];
+export declare function createFuseAuthRolesFromJBWebConfig(jbWebConfig?: FuseJBWebConfigLike, customRoles?: FuseAuthRolesMap, options?: {
+    authenticatedRoleKey?: string;
+    fallbackAuthenticatedRoles?: string[];
+}): FuseAuthRolesMap;
 export declare function createFuseUserModel<TUser extends FuseUser>(): (data?: Partial<TUser>) => TUser;
 type CreateFuseUseUserOptions<TUser extends FuseUser> = {
     useAuth: () => {

package/dist/auth/fuse/fuseIntegration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fuseIntegration.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/fuseIntegration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAExD,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAwBpF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,QAAQ,MAChD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAG,KAAK,CAetC;AAED,KAAK,wBAAwB,CAAC,KAAK,SAAS,QAAQ,IAAI;IACtD,OAAO,EAAE,MAAM;QACb,SAAS,EAAE;YAAE,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;QACzC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;KAC5D,CAAC;IACF,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CAChE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC;;;;uBAQxD,OAAO,CAAC,KAAK,CAAC;sCAWC,KAAK,CAAC,UAAU,CAAC;EAuBzE;AAED,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,eAAe,EACnE,WAAW,EAAE,MAAM,eAAe,IAET,WAAW,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,eAAe,CAAC,MAC9C,OAAO,MAAM,6CAUjD;AAED,KAAK,+BAA+B,CAAC,KAAK,SAAS,QAAQ,IAAI;IAC7D,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC,SAAS,EAAE,KAAK,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC;SAC3E,CAAC,CAAC;QACH,QAAQ,EAAE,CAAC,SAAS,EAAE;YAAE,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,KAAK,SAAS,CAAC;KACpE,CAAC,CAAC;IACH,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;QACpC,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,+BAA+B,CAAC,KAAK,CAAC,IAW/E,OAAO;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAY9D"}
+{"version":3,"file":"fuseIntegration.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/fuseIntegration.tsx"],"names":[],"mappings":"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"}

package/dist/auth/fuse/fuseIntegration.js

@@ -26,6 +26,24 @@ export function createFuseAuthRoles(customRoles) {
     });
     return mergedRoles;
 }
+export function resolveAuthenticatedAuthRoles(jbWebConfig, fallbackAuthenticatedRoles = ['admin', 'staff', 'doctor', 'patient']) {
+    const configuredAuthenticatedAuthRoles = (jbWebConfig?.auth?.profileRoles ?? [])
+        .map((profileRole) => String(profileRole?.value ?? '').trim().toLowerCase())
+        .filter(Boolean);
+    const source = configuredAuthenticatedAuthRoles.length
+        ? configuredAuthenticatedAuthRoles
+        : fallbackAuthenticatedRoles;
+    return Array.from(new Set(source));
+}
+export function createFuseAuthRolesFromJBWebConfig(jbWebConfig, customRoles, options) {
+    const authenticatedRoleKey = options?.authenticatedRoleKey ?? 'authenticated';
+    const fallbackAuthenticatedRoles = options?.fallbackAuthenticatedRoles ?? ['admin', 'staff', 'doctor', 'patient'];
+    const authenticatedAuthRoles = resolveAuthenticatedAuthRoles(jbWebConfig, fallbackAuthenticatedRoles);
+    return createFuseAuthRoles({
+        ...(customRoles ?? {}),
+        [authenticatedRoleKey]: authenticatedAuthRoles
+    });
+}
 export function createFuseUserModel() {
     return (data) => {
         const userData = data || {};

package/dist/forms/JBDatePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JBDatePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBDatePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAwB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAyCJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAmCnD"}
+{"version":3,"file":"JBDatePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBDatePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAwB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAyCJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAqDnD"}

package/dist/forms/JBDatePickerField.js

@@ -38,10 +38,28 @@ const formatDateValue = (value) => {
 export function JBDatePickerField(props) {
     const { control, name, rules, textFieldProps, storeAsDateString = false, ...datePickerProps } = props;
     const { size = 'medium', ...resolvedTextFieldProps } = textFieldProps ?? {};
+    const mergedTextFieldSx = Array.isArray(resolvedTextFieldProps.sx)
+        ? [
+            {
+                '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root': {
+                    backgroundColor: 'common.background'
+                }
+            },
+            ...resolvedTextFieldProps.sx
+        ]
+        : [
+            {
+                '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root': {
+                    backgroundColor: 'common.background'
+                }
+            },
+            resolvedTextFieldProps.sx
+        ];
     return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DatePicker, { ...datePickerProps, value: storeAsDateString ? asDateValue(field.value) : field.value ?? null, onChange: (value) => field.onChange(storeAsDateString ? formatDateValue(value) : value), slotProps: {
                     textField: {
                         ...resolvedTextFieldProps,
                         size,
+                        sx: mergedTextFieldSx,
                         error: !!fieldState.error,
                         helperText: getJBFieldErrorMessage(fieldState.error) ?? resolvedTextFieldProps.helperText
                     }

package/dist/forms/JBTimePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JBTimePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBTimePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAwB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CA4BnD"}
+{"version":3,"file":"JBTimePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBTimePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAwB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CA8CnD"}

package/dist/forms/JBTimePickerField.js

@@ -6,10 +6,28 @@ import { getJBFieldErrorMessage } from './utils';
 export function JBTimePickerField(props) {
     const { control, name, rules, textFieldProps, ...timePickerProps } = props;
     const { size = 'medium', ...resolvedTextFieldProps } = textFieldProps ?? {};
+    const mergedTextFieldSx = Array.isArray(resolvedTextFieldProps.sx)
+        ? [
+            {
+                '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root': {
+                    backgroundColor: 'common.background'
+                }
+            },
+            ...resolvedTextFieldProps.sx
+        ]
+        : [
+            {
+                '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root': {
+                    backgroundColor: 'common.background'
+                }
+            },
+            resolvedTextFieldProps.sx
+        ];
     return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(TimePicker, { ...timePickerProps, value: field.value ?? null, onChange: (value) => field.onChange(value), slotProps: {
                     textField: {
                         ...resolvedTextFieldProps,
                         size,
+                        sx: mergedTextFieldSx,
                         error: !!fieldState.error,
                         helperText: getJBFieldErrorMessage(fieldState.error) ?? resolvedTextFieldProps.helperText
                     }

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@joelbarron/react-web-dev-kit",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "private": false,
   "sideEffects": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/joelbarron/jb-react-web-dev-kit.git"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -61,10 +65,15 @@
     "build": "tsc -p tsconfig.json",
     "clean": "rm -rf dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepack": "npm run clean && npm run build",
+    "pack:verify": "node ./scripts/verify-pack.cjs",
     "check:release": "npm run typecheck && npm run clean && npm run build",
     "changeset": "changeset",
+    "release:stable": "bash ./scripts/release-stable.sh",
+    "release:rc": "bash ./scripts/release-rc.sh",
     "release:version": "changeset version",
-    "release:publish": "changeset publish"
+    "release:publish": "changeset publish",
+    "release:publish:next": "changeset publish --tag next"
   },
   "peerDependencies": {
     "react": ">=19",